langCode = "EN";

function checkStatus(numberOfItems, firstShowing) {
	nextItems = (numberOfItems - firstShowing - 6);
	prevItems = (firstShowing);
	fPrev = Math.max((firstShowing), 0);
	fNext = Math.max(nextItems, 0);
	if (langCode == "FR" && nextItems > 1) {plural = "s"} else {plural = ""}
	$('#nextProducts').text(fNext + " More" + plural);
	if (langCode == "FR" && prevItems > 1) {plural = "s"} else {plural = ""}
	$('#prevProducts').text(fPrev + " More" + plural);
	(prevItems == 0) ? $('#prevProducts').addClass("noLink") : $('#prevProducts').removeClass("noLink");
	(nextItems == 0) ? $('#nextProducts').addClass("noLink") : $('#nextProducts').removeClass("noLink");
}

function checkPortStatus(numberOfItemsPort, firstShowingPort) {
	nextItems = (numberOfItemsPort - firstShowingPort - 4);
	prevItems = (firstShowingPort);
	(prevItems == 0) ? $('#prevPortfolios').addClass("noLink") : $('#prevPortfolios').removeClass("noLink");
	(nextItems == 0) ? $('#nextPortfolios').addClass("noLink") : $('#nextPortfolios').removeClass("noLink");
}


$(document).ready(function() {
	var numberOfItems = $("#rangeNav li").length;
	var showLength = 6;
	var firstShowing = 0;
	
	$(".downloadLink").attr('target', '_new');
	if (numberOfItems > showLength) {
		$('#rangeContainer').css({ margin: "0px 8px 0px 8px"});
		$('#rangeContainer').css({ overflow: "hidden", width: "862px"});
		$('#rangeContainer').before('<a class="prevProducts" id="prevProducts" title="Previous Products" href="#">Prev</a>');
		$('#rangeContainer').after('<a class="nextProducts" id="nextProducts" title="Next Products" href="#">Next</a>');
		
		var fNextItems = Math.max((firstShowing), 0);
		if (langCode == "FR" && fNextItems > 1) {plural = "s"} else {plural = ""}
		$('#nextProducts').text(fPrevItems + " More" + plural);
		
		var fPrevItems = Math.max((numberOfItems - firstShowing - 6), 0);
		if (langCode == "FR" && fPrevItems > 1) {plural = "s"} else {plural = ""}
		$('#prevProducts').text(fNextItems + " More" + plural);
	}
	//Put the Get strings into an array
	
	modelNumber = $('.productTitle').attr("id");
	
	//highlight and scroll to Selected Item
	var count = 0;
	var scrollToX = 0;
	$('#rangeContainer li a').each(function(i) {
		count++;
		if ($(this).attr("rel") == modelNumber) {
			scrollToX = Math.min((Math.floor((count-1)/6)*6), ($('#rangeContainer li a').length - 6));
			$(this).addClass("activeLink");
		}
	});
	if (scrollToX > 0) {
		$('#rangeContainer').scrollTo( 'li:eq(' + scrollToX +')', 0, {axis:'x'} );
		firstShowing = scrollToX;
	}

	checkStatus(numberOfItems, firstShowing);
	
	$('#prevProducts').click(function(event) {
		event.preventDefault();
		if (firstShowing > 0) {
			firstShowing = Math.max(firstShowing - showLength, 0);
			$('#rangeContainer').scrollTo( 'li:eq(' + firstShowing +')', 1000, {axis:'x'} );
			checkStatus(numberOfItems, firstShowing);
		}
		$('#prevProducts').blur();
	});
	
	$('#nextProducts').click(function(event) {
		event.preventDefault();
		if (firstShowing < numberOfItems) {
			firstShowing = Math.min(firstShowing + showLength, numberOfItems - showLength);
			$('#rangeContainer').scrollTo( 'li:eq(' + firstShowing +')', 1000, {axis:'x'} );
			checkStatus(numberOfItems, firstShowing);
		}
		$('#nextProducts').blur();
	});
	
	var numberOfItemsPort = $("#portContainer a").length;
	var showLengthPort = 4;
	var firstShowingPort = 0;
	
	if (numberOfItemsPort > showLengthPort) {
		$('#portContainer').css({ overflow: "hidden", width: "360px"});
		$('#portContainer').css({ float: "left"});
		$('#ports').prepend('<a class="prevPortfolios" id="prevPortfolios" title="Previous Portfolios" href="#">Prev</a>');
		$('#ports').append('<a class="nextPortfolios" id="nextPortfolios" title="Next Portfolios" href="#">Next</a>');
		checkPortStatus(numberOfItemsPort, firstShowingPort);
		
		$('#prevPortfolios').click(function(event) {
			event.preventDefault();
			if (firstShowingPort > 0) {
				firstShowingPort = Math.max(firstShowingPort - showLengthPort, 0);
				$('#portContainer').scrollTo( 'a:eq(' + firstShowingPort +')', 1000, {axis:'x'} );
				checkPortStatus(numberOfItemsPort, firstShowingPort);
			}
			$('#prevPortfolios').blur();
		});

		$('#nextPortfolios').click(function(event) {
			event.preventDefault();
			if (firstShowingPort < numberOfItemsPort) {
				firstShowingPort = Math.min(firstShowingPort + showLengthPort, numberOfItemsPort - showLengthPort);
				$('#portContainer').scrollTo( 'a:eq(' + firstShowingPort +')', 1000, {axis:'x'} );
				checkPortStatus(numberOfItemsPort, firstShowingPort);
			}
			$('#nextPortfolios').blur();
		});
	}
	
	$('#tabBrowser > div:gt(0)').hide();
	
	$('#portTab').click(function(event) {
		$('#portTab').parent().addClass("sel");
		$('#benchTab').parent().removeClass('sel');
		$('#surroundTab').parent().removeClass('sel');
		event.preventDefault();
		$('#portTab').blur();
		$('#BenchColours').hide();
		$('#SurroundColours').hide();
		$('#ports').show();
	});
	
	$('#benchTab').click(function(event) {
		event.preventDefault();
		$('#benchTab').blur();
		$('#benchTab').parent().addClass("sel");
		$('#portTab').parent().removeClass('sel');
		$('#surroundTab').parent().removeClass('sel');
		$('#ports').hide();
		$('#SurroundColours').hide();
		$('#BenchColours').show();
	});
	
	$('#surroundTab').click(function(event) {
		event.preventDefault();
		$('#surroundTab').blur();
		$('#surroundTab').parent().addClass("sel");
		$('#portTab').parent().removeClass('sel');
		$('#benchTab').parent().removeClass('sel');
		$('#BenchColours').hide();
		$('#ports').hide();
		$('#SurroundColours').show();
	});
	
});