window.onload = function() { init(); }

var images = new Array();

function init()
{
	document.getElementById("topnav1").onmouseover = DisplayText;
	document.getElementById("topnav2").onmouseover = DisplayText;
	document.getElementById("topnav6").onmouseover = DisplayText;
	document.getElementById("topnav3").onmouseover = DisplayText;
	document.getElementById("topnav4").onmouseover = DisplayText;
	
    document.getElementById("topnav1").onmouseout = HideText;
	document.getElementById("topnav2").onmouseout = HideText;
	document.getElementById("topnav6").onmouseout = HideText;
	document.getElementById("topnav3").onmouseout = HideText;
	document.getElementById("topnav4").onmouseout = HideText;
	
	// Preload graphics
	preload();
}

function DisplayText()
{
	document.getElementById("nav_info_container").style.display = "block";
	text = document.getElementById(this.id+"_img").alt;
	if(this.id == "topnav1") { marginLeft = "17"; }
	else if(this.id == "topnav2") { marginLeft = "89"; }
	else if(this.id == "topnav6") { marginLeft = "158"; }
	else if(this.id == "topnav3") { marginLeft = "240"; }
	else if(this.id == "topnav4") { marginLeft = "319"; }
	document.getElementById("nav_info_container").style.marginLeft = marginLeft+"px";
	document.getElementById("nav_info_container").innerHTML = text;
}

function HideText()
{
	document.getElementById("nav_info_container").style.display = "none";
}

function preload()
{
	images[1] = new Image();
	images[2] = new Image();
	images[3] = new Image();
	images[4] = new Image();
	images[5] = new Image();
	images[6] = new Image();
	images[7] = new Image();
	images[8] = new Image();
	images[9] = new Image();
	images[10] = new Image();
	
	images[1] = "/img/icon-orange-arrow.jpg";
	images[2] = "/img/tn1_omo.gif";
	images[3] = "/img/tn2_omo.gif";
	images[4] = "/img/tn3_omo.gif";
	images[5] = "/img/tn4_omo.gif";
	images[6] = "/img/tn5_omo.gif";
	images[7] = "/img/tn6_omo.gif";
	images[8] = "/img/sn1_omo.jpg";
	images[9] = "/img/sn2_omo.jpg";
	images[10] = "/img/sn3_omo.jpg";

}