// Product Selector JavaScript Functions and Variables

// Global Variables
var previousProductId; // define as global variable
var productsToDisplay = 5;
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
		imageSrc= productImageName[selectedProduct].replace("/fr/images/products/","/fr/images/products/list_");
		
		document.getElementById("SelectedProduct").style.backgroundImage = "url('"+imageSrc+"')";
		innerHTML = document.getElementById("name_"+selectedProduct).innerHTML.replace("Jergens","<span id=\"t1\">Jergens</span>");
		document.getElementById("selectedProductName").innerHTML = innerHTML;
		obj=document.getElementById("selectedProductName")
		obj.childNodes[1].style.fontWeight="bold";
		//obj.childNodes[1].style.color=productColor[selectedProduct];
		obj.childNodes[1].style.color="white";
		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";				
}