$(function(){
		   $(document).pngFix();
	$('.portfolio').jScrollPane({scrollbarWidth:20, arrowSize: 95});
	// Set the transparent pixel
	

$('a.ui').click(function(evt){
		$('.handle').animate({left: '8px', easing: 'easeOutSine'}, 500);
		$('h2.printdesign').fadeOut('fast');
		$('h2.graphicdesign').fadeOut('fast');
		$("#loadPortfolio").empty().html('<img src="images/loader.gif" />');
		$('h2.uidesign').fadeIn('slow');
		$('#loadPortfolio').load("ui.php", function(){									
			zoombox.init();

		});
		
		
      	
	});
	
		$('a.graphic').click(function(evt){
		$('.handle').animate({left: '105px', easing: 'easeOutSine'}, 500);
		$('h2.printdesign').fadeOut('fast');
		$('h2.graphicdesign').fadeIn('slow');
		$('h2.uidesign').fadeOut('fast');
		$("#loadPortfolio").empty().html('<img src="images/loader.gif" />');
		$('#loadPortfolio').load("graphic.php", function(){										 
			zoombox.init();	
		
		});
		
		
		
	});
		
		$('a.print').click(function(){
		$('.handle').animate({left: '200px', easing: 'easeOutSine'}, 500);	
		$('h2.printdesign').fadeIn('slow');
		$('h2.graphicdesign').fadeOut('fast');
		$('h2.uidesign').fadeOut('fast');
		$("#loadPortfolio").empty().html('<img src="images/loader.gif" />');
		$('#loadPortfolio').load("print.php", function(){										 
			zoombox.init();	
		
		});
		
	});
		
		
		//menu function
		
		$('#navigation ul li a').click(function(){	
			$('#navigation ul li a').removeClass('selected');									
				$(this).addClass('selected');			
			
		});
		
		
		$('li.contactme').click(function(){
			$('#lowbody').fadeOut('fast');
			$('#contact').fadeIn('slow');			  
		
		});
		
		$('li.mywork').click(function(){
			$('#contact').fadeOut('fast');
			$('#lowbody').fadeIn('slow');			  
		
		});


		
});