function MenuClick(div,key){
   // var key = event.srcElement.innerHTML;
    var str = "";
	for(var i = 0; i < menus.length; i++){
	   if(menus[i]["name"].toUpperCase() == key.toUpperCase().replace(" ","")){
	      str = "<table bgcolor='#EBEFF3' border=0 cellpading=0 cellspacing=0 ><tr><td>"
		      + "<table width=100px cellpading =0 cellspacing=0 border=0>";
          var tempArr = menus[i]["List"];
		  for(var j = 0;j < tempArr.length;j++){
		     var content = tempArr[j];
			 var name = tempArr[j].split("|")[0];
			 var url = tempArr[j].split("|")[1];
             var target = "_self";
             if(tempArr[j].split("|").length > 2){
                 target = tempArr[j].split("|")[2];
             }
		     str += "<tr ";
			 str += "><td  align=left nowrap>";
			 if(j == ( tempArr.length-1 ) ){str +="<a  href='" + url + "'";}
			 else  {str +="<a class='has-child' href='" + url + "'";}
			 str += " target='" + target + "'>" ;
			 str += "<font color='#000000'>&nbsp;" + name + "&nbsp;</font></a>";
			 str += "</td></tr>";
		  }
	      str +="</table>"+"</td></tr></table>";

		//  alert(str);
	      popMenu(div,str,key);
		  return;
	   }
	}
  }


  function popMenu(div,str,key){
    var obj=document.getElementById("Td"+key);
    var x = obj.offsetLeft;
    var y = obj.offsetTop;
    var ParentObj = obj.parentNode;
	var test1=ParentObj.nodeType;
	var test2=ParentObj.offsetParent;
	while(ParentObj.nodeName.toUpperCase()!="BODY"){
	//while(ParentObj.nodeType!=document.body.nodeType){
       	x += ParentObj.offsetLeft;
		y += ParentObj.offsetTop;
		ParentObj = ParentObj.offsetParent;
	}
	y += obj.offsetHeight;
	
    div.innerHTML = str;
	div.style.display = "block";
	if(div.style.width < obj.offsetWidth){
	    div.offsetwidth = obj.offsetWidth;
	}
	
	//var theValue_left = 10;
	//var theValue_top = 15;
		/*Tracy jiang umi begin
	Set up under the browser version of a high degree of
	*/
	if(IeVersion() == 8)
	{
		var theValue_left = 0;
		var theValue_top = 0;
	}else{
		var theValue_left = 10;
		var theValue_top = 15;
	}
	/*Tracy jiang umi end*/

	if(IsFirefox()==true) 
	{
	    theValue_left = 0;
	    theValue_top = 0;
	}
	div.style.left = x+theValue_left+"px";
    div.style.top = y+theValue_top+"px";
 }


/*return IE version*/
function IeVersion()
{
	return navigator.appVersion.substring(navigator.appVersion.indexOf("MSIE")+5,23);
}


