var click = new Array(0,0,0,0,0);
var fc = 25;
var mi = 7;
var wi = 885;
var opac = 0.0;
var secOpac = 0.0;
var filOpac = 0;
var secFilOpac = 0;
var menu = "";

function hover(ele){
		var element = document.getElementById(ele);
		element.setAttribute("src", "images/topMenuOver"+ele+".gif");
	}
	function lostHover(ele){
		var str = ele
        str = str.substring(str.length-1,str.length+1);
		i=(parseInt(str)-1);
		
		if (click[i] == 0){
			var element = document.getElementById(ele);
			element.setAttribute("src", "images/topMenu"+ele+".gif");
		}
	}
	function topMenuClick(ele){
		var str = ele
		var noClicks = true;
		
		for (j=0; j<5; j++)
			if (click[j] == 1)
				noClicks = false;
		
        str = str.substring(str.length-1,str.length+1);
		i=(parseInt(str)-1);
		click[i] = 1;
		for (j=0; j<5; j++){
			if (j != i)
				click[j] = 0;
		}
		
		var element = document.getElementById("Item1");
		element.setAttribute("src", "images/topMenuItem1.gif");
		element = document.getElementById("Item2");
		element.setAttribute("src", "images/topMenuItem2.gif");
		element = document.getElementById("Item3");
		element.setAttribute("src", "images/topMenuItem3.gif");
		element = document.getElementById("Item4");
		element.setAttribute("src", "images/topMenuItem4.gif");
		element = document.getElementById("Item5");
		element.setAttribute("src", "images/topMenuItem5.gif");
		element = document.getElementById(ele);
		element.setAttribute("src", "images/topMenuOver"+ele+".gif");
		
		if (ele == "Item1"){
			if (noClicks)
				menuTest();
			else
				flash("top1");
		}
		else if (ele == "Item2"){
			if (noClicks)
				menuTest();
			else
				flash("top2");
		}
		else if (ele == "Item3"){
			if (noClicks)
				menuTest();
			else
				flash("top3");
		}
		else if (ele == "Item4"){
			if (noClicks)
				menuTest();
			else
				flash("top4");
		}
		else if (ele == "Item5"){
			if (noClicks)
				menuTest();
			else
				flash("top5");
		}
	}
	function menuTest(){
		fc = 25;
		mi = 7;
		opac = .04;
		filOpac = 4;
		wi = 885;
		menuMove();
	}
	function menuMove(ele){
		var ele = document.getElementById("menuSpan");
		var ele2 = document.getElementById("pageFrame");
		if (fc > 0){
			ele.style.width = mi+"px";
			ele.style.filter ="alpha(opacity="+filOpac+")";
			ele.style.opacity = opac;
			ele2.style.width = (wi-mi)+"px";
			mi = mi+7;
			opac = opac+.04;
			filOpac = filOpac + 4;
			fc--;
			setTimeout("menuMove()", 30);
		}
		else{
			for (i=0; i<5; i++){
				if (click[i] == 1){
					menuChange("top"+(i+1));
					break;
				}
			}
		}
	}
	
	function flash(element){
		fc = 20;
		opac = 1.0;
		secOpac = 0.0;
		secFilOpac = 0;
		filOpac = 100;
		menu = element;
		eleFlash();
	}
	function eleFlash(){
		if (fc > 0){
			var ele = document.getElementById("menuSpan");
			if (opac <= 0){
				menuChange(menu);
				secOpac = secOpac + .1;
				secFilOpac = secFilOpac + 10;
				ele.style.opacity = secOpac+";";
				ele.style.filter ="alpha(opacity="+secFilOpac+")";
			}
			else{
				opac = opac - .1;
				filOpac -= 10
				ele.style.opacity = opac+";";
				ele.style.filter ="alpha(opacity="+filOpac+")";
			}
			fc--;
			setTimeout("eleFlash()", 30);
		}
	}
	function hoverMenu(ele){
		var element = document.getElementById("menu");
		element.className = ele;
	}
	function lostMenuHover(ele){
		var element = document.getElementById("menu");
		element.className = ele;
	}
	function setStyleSize(){
		var height = screen.height;
		var width = screen.width;
		var element = document.getElementById("center");
		if (width <= 800)
			element.style.left = "0px";
		else
			element.style.left = ((width-885)/2)+"px";
	}
	function menuChange(menu){
		if (menu == "top1"){
			var element = document.getElementById("menuSpan");
			while (element.firstChild)
				element.removeChild(element.firstChild);			

			//Add the first menu link
			var br = document.createElement("br");	
			document.getElementById("menuSpan").appendChild(br);
			element = document.createElement("a");
			element.className = "menu";
			element.setAttribute("id", "menu1");
			element.setAttribute("style", "z-index: 1;");
			//element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "http://www.mttransportation.com");
			element.innerHTML = "MTT Home";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu1").appendChild(br);

			//Add the second menu link
			element = document.createElement("a");
			element.className = "menu1";
			element.setAttribute("id", "menu2");
			element.setAttribute("style", "z-index: 1;");
			element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "facts.html");
			element.innerHTML = "MTT Facts";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu2").appendChild(br);

			//Add the third menu link
			element = document.createElement("a");
			element.className = "menu2";
			element.setAttribute("id", "menu3");
			element.setAttribute("style", "z-index: 1; left: 55px;");
			element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "mail.html");
			element.innerHTML = "     U.S. Mail";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu3").appendChild(br);	
			
			//Add the third menu link
			element = document.createElement("a");
			element.className = "menu3";
			element.setAttribute("id", "menu4");
			element.setAttribute("style", "z-index: 1;");
			element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "shipping.html");
			element.innerHTML = "Shipping";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu4").appendChild(br);
			
			element = document.createElement("a");
			element.className = "menu4";
			element.setAttribute("id", "menu5");
			element.setAttribute("style", "z-index: 1;");
			element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "safety.html");
			element.innerHTML = "Safety & Security";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu5").appendChild(br);
			
			element = document.createElement("a");
			element.className = "menu5";
			element.setAttribute("id", "menu6");
			element.setAttribute("style", "z-index: 1;");
			element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "services.html");
			element.innerHTML = "Services";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu6").appendChild(br);
		}
		else if (menu == "top2"){
			var element = document.getElementById("menuSpan");
			while (element.firstChild)
				element.removeChild(element.firstChild);			

			//Add the first menu link
			var br = document.createElement("br");	
			document.getElementById("menuSpan").appendChild(br);
			element = document.createElement("a");
			element.className = "menu";
			element.setAttribute("id", "menu1");
			element.setAttribute("style", "z-index: 1;");
			//element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "http://www.mttransportation.com");
			element.innerHTML = "MTT Home";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu1").appendChild(br);
			
			//Add the first menu link
			br = document.createElement("br");	
			document.getElementById("menuSpan").appendChild(br);
			element = document.createElement("a");
			element.className = "menuCareer";
			element.setAttribute("id", "menu3");
			element.setAttribute("style", "z-index: 1");
			element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "careers.html");
			element.innerHTML = "Job Information";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu3").appendChild(br);

			//Add the second menu link
			element = document.createElement("span");
			element.className = "menuCareer1";
			element.setAttribute("id", "menu2");
			element.setAttribute("style", "z-index: 1;");
			element.onclick = openApp;
			element.innerHTML = "APPLY!";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu2").appendChild(br);
		}
		else if (menu == "top3"){
			var element = document.getElementById("menuSpan");
			while (element.firstChild)
				element.removeChild(element.firstChild);
				
			//Add the first menu link
			var br = document.createElement("br");	
			document.getElementById("menuSpan").appendChild(br);
			element = document.createElement("a");
			element.className = "menu";
			element.setAttribute("id", "menu1");
			element.setAttribute("style", "z-index: 1;");
			//element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "http://www.mttransportation.com");
			element.innerHTML = "MTT Home";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu1").appendChild(br);
			
		}
		else if (menu == "top4"){
			var element = document.getElementById("menuSpan");
			while (element.firstChild)
				element.removeChild(element.firstChild);
				
			//Add the first menu link
			var br = document.createElement("br");	
			document.getElementById("menuSpan").appendChild(br);
			element = document.createElement("a");
			element.className = "menu";
			element.setAttribute("id", "menu1");
			element.setAttribute("style", "z-index: 1;");
			//element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "http://www.mttransportation.com");
			element.innerHTML = "MTT Home";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu1").appendChild(br);
			
			br = document.createElement("br");	
			document.getElementById("menuSpan").appendChild(br);
			element = document.createElement("a");
			element.className = "menuAbout";
			element.setAttribute("id", "menu2");
			element.setAttribute("style", "z-index: 1;");
			element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "about.html");
			element.innerHTML = "About MTT";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu2").appendChild(br);
			
			br = document.createElement("br");	
			document.getElementById("menuSpan").appendChild(br);
			element = document.createElement("a");
			element.className = "menuNews";
			element.setAttribute("id", "menu3");
			element.setAttribute("style", "z-index: 1;");
			element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "mttLocation.html");
			element.innerHTML = "MTT Location";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu3").appendChild(br);
		}
		else if (menu == "top5"){
			var element = document.getElementById("menuSpan");
			while (element.firstChild)
				element.removeChild(element.firstChild);
			
			//Add the first menu link
			var br = document.createElement("br");	
			document.getElementById("menuSpan").appendChild(br);
			element = document.createElement("a");
			element.className = "menu";
			element.setAttribute("id", "menu1");
			element.setAttribute("style", "z-index: 1;");
			//element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "http://www.mttransportation.com");
			element.innerHTML = "MTT Home";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu1").appendChild(br);
			
			br = document.createElement("br");	
			document.getElementById("menuSpan").appendChild(br);
			element = document.createElement("a");
			element.className = "menuContact";
			element.setAttribute("id", "menu2");
			element.setAttribute("style", "z-index: 1");
			element.setAttribute("target", "pageFrame");
			element.setAttribute("href", "contact.html");
			element.innerHTML = "Contact Us";
			document.getElementById("menuSpan").appendChild(element);
			br = document.createElement("br");	
			document.getElementById("menu2").appendChild(br);
		}
	}
	function openApp(){
		open("ApplicationForm.html", null, "height=600,width=700,menubar=no,location=no,resizable=yes,scrollbars=yes,status=yes");
	}