// Product Selector JavaScript Functions and Variables

// Global Variables
var previousProductId; // define as global variable
var productsToDisplay = 7;
var currentStartingPosition = 0;
var defaultProductToDisplay = -1;

var scrollProducts = false;
var rotation = 1;
var productCount = 8; // redefined dynamically in ASP


function higlightDefaultProduct(defaultProductId)
{
	document.write("looking for productId: " + defaultProductId + "<br />");
	for(var i = 0; i < productIds.length; i++)
	{
		document.write("current productId: " + productIds[i] + "<br />");
		if(defaultProductId == productIds[i])
		{
			document.write("productID = " + defaultProductId + " found at position " + i);
//			highlightProduct(i);
			break;
		}
	}
}

function highlightProduct(selectedProduct)
{ // highlight product in our collection product selector
  if(selectedProduct != previousProductId)
	{
		document.getElementById('ProductSelectorProduct' + selectedProduct).style.backgroundColor = "#d4ece9"; /* aqua marine */
		if(previousProductId != null)
		{
			document.getElementById('ProductSelectorProduct' + previousProductId).style.backgroundColor = "#ffffff";
		}
		
		// display product image
		document.getElementById("ProductSelectorImage").src = "/Images/Products/ProductSelector/" + replaceSpace(productImageName[selectedProduct]) + ".gif";
		previousProductId = selectedProduct; // save previous highlight in a global variable	
	}
}

function showNextProduct()
{
	if((currentStartingPosition + productsToDisplay) <= totalProductsInSelector - 1)
	{
		// change the prducts		
		document.getElementById("ProductSelectorProductContainer" + currentStartingPosition).style.display = "none";
		document.getElementById("ProductSelectorProductContainer" + (currentStartingPosition + productsToDisplay)).style.display = "block";		
		showPreviousItemSelector();
		currentStartingPosition++;
	}
	
	if((currentStartingPosition + productsToDisplay) >= totalProductsInSelector)
	{
		hideNextItemSelector();
	}	
}

function showPreviousProduct()
{
	if(currentStartingPosition > 0)
	{
		// change the prducts
		document.getElementById("ProductSelectorProductContainer" + (currentStartingPosition + productsToDisplay - 1)).style.display = "none";
		document.getElementById("ProductSelectorProductContainer" + (currentStartingPosition - 1)).style.display = "block";		
		showNextItemSelector();
		currentStartingPosition--;
	}

	if((currentStartingPosition) <= 0)
	{
		hidePreviousItemSelector();
	}	
}

function hideNextItemSelector()
{
		document.getElementById("ProductSelectorNext").style.display = "none";
}

function hidePreviousItemSelector()
{
		document.getElementById("ProductSelectorPrevious").style.display = "none";				
}	

function showNextItemSelector()
{
		document.getElementById("ProductSelectorNext").style.display = "block";
}

function showPreviousItemSelector()
{
		document.getElementById("ProductSelectorPrevious").style.display = "block";				
}