//	Change the selected Tab Option
var currentTabOption	= "";

function changeTabOption( option )
{
	if( currentTabOption == "" && option == TabOptions[0] )
	{
		currentTabOption	= option;
	}
	else if( option != currentTabOption )
	{
		var tabOption		= null;
		var tabOptionName	= "";
		var viewOption		= null;
		var viewOptionName	= "";
		
		for( var i = 0; i < TabOptions.length; i++ )
		{
			tabOptionName	= "tabOption" + TabOptions[i];
			viewOptionName	= "viewOption" + TabOptions[i];
			
			if( document.getElementById )
			{
				tabOption	= document.getElementById( tabOptionName );
				viewOption	= document.getElementById( viewOptionName );
			}
			else
			{
				tabOption	= eval("document." + tabOptionName);
				viewOption	= eval("document." + viewOptionName);
			}
			
			if( TabOptions[i] == option )
			{
				tabOption.className			= "tabSelected";
				viewOption.style.display	= "";
			}
			else
			{
				tabOption.className			= "tab";
				viewOption.style.display	= "none";
			}
		}
		
		currentTabOption	= option;
	}
}

function changeProductImageColor( value )
{
	var image	= null;
	var pId		= null;
	
	var parts	= value.split(':');
	var id		= parts[0];
	var color	= parts[1];
	
	if( document.getElementById )
	{
		image	= document.getElementById("ProductImage");
		pId		= document.getElementById("ProductId");
	}
	else
	{
		image	= document.ProductImage;
		pId		= document.ProductId;
	}
	
	pId.value	= id;
	image.src	= "/images/products/hair_powder/" + color + ".png";
	
	
	//	Show the Out of Stock message
	if( color == "brunette" )
	{
		if( document.getElementById )
		{
			document.getElementById("AddToCart").style.display	= "none";
			document.getElementById("OutOfStock").style.display	= "block";
		}
		else
		{
			document.AddToCart.style.display	= "none";
			document.OutOfStock.style.display	= "block";
		}
	}
	else
	{
		if( document.getElementById )
		{
			document.getElementById("AddToCart").style.display	= "block";
			document.getElementById("OutOfStock").style.display	= "none";
		}
		else
		{
			document.AddToCart.style.display	= "block";
			document.OutOfStock.style.display	= "none";
		}
	}
}