function IsFirefox()
{
    return navigator.userAgent.indexOf('Mozilla/5.')>-1;
}

  function hideMenu(div){
     div.style.display='none';
  }


  function hide(){
    var div = document.getElementById("menuDiv");
    hideMenu(div);
  }

  function pop(key){
    var div = document.getElementById("menuDiv");
    MenuClick(div,key);
  }

  function getMenuTD(haveSubs, curKey, curUrl, curUrlTitle, target, w) {
      if(target == null) {
          target = "_self";
      }
  	var ret = "<td width='" + w + "' nowrap id=Td" + curKey ;
  	if(haveSubs) {
  		ret = ret + " onMouseout='hide()' onMouseOver=\"pop('" + curKey + "')\"";
  	}
  	ret = ret + "><a href='" + curUrl + "' target='" + target + "' class='" + curKey + "'>"+curUrlTitle+"</a></td>";
  	return ret;
  }

 //-----------------------------------------------------

  var menus = new Array();
  var pos = -1 ;

  pos++
  menus[pos] = new Array();
  menus[pos]["name"] = "Solutions";
  menus[pos]["List"] = new Array();
  var index = 0;
  menus[pos]["List"][index++] = "Online UmiKey Validation Service|" + "en_internet2.php"; 
  menus[pos]["List"][index++] = "UmiKey Validation Server Appliance|" + "en_internet1.php";
  menus[pos]["List"][index++] = "UmiKey Issuer Services|" + "en_issuer_svcs.php";
  menus[pos]["List"][index++] = "Password Management & Single Sign-On|" + "en_t.php#mash";
  menus[pos]["List"][index++] = "Replace Mercury Tokens & Smart Cards|" + "en_no_rsa.php";

  pos++
  menus[pos] = new Array();
  menus[pos]["name"] = "Cases";
  menus[pos]["List"] = new Array();
  var index = 0;
  menus[pos]["List"][index++] = "What is UmiKey?|" + "en_intro.php";
  menus[pos]["List"][index++] = "Membership Key to Your Business Web Site|" + "en_case_mem.php";
  menus[pos]["List"][index++] = "Promotion - Bring Off-line Encounters to Online Engagement|" + "en_case_promo.php";
  menus[pos]["List"][index++] = "Automated Member Registration|" + "en_case_reg.php";
  menus[pos]["List"][index++] = "Trusted Forum, Online Polling|" + "en_case_forum.php";

  pos++
  menus[pos] = new Array();
  menus[pos]["name"] = "Issue";
  menus[pos]["List"] = new Array();
  var index = 0;
  menus[pos]["List"][index++] = "UmiKey Registrars|" + "registrar";
  menus[pos]["List"][index++] = "UmiKey Issuer Services|" + "issuer";

  pos++
  menus[pos] = new Array();
  menus[pos]["name"] = "Test";
  menus[pos]["List"] = new Array();
  var index = 0;
  menus[pos]["List"][index++] = "Get an UmiKey|" + "http://mashedlife.com/store.php#key";
  menus[pos]["List"][index++] = "Password Management|" + "en_t.php#mash";
  menus[pos]["List"][index++] = "Authentic Voting by UmiKey|" + "poll/en_index.php";
  menus[pos]["List"][index++] = "Use UmiKey for Windows Login|" + "en_t.php#rohos";
  menus[pos]["List"][index++] = "Test Your UmiKey|" + "en_start.php";
  menus[pos]["List"][index++] = "How UmiKey Works?|" + "en_tech.php";
  menus[pos]["List"][index++] = "FAQ|" + "en_faq.php";
  menus[pos]["List"][index++] = "More .....|" + "en_t.php";

  pos++
  menus[pos] = new Array();
  menus[pos]["name"] = "Integrate";
  menus[pos]["List"] = new Array();
  var index = 0;
  menus[pos]["List"][index++] = "How Users Use UmiKey to Log In to a Web Site|" + "sdk/docs/en_gui.php";
  menus[pos]["List"][index++] = "Configure Your UmiKey|" + "sdk/docs/en_writer3.php";
  menus[pos]["List"][index++] = "UmiKey Management|" + "sdk/docs/en_kms.php";
  menus[pos]["List"][index++] = "UmiKey Module for Drupal|" + "sdk/drupal";

//----------------------------------------------------------------------------------------------------------

var menuDiv = "<div id=menuDiv style='position:absolute;left:0px,top:0px;display:none;background-color:#000000;border:0px,z-index:4'"
    + " onMouseOver=\"this.style.display='block'\" onMouseOut=\"this.style.display='none'\">"
    + " </div>";

var menuTableTr = "<table align='left' width='90%' height='24' border='0' cellpadding='0' cellspacing='0'><tr nowrap>"
var menuTrTable = "</tr></table>"

var menuTdFirst = "<td width='10'>&nbsp;</td>";
var menuTdLast = "<td>&nbsp;</td>";

var menuSprTd = "";

var menuDivStr="";
menuDivStr=(menuDiv + menuTableTr + menuTdFirst);

menuDivStr+=(getMenuTD(false, "Home", "index.php", "<font color=#00DD00></font>&nbsp;<strong><font color='#757575'>Home</Font></strong>", "_self", '18%'));
menuDivStr+=(menuSprTd);

menuDivStr+=(getMenuTD(true, "Cases", "#", "<font color=#00DD00></font>&nbsp;<strong><font color='#757575'>Use Cases</Font></strong>", "_self", '18%'));
menuDivStr+=(menuSprTd);

menuDivStr+=(getMenuTD(true, "Solutions", "#", "<font color=#00DD00></font>&nbsp;<strong><font color='#757575'>Solutions</Font></strong>", "_self", '18%'));
menuDivStr+=(menuSprTd);

menuDivStr+=(getMenuTD(true, "Issue", "#", "<font color=#00DD00></font>&nbsp;<strong><font color='#757575'>Issue UmiKeys</Font></strong>", "_self", '18%'));
menuDivStr+=(menuSprTd);

menuDivStr+=(getMenuTD(true, "Test", "en_t.php", "&nbsp;&nbsp;<font color=#00DD00></font>&nbsp;<strong><font color='#757575'>Try UmiKey Here</Font></strong>", "_self",  '20%'));
menuDivStr+=(menuSprTd);

menuDivStr+=(getMenuTD(true, "Integrate", "sdk/docs/en_index.php", "&nbsp;&nbsp;<font color=#00DD00></font>&nbsp;<strong><font color='#757575'>Integrate UmiKey</Font></strong>", "_self",  '20%'));
menuDivStr+=(menuSprTd);

menuDivStr+=(getMenuTD(false, "About", "en_aboutus.php", "&nbsp;&nbsp;<font color=#00DD00></font>&nbsp;<strong><font color='#757575'>About</Font></strong>", "_self", '6%'));
menuDivStr+=(menuSprTd);

menuDivStr+=(menuTdLast + menuTrTable);
document.write(menuDivStr);
//alert(menuDivStr);