var animspeed = 'normal';
$(document).ready(function(){
	// only wrap these with A tags if the browser has JS (otherwise they do nothing)
	$('.product-scroller-left img').wrap('<a id="prevslide" href="#"><\/a>');
	$('.product-scroller-right img').wrap('<a id="nextslide" href="#"><\/a>');
	/** prefab serialScroll code */
	$.easing.easeOutQuart = function (x, t, b, c, d) {
		return -c * ((t=t/d-1)*t*t*t - 1) + b;
	};
	$('.product-scroller-main').serialScroll({
		items: 'li',
		prev: '#prevslide',
		next: '#nextslide',
		axis: 'x',
		offset: -84, //when scrolling to photo, stop 82 before reaching it (from the left)
		start: 1, //as we are centering it, start at the 2nd
		duration: 1200,
		force: true,
		stop: true,
		lock: false,
		cycle: false, //don't pull back once you reach the end
		easing: 'easeOutQuart', //use this easing equation for a funny effect
		jump: false //click on the images to scroll to them
	});
	/** end of serialScroll code */
	// page content swapping
	$('div.product-scroller-main a').click(function(){
		var getURL = $(this).attr('href');
		// fade out currents
		$('div.product-photo div.holder').fadeOut(
			animspeed,
			function(){
				$('div.product-photo div.holder').remove();
				$('div.product-photo').hide();
				$('div.product-photo').load(
					getURL+' div.product-photo div.holder',
					function(){
						$('div.product-photo').fadeIn(animspeed);
					}
				);
			}
		);
		// unhighlight active navigation
		$('div.product-scroller-main a.active').removeClass('active');
		$(this).addClass('active');
		this.blur();
		return false;
	});
});