function hideref()
{
	var arr = new Array(1,2,3,4,5);
	for(var i=0; i<arr.length;i++)
		{
			if(document.getElementById("top"+arr[i]))
			{
				document.getElementById("subnavi-active"+arr[i]).style.display="none";
				document.getElementById("subnavi"+arr[i]).style.display="block";
				document.getElementById("top"+arr[i]).style.backgroundColor="#A8A9AD"; 
			}
		}
}
function showSub(subid)
{
	hideref();
	
	if(document.getElementById("subnavi"+subid))
	{
		document.getElementById("subnavi-active"+subid).style.display = "block";
		document.getElementById("subnavi"+subid).style.display = "none";  
		document.getElementById("top"+subid).style.backgroundColor = "#EFEFEF"; 
	}
}
function showIcon(ID)
{
	document.images['pic'+ID].src = "grafix/square.jpg";
}
function hideIcon(ID, ID2)
{
	document.images['pic'+ID].src = "grafix/squareb.png";
}