jQuery(function( $ ){

	// Resets pane to (0,0)
	$('#content').scrollTo( 0 );
	
	$('#galleryHolder div:first').addClass('activeItem');
	$('#contentNav li:first').addClass('it');
	$('#contentNav p:first').addClass('it');
	$('#prev').addClass('buttonHide');
		
	$('#gallery div').each(function() {
		var thumbWidth = $(this).find('img').attr('width');
		$(this).width(thumbWidth);
	  });

	$('#content').serialScroll({
		items:'li',
		prev:'#prev',
		next:'#next',
		duration:1200,
		force:true,
		stop:true,
		lock:false,
		axis:'y',
		easing:'easeInOutCubic',
		cycle: false,
		constant: false,
		step:1 // scroll 2 news each time
	});
	
	var $prev = $('#prev'),//prev button
		$next = $('#next');//next button
	
	$('#gallery').serialScroll({
		items:'div',
		prev:'#prev',
		next:'#next',
		duration:1200,
		force:true,
		stop:true,
		lock:false,
		easing:'easeInOutCubic',
		cycle: false,
		constant: false,
		step:1,
		onBefore:function( e, elem, $pane, $items, pos ){
			$('#galleryHolder div').removeClass('activeItem');
			var galList = $('#galleryHolder div');
			var currentOne = galList.index(elem);
			$('#galleryHolder div:eq('+currentOne+')').addClass('activeItem');
			$prev.add($next).removeClass('buttonHide');
			if( pos == 0 )
				$prev.addClass('buttonHide');
			else if( pos == $items.length-1 )
				$next.addClass('buttonHide');
			$('#contentNav').find('.it').removeClass('it');
			$('#contentNav li:eq('+currentOne+')').addClass('it');
			$('#contentNav li.it').parent().parent().find('p').addClass('it');
		}
	});
	
	$('#contentNav p').click(function(){
		var theOne = $(this).attr("class");
		var galList2 = $('#galleryHolder div');
		var currentOne2 = galList2.index($('.'+theOne+':first'));
		$('#gallery').trigger( 'goto', [ currentOne2 ] );
		$('#content').trigger( 'goto', [ currentOne2 ] );
	});
	
	$('#contentNav li').click(function(){
		var galList3 = $('#contentNav li');
		var currentOne3 = galList3.index(this);
		$('#gallery').trigger( 'goto', [ currentOne3 ] );
		$('#content').trigger( 'goto', [ currentOne3 ] );
	});
});

$(document).ready(
	function(){
		$('.gallereee').innerfade({
			speed: 500, timeout: 5000, type: 'sequence', containerheight: '275px'
		}
	);
});