var menuids = new Array("verticalmenu");
var submenuoffset = -1;

function createcssmenu()
{
	for (var i=0; i<menuids.length; i++){
		var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul");
		for (var t=0; t<ultags.length; t++)
		{
			var spanref=document.createElement("span");
			ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref);

			ultags[t].parentNode.onmouseover = function()
			{
				this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px";
				this.getElementsByTagName("ul")[0].style.display="block";
			}

			ultags[t].parentNode.onmouseout = function()
			{ this.getElementsByTagName("ul")[0].style.display="none"; }
		}
	}
}

function options_of_menu(num)
{
	var divtags = document.getElementById(menuids[0]).getElementsByTagName("div");
	var HeightImg = [ "59", "52", "52", "50", "48", "50", "51", "51", "62", "56" ];
	var HrefImg = ["index.php", "news.php", "biography.php", "photos.php", "article.php", "disc.php", "musicvideo.php", "guest.php", "contacts.php", "references.php"];
	var UrlName = new Array();
	var UrlNameOn = new Array();
	var re = new RegExp("([^/]*\.php)","i");

	for (t=0; t < 9; t++)
	{
		UrlName[HrefImg[t]] = "url(../jpgfiles/button0" + (t+1) + ".jpg)";
		UrlNameOn[HrefImg[t]] = "url(../jpgfiles/button0" + (t+1) + "on.jpg)";
	}

	UrlName[HrefImg[9]] = "url(../jpgfiles/button10.jpg)";
	UrlNameOn[HrefImg[9]] = "url(../jpgfiles/button10on.jpg)";

	for (t = 0; t < 10; t++)
	{
		if(t == 5)
		{
			divtags[t].getElementsByTagName("a")[0].style.background = UrlName[HrefImg[t]];
			divtags[t].getElementsByTagName("a")[0].style.height = HeightImg[t];
			continue;
		}
		divtags[t].getElementsByTagName("a")[0].style.background = UrlName[HrefImg[t]];
		divtags[t].getElementsByTagName("a")[0].style.height = HeightImg[t];
		divtags[t].getElementsByTagName("a")[0].href = "../" + HrefImg[t];

		if (t == num)
			continue;

		divtags[t].getElementsByTagName("a")[0].onmouseover = function()
		{ this.style.background = UrlNameOn[this.href.match(re)[0]]; }
		divtags[t].getElementsByTagName("a")[0].onmouseout = divtags[t].getElementsByTagName("a")[0].onclick = function()
		{ this.style.background = UrlName[this.href.match(re)[0]]; }
	}
	divtags[num++].getElementsByTagName("a")[0].style.background = "url(../jpgfiles/button" + ((num<10) ? ("0" + num) : num ) + "on.jpg)";
}


if (window.addEventListener)
	window.addEventListener("load", createcssmenu, false);
else if (window.attachEvent)
	window.attachEvent("onload", createcssmenu);