window.onload = function(){
    
	jQuery(function( $ ){
		
		$(document).pngFix(); 
									
		$(".portfolio img").addClass('img');
		
		var num_images =$('.portfolio').children().size();
		var padding = 2;
		var totalWidth=0;
		$(".img").each(function(){
				totalWidth += $(this).outerWidth(true);	
		});
		
		$(".portfolio").css('width',(totalWidth* padding));
		
		
		$('#portfolio_container').serialScroll({
			items:'img',
			prev:'.portfolio_navigation a.prev',
			next:'.portfolio_navigation a.next',
			offset:-120, 
			start:0, 
			duration:800,
			force:true,
			//event:'mouseover',
			stop:true,
			lock:false,
			cycle:true, 
			jump: true //click on the images to scroll to them
		});
		
	});

}