layerRef="document.getElementById('";
styleRef=".style";
endLayerRef="')";
layerArray = new Array ("rattan", "marble", "vases", "bone-chinaware");
imagesArray = new Array ("statuary", "fountains", "fireplaces", "columns");
positionArray = new Array (35, 85, 135, 185);
function showMenu(layerName,i,height)
{
	changeBackground(layerName);
	showSection(layerName);
	moveLayerUp();
	showLayer(layerName);
	moveLayerDown(layerName,i,height);
}
function showInitial(layerName)
{
	changeBackground(layerName);
	showSection(layerName);
	moveLayerUp();
	for (x=0; x < layerArray.length; x++)
	{
		if (layerName != layerArray[x])
		{
			document.getElementById(layerArray[x]+"2").style.visibility="hidden";
		}
	}
}
function moveLayerUp()
{
	for (x=0; x < layerArray.length; x++)
	{
		movingLayer = layerArray[x];
		document.getElementById(movingLayer).style.top=positionArray[x]+"px";
	}
}
function moveLayerDown(layerName,i,height)
{
	for (x=i; x < layerArray.length; x++)
	{
		i++;
		movingLayer = layerArray[i];
		initialTop = positionArray[i];
		endTop = initialTop + height;
		if (movingLayer)
		{
			document.getElementById(movingLayer).style.top=endTop+"px";
		}
	}
	
}
function showLayer(layerName)
{
	document.getElementById(layerName+"2").style.visibility="visible";
	for (x=0; x < layerArray.length; x++)
	{
		if (layerName != layerArray[x])
		{
			document.getElementById(layerArray[x]+"2").style.visibility="hidden";
		}
	}
}
function showSection(layerName)
{
	document.getElementById(layerName+"-text").style.visibility="visible";
	for (x=0; x < layerArray.length; x++)
	{
		if (layerName != layerArray[x])
		{
			document.getElementById(layerArray[x]+"-text").style.visibility="hidden";
		}
	}
	hideAllImages();
}
function changeBackground(layerName)
{
	if (layerName == "rattan" || layerName == "vases" || layerName == "bone-chinaware")
	{
		document.getElementById("left-nav").style.backgroundPosition="bottom";
		document.getElementById("top-nav1").style.backgroundPosition="bottom";
		document.getElementById("top-nav2").style.backgroundPosition="bottom";
	}
	else
	{
		document.getElementById("left-nav").style.backgroundPosition="top";
		document.getElementById("top-nav1").style.backgroundPosition="top";
		document.getElementById("top-nav2").style.backgroundPosition="top";
	}
}
function showImages(layerName,imagesName)
{
	document.getElementById(imagesName).style.visibility="visible";
	for (x=0; x < imagesArray.length; x++)
	{
		if (imagesName != imagesArray[x])
		{
			document.getElementById(imagesArray[x]).style.visibility="hidden";
		}
	}
	hideAllSections();
}
function hideAllSections()
{
	for (x=0; x < layerArray.length; x++)
	{
		document.getElementById(layerArray[x]+"-text").style.visibility="hidden";
	}
	document.getElementById("welcome-text").style.visibility="hidden";
}
function hideAllImages()
{
	for (x=0; x < imagesArray.length; x++)
	{
		document.getElementById(imagesArray[x]).style.visibility="hidden";
	}
}