$(function() {
	
	// Hide the headers if no products found next to them
	if (!($("#CompatibleProductsHeader").next().is(".ProductList"))) { $("#CompatibleProductsHeader").hide(); }
	if (!($("#SimilarProductsHeader").next().is(".ProductList"))) { $("#SimilarProductsHeader").hide(); }
	
	// Crossselling carousel at productpage and in cart
	if ($("#CrossSaleProducts div.Product").length) {
		var CrossSaleHeaderText;
		if ($("#CartTable").length) { CrossSaleHeaderText = "Näitä tuotteita ostaneet ostivat myös..."} else { CrossSaleHeaderText = "Tämän tuotteen ostaneet ostivat myös..."}
		$("#CrossSaleScroller").css("overflow","hidden").before('<h2 class="BoxHeader Center">' + CrossSaleHeaderText + '</h2><span class="ScrollToPrev" style="display: none;"><span class="Icon"></span>Edelliset</span><span class="ScrollToNext"><span class="Icon"></span>Seuraavat</span>');
		$("#CrossSaleProducts").css("width","2304px");
		var $prev = $('.ScrollToPrev'), $next = $('.ScrollToNext'), $scp = $('#CrossSaleScroller');
		$scp.serialScroll({
			items: '.Product',
			prev: '.ScrollToPrev',
			next: '.ScrollToNext',
			axis: 'x',
			duration: 350,
			force: true,
			step: 3,
			exclude: 2,
			cycle: false,
			onBefore: function(e,elem,$pane,$items,pos) {
				$prev.add($next).fadeIn(250);
				if (pos==0) {
					$prev.fadeOut(250);
				} else if (pos==$items.length-3) {
					$next.fadeOut(250);
				}
			}				
		});
		$(document).keyup(function(e) {
			switch (e.keyCode) {
				case 39:
					$scp.trigger('next');
					break;
				case 37:
					$scp.trigger('prev');
					break;
			}
		});
	}

});
$(function() {
	if ($("#SimilarProducts div.Product").length) {
		var SimilarHeaderText;
		if ($("#CartTable").length) { SimilarHeaderText = "Samankaltaisia tuotteita.."} else { SimilarHeaderText = "Samankaltaisia tuotteita..."}
		$("#SimilarScroller").css("overflow","hidden").before('<h2 class="BoxHeader Center">' + SimilarHeaderText + '</h2><span class="ScrollToPrevSimilar" style="display: none;"><span class="Icon"></span>Edelliset</span><span class="ScrollToNextSimilar"><span class="Icon"></span>Seuraavat</span>');
		$("#SimilarProducts").css("width","2304px");
		var $prev = $('.ScrollToPrevSimilar'), $next = $('.ScrollToNextSimilar'), $scp = $('#SimilarScroller');
		$scp.serialScroll({
			items: '.Product',
			prev: '.ScrollToPrevSimilar',
			next: '.ScrollToNextSimilar',
			axis: 'x',
			duration: 350,
			force: true,
			step: 3,
			exclude: 2,
			cycle: false,
			onBefore: function(e,elem,$pane,$items,pos) {
				$prev.add($next).fadeIn(250);
				if (pos==0) {
					$prev.fadeOut(250);
				} else if (pos==$items.length-3) {
					$next.fadeOut(250);
				}
			}				
		});
		$(document).keyup(function(e) {
			switch (e.keyCode) {
				case 39:
					$scp.trigger('next');
					break;
				case 37:
					$scp.trigger('prev');
					break;
			}
		});
	}

});