var arrLabel = new Array();
var arrLink = new Array();

function addSubMenu (index) {

	arrLabel[index] = new Array();
	arrLink[index] = new Array();
}

function addSubMenuItem (index, label, url) {
	 arrLabel[index][arrLabel[index].length] = label;
	 arrLink[index][arrLink[index].length] = url;
}

function makeSubmenu()
{

	var strDiv = "";
	var strTable = "";	
	
	for (var i=0 ; i<arrLabel.length ; i++)	{
	    strDiv += "<div class=\"submenuContainer\"><div id='SubMenu_" + i + "' class=\"SubMenu\" onmouseover=\"showSubMenu(" + i + ");\" onmouseout=\"hideSubMenu(" + i + ");\"> <table cellpadding=0 cellspacing=0><tr><td>";
	    strTable = "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td><div class=\"SubMenuInt\">";
  	    for(var j=0 ; j<arrLabel[i].length; j++) 
		{
	        strTable += "<div id='SubMenu_"+ i + "_" + j + "' class='SubMenuItem' onClick='setLink("+i+","+j+")'; onMouseOver='rollOver(this);' onMouseOut='rollOut(this);' >" + arrLabel[i][j] + "</div>";
		}
  	    strTable += "</div></td><td class='shadow1'>&nbsp;</td></tr><tr><td class='shadow2'>&nbsp;</td>";
        strTable += "<td><img src='images/center.png' width='22' height='22' /></td></tr></table>";
		strDiv += strTable +" </td></tr></table></div></div>";
	}
	document.write(strDiv);
}

function setLink(i, j) {
	window.location = arrLink[i][j];
}

function rollOver(obj) {
	obj.className = 'SubMenuItemMouseOver';
}

function rollOut(obj) {
	obj.className = 'SubMenuItem';
}

var topDistance = 138;
var menuItemHeight = 27;
var containerWidth = 788;


function showSubMenu(index) {


	var val = index * menuItemHeight + topDistance;
	var oSM1 = document.getElementById("SubMenu_" + index);
	var iLeftOffset = ((document.body.offsetWidth - containerWidth) / 2);
	oSM1.style.top = val + 'px';
	oSM1.style.left = (iLeftOffset + 140) + 'px';
	oSM1.style.visibility = 'visible';
	
	var oMM1 = document.getElementById("nav" + index);
	var imgFileName = oMM1.src;
    oMM1.src = imgFileName.replace(/.gif/,"O.gif");
	

}

function hideSubMenu(index) {
	
	var oSM1 = document.getElementById("SubMenu_" + index);
	oSM1.style.visibility = 'hidden';
	
	var oMM1 = document.getElementById("nav" + index);
	var imgFileName = oMM1.src;
	oMM1.src = imgFileName.replace(/O.gif/,".gif");
	
}

function rollOver1(obj)
{
	var thesrc = document.getElementById(obj).src;
	thesrc = thesrc.substring(0 , (thesrc.length - 4)) + "O.gif";
	//alert(thesrc);
	document.getElementById(obj).src=thesrc;
}

function rollOut1(obj)
{
	var thesrc = document.getElementById(obj).src;
	thesrc = thesrc.substring(0 , (thesrc.length - 5)) + ".gif";
	document.getElementById(obj).src= thesrc;
	//alert(thesrc);
}

//Popup For Gotowhat is it link




	
//To find X-Y Position