$(document).ready(function() {
	
	// portfolio
		$('#portfolio li a img').mouseenter(function(){
			if(ie==0){
				$(this).animate({
					'left': '-35px',
					'top': '-15px',
					'width': '199px',
					'-moz-box-shadow': '0px 0px 15px #000000',
					'-webkit-box-shadow': '0px 0px 15px #000000',
					'box-shadow': '0px 0px 15px #000000'
				}, 300, function(){
					// Animation complete.
				});
			}
		});
		$('#portfolio li a img').mouseleave(function(){
			if(ie==0){
				$(this).animate({
					'left': '0px',
					'top': '0px',
					'width': '130px',
					'-moz-box-shadow': '0px 0px 5px #000000',
					'-webkit-box-shadow': '0px 0px 5px #000000',
					'box-shadow': '0px 0px 5px #000000'
				}, 600, function(){
					// Animation complete.
				});
			}
		});
		
		$('#displaypane').hide();
		$('#portfolio li a').click(function(){
			imgurl		=	$(this).attr('href');
			title		=	$(this).find('span.title').html();
			client		=	$(this).find('span.client').html();
			desc		=	$(this).find('span.desc').html();
			designedby	=	$(this).find('span.designedby').html();
			
			if(desc!='')desc='<br />'+desc;
			if(designedby!='')designedby='<br />'+designedby;
			
			imgstr='<img src="'+imgurl+'" />';
			imgstr=imgstr+'<p><b>'+title+'</b>'+designedby+desc+'</p>';
			$('#displaypane').html(imgstr);
			$('#displaypane').fadeIn();
			return false;
		});
		$('#displaypane').click(function(){
			$(this).html('');
			$(this).fadeOut();
			return false;
		});

	
});