// JavaScript Document

function MenuItem(css,id,menuholder)
{
	var Me = this;
	this.Id = id;
	this.Css = css;
	this.Element = document.getElementById(id);
	this.Holder = document.getElementById(menuholder);
	
	this.Init = function()
	{
		if(this.Element != null || this.Element != undefined)
		{
			Me.Element.setAttribute("class", Me.Css + "_normal");
			$AddHandler(Me.Element,"mouseover",function()
			{
				if(Me.Holder!= null && Me.Holder != undefined)
				{
				    $ShowMenu(Me.Id);
				}
			});
			if(Me.Holder!= null && Me.Holder != undefined)
			Me.Holder.style.display = "none";
		}
	};
	
	this.Show = function()
	{
		if(Me.Holder!= null && Me.Holder != undefined)
		{
			Me.Element.setAttribute("class", Me.Css + "_hover");
			Me.Holder.style.display = "block";
		}
	};
	
	this.Hide = function()
	{
		if(Me.Element!= null && Me.Element != undefined)
			Me.Element.setAttribute("class", Me.Css + "_normal");

		if(Me.Holder!= null && Me.Holder != undefined)
			Me.Holder.style.display = "none";
	};
	
	this.Initialized = this.Init();
}

window.Menus = new Array();

function $CreateMenu(css,id,menuholder)
{
	window.Menus.push(new MenuItem(css,id,menuholder));
}

function $ShowMenu(id)
{
	var index = -1;
	for(var k=0;k<window.Menus.length;k++)
	{
		window.Menus[k].Hide();
		if(window.Menus[k].Id==id)
			index = k;
	}
	if(k!=-1)
	window.Menus[index].Show();
}

function $HideAllMenu()
{
	for(var k=0;k<window.Menus.length;k++)
	{
		window.Menus[k].Hide();
	}
}

$AddHandler(window,"load",function(){$AddHandler(document.body,"click",function(){$HideAllMenu();});});
