// JavaScript Document

window.onload = initDropMenus;

function initDropMenus()
{
	var firstDrop = document.getElementById("topMenu1");
	var secondDrop = document.getElementById("topMenu2");
	var thirdDrop = document.getElementById("topMenu3");
	var fourthDrop = document.getElementById("topMenu4");
	var fifthDrop = document.getElementById("topMenu5");
	
	firstDrop.onmouseover = toggleMenu1;
	secondDrop.onmouseover = toggleMenu2;
	thirdDrop.onmouseover = toggleMenu3;
	fourthDrop.onmouseover = toggleMenu4;
	fifthDrop.onmouseover = toggleMenu5;
}

function toggleMenu1()
{
	this.parentNode.onmouseout = function()
	{
		document.getElementById("menu1").style.display = "none";
	}
	
	this.parentNode.onmouseover = function()
	{
		document.getElementById("menu1").style.display = "block";
	}
}

function toggleMenu2()
{
	this.parentNode.onmouseout = function()
	{
		document.getElementById("menu2").style.display = "none";
	}
	
	this.parentNode.onmouseover = function()
	{
		document.getElementById("menu2").style.display = "block";
	}
}

function toggleMenu3()
{
	this.parentNode.onmouseout = function()
	{
		document.getElementById("menu3").style.display = "none";
	}
	
	this.parentNode.onmouseover = function()
	{
		document.getElementById("menu3").style.display = "block";
	}
}

function toggleMenu4()
{
	this.parentNode.onmouseout = function()
	{
		document.getElementById("menu4").style.display = "none";
	}
	
	this.parentNode.onmouseover = function()
	{
		document.getElementById("menu4").style.display = "block";
	}
}

function toggleMenu5()
{
	this.parentNode.onmouseout = function()
	{
		document.getElementById("menu5").style.display = "none";
	}
	
	this.parentNode.onmouseover = function()
	{
		document.getElementById("menu5").style.display = "block";
	}
}