var akayinMenu = {
	body:    			false,
	menuDivContainer:  	false,
	arrSubmenu: 		new Array(),
	
	ini: function() {
		document.write('<div id="akayin_menu"></div>');
	},
	
	showMenu: function(menuName, obj, ifSelected) {
		var top="141px";
		var left="0px";
		var page="";
		
		switch(menuName) {
			case "company":
				page = "company.html";
				akayinMenu.arrSubmenu = new Array(  
													new Array("The Akayin Difference", page+"#difference"), 
												  	new Array("Corporate Overview", page+"#about"),
													new Array("Mission", page+"#mission"),
													new Array("People", page+"#people"),
													new Array("Corporate Culture", page+"#corporateCulture"),
													new Array("Akayin Off-shore: Why Philippines", page+"#whyPhilippines"),
													new Array("Akayin Off-shore: Why Cebu, Philippines", page+"#whyCebu"),
													new Array("Why Outsource", page+"#whyOutsource"),
													new Array("Partner & Country Selection", page+"#partnerAndCountrySel")
												);
				left="29px";
				break;
			case "infrastructure":
				page = "infrastructure.html"
				akayinMenu.arrSubmenu = new Array(  new Array("Facility Tour", page+"#facilitytour"));
				left="727px"
				break;
			case "inboundcs":
				page = "inbound_customerservice.html"
				akayinMenu.arrSubmenu = new Array(  new Array("Technical Support", page+"#technicalsupport"));
				left="132px"
				break;
			default: 
				break;
		}
		
		akayinMenu.create(top, left);
		akayinMenu.show();
		
		var ifmenuselected = Number(ifSelected);
		var myClassName = "menuText_normal";
		akayinMenu.menuDivContainer.onmouseover = function(){
			myClassName = ifmenuselected==1?"menuText_selected":"menuText_hover";
			obj.className=myClassName;
			akayinMenu.show();
		}
		akayinMenu.menuDivContainer.onmouseout = function(){
			myClassName = ifmenuselected==1?"menuText_selected":"menuText_normal";
			obj.className=myClassName;
			akayinMenu.hide();
		}
	},
	
	show: function() {
		akayinMenu.menuDivContainer.style.visibility="visible";
		akayinMenu.menuDivContainer.style.position="absolute";
		clearTimeout(this.timer);
	},
	
	hide: function() {
		this.timer = setTimeout("akayinMenu.hideMenu()", 300);
	},
	
	hideMenu: function() {
		akayinMenu.menuDivContainer.style.visibility="hidden";
		akayinMenu.menuDivContainer.style.position="absolute";
	},
	
	getMenuURL: function(menuNum) {
		for(var i=0; i<akayinMenu.arrSubmenu.length; i++) {
			if(i == menuNum) {
				return akayinMenu.arrSubmenu[i][1];
				break;
			}
		}
	},
	
	create: function(sTop, sLeft) {
		akayinMenu.menuDivContainer = document.getElementById("akayin_menu");
		akayinMenu.menuDivContainer.style.top=sTop;
		akayinMenu.menuDivContainer.style.left=sLeft;
		
		var container = document.getElementById("akayin_menu");
			container.innerHTML="";
		
		var table = document.createElement("table");
		table.cellPadding='0';
        table.cellSpacing='0';
		table.setAttribute("id", "menuTable");
		
		var menuTbody = document.createElement("TBODY");
		menuTbody.setAttribute("id", "menuTBody");
		
		for(var i=0; i<akayinMenu.arrSubmenu.length; i++) {
			var tr = document.createElement("tr");
			
			var td1 = document.createElement("td");
			td1.setAttribute("id", "icon"+i);
			td1.setAttribute("align", "right");
			td1.setAttribute("width", "17");
			td1.setAttribute("height", "17");
			td1.setAttribute("nowrap", "true");
			
			var td2 = document.createElement("td");
			td2.setAttribute("id", i);
			td2.className="ddmenu";
			td2.onmouseover = function() {
				this.className="ddmenu_hover";
				document.getElementById("icon"+this.id).innerHTML="<img src='images/icon.jpg' border='0'>";
			}
			td2.onmouseout = function() {
				this.className="ddmenu";
				document.getElementById("icon"+this.id).innerHTML="";
			}
			td2.onclick = function() {
				location.href=akayinMenu.getMenuURL(this.id);
			}
			td2.appendChild(document.createTextNode(akayinMenu.arrSubmenu[i][0]));
			td2.setAttribute("nowrap", "true");
			
			tr.appendChild(td1);
			tr.appendChild(td2);
			
			
			var spacertr = document.createElement("tr");
			
			var spacertd1 = document.createElement("td");
			
			var spacertd2 = document.createElement("td");
			spacertd2.style.backgroundColor="#ffffff";
			var spacerimg = document.createElement("img");
			spacerimg.src="images/spacer.gif";
			spacerimg.border="0";
			spacertd2.appendChild(spacerimg);
			
			spacertr.appendChild(spacertd1);
			spacertr.appendChild(spacertd2);
			
			menuTbody.appendChild(tr);
			menuTbody.appendChild(spacertr);
		}
		
		table.appendChild(menuTbody);
		container.appendChild(table);
	}
};