/* Beauty Buzz Section JavaScript Functions */

function initializePage()
{
	hidePreviousItemSelector();
	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/Beauty_Buzz/bg_On.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;";				
}