var scrollOptions;

$(document).ready(function () {
	if($('.thumbnail_wrapper .home_slider').size() >0)
	{
		var $panes = $('.thumbnail_wrapper .pane');
		var $container = $('.thumbnail_wrapper .home_slider');

		var horizonal = true;

		if (horizonal) {
			$panes.css({'float' : 'left'});


			$container.css({'width' : $panes[0].offsetWidth * $panes.length});

		};

		var $scroll = $('.thumbnail_wrapper .holder').css({'overflow' : 'hidden'});



		function selectNav() {
			$(this)
				.parents('ul:first')
					.find('a')
						.removeClass('active')
					.end()
				.end()
				.addClass('active');
				adjHeight();
		}

		$('#product .tabs').find('a').click(selectNav);

		function trigger(data) {
			var el = $('#product .tabs').find('a[href$="' + data.id + '"]').get(0);
			selectNav.call(el);
		}


		if (window.location.hash) {
			trigger({ id: window.location.hash.substr(1) });
		} else {
			$('#product .tabs a:first').click();
		}

		function adjHeight() {
			var activePane = $('.active').attr('href');
		   $scroll.css('height', $(activePane)[0].offsetHeight);
		 }


		scrollOptions = {
			target: $scroll,
			items: $panes,
			navigation: '.tabs a',
			prev: 'img.left',
			next: 'img.right',
			axis: 'xy',
			duration: 500,
			easing: 'swing'
			//onAfter: trigger

		};



		$('.thumbnail_wrapper').serialScroll(scrollOptions);
	}
});