/* Beauty Buzz Section JavaScript Functions */

function initializePage(){
    hidePreviousItemSelector();
	if (totalProducts <= totalProductsPerRow)
	    hideNextItemSelector();
	for(var i = 0; i < totalProducts; i++){	
		setContentSeperatorHeight(baseSeperatorName + i, baseContainerName + i);		
		hideBeautyBuzzContentContainer(baseContainerName + i);			
		
		if(i < totalProducts && i >= totalProductsPerRow){
			hideBeautyBuzzSelectorItem(baseSelectorItemName + i);
		}
	}
	// Show default product content
	showBeautyBuzzContentContainer(defaultProductContent);
}

function changeSelectedProductBackground(theElement){
	theElement.style.backgroundImage = "url(/images/beautyBuzzBG.gif)";
}

function restoreSelectedProductBackground(theElement){
	theElement.style.backgroundImage = 'url(/images/spacer.gif)';
}


function hideAllBeautyBuzzContentContainers(){
	for(var i = 0; i < totalProducts; i++)	{	
		hideBeautyBuzzContentContainer(baseContainerName + i);
	}	
}

function hideBeautyBuzzContentContainer(containerId){
	document.getElementById(containerId).style.display = "none";
}

function hideBeautyBuzzSelectorItem(itemId){
	document.getElementById(itemId).style.display = "none";
}

function hideNextItemSelector(){
		document.getElementById("BeautyBuzzSelectorNext").innerHTML = "&nbsp;";	
}

function hidePreviousItemSelector(){
		document.getElementById("BeautyBuzzSelectorPrevious").innerHTML = "&nbsp;";	
}

function setContentSeperatorHeight(seperatorId, containerId){
	document.getElementById(seperatorId).style.height = document.getElementById(containerId).clientHeight+ "px";	
}

function showBeautyBuzzContentContainer(containerId){
	document.getElementById(containerId).style.display = "block";
}	

function showNextProduct(){
	if((currentStartingProduct + totalProductsPerRow) <= totalProducts - 1)	{
		// change the prducts
		document.getElementById("BeautyBuzzSelectorItem" + currentStartingProduct).style.display = "none";
		document.getElementById("BeautyBuzzSelectorItem" + (currentStartingProduct + totalProductsPerRow)).style.display = "block";
		//document.getElementById("BeautyBuzzSelectorItem" + (currentStartingProduct + totalProductsPerRow)).style.marginRight = "0px";
		//document.getElementById("BeautyBuzzSelectorItem" + (currentStartingProduct + totalProductsPerRow - 1)).style.marginRight = "20px";	
		showPreviousItemSelector();
		
		//if((currentStartingProduct + totalProductsPerRow) < totalProducts)
		//{
			currentStartingProduct++;
		//}
	}
	
	if((currentStartingProduct + totalProductsPerRow) == totalProducts)	{
		hideNextItemSelector();
	}
}

function showPreviousProduct(){
	if(currentStartingProduct > 0)	{
		// change the prducts
		document.getElementById("BeautyBuzzSelectorItem" + (currentStartingProduct + totalProductsPerRow - 1)).style.display = "none";
		document.getElementById("BeautyBuzzSelectorItem" + (currentStartingProduct - 1)).style.display = "block";
		//document.getElementById("BeautyBuzzSelectorItem" + (currentStartingProduct - 1)).style.marginRight = "20px";
		//document.getElementById("BeautyBuzzSelectorItem" + (currentStartingProduct + totalProductsPerRow - 2)).style.marginRight = "0px";
		showNextItemSelector();
		
		//if(currentStartingProduct > 0)
		//{
			currentStartingProduct--;
		//}
	}

	if((currentStartingProduct) == 0){
		hidePreviousItemSelector();
	}
}

function showNextItemSelector(){
		document.getElementById("BeautyBuzzSelectorNext").innerHTML = "&gt;&gt;";
}

function showPreviousItemSelector(){
		document.getElementById("BeautyBuzzSelectorPrevious").innerHTML = "&lt;&lt;";				
}