function menuBarInit(){
  var mainmenu_cnt     = menuBarMenus.length	
  var menuBarItemWidth = (menuBarWidth / mainmenu_cnt)   
  tmpStr  ="<DIV id=menu_bucket style='height:"+menuBarHeight+";background-color:"+menuBarBorderColor+" ; position:absolute;  top:" + menuBarTop  + ";left:" + menuBarLeft + "; width:" + menuBarWidth + ";'></div>";
  document.write(tmpStr)
 
  for(var x=0;x < mainmenu_cnt; x++) {
    CreateMenu(x, x * menuBarItemWidth  ,1,menuBarItemWidth-1 );
  }	
}

function CreateMenu(mainmenu_index,left,top,width) {
	var menuBar;
    var divHTML = ""
	var menuBarHeaderHeight = menuBarHeight - 2 
	<!-- Create HTML for top level menu, this one is always visible. //-->
	left +=1
	menuBar ="<DIV id=\"main_div_" + mainmenu_index + "\" align=\""+menuBarHeaderTextAlign+"\" ";
	menuBar += " style=\"text-align:"+ menuBarHeaderTextAlign+";Font-Family:"+menuBarHeaderFontFamily+";Font-Style:"+menuBarHeaderFontStyle+";Font-Size:"+menuBarHeaderFontSize+"; Font-Weight:"+menuBarHeaderFontWeight+"; position:absolute; CURSOR:hand; top:1px; left:" + left  + "px; width:" + width + "px; ";
	menuBar += "; height:" +menuBarHeaderHeight + "px; visibility:visible;  background-color:"+ menuBarHeaderBgColor+"; background-image:url('"+menuBarHeaderImages+  "')" + ";\" ";
	menuBar += " onmouseover=\"showSubMenu(document.all[\'div_"+ mainmenu_index +"\'],this);\"  onmouseout=\"hideSubMenu(document.all[\'div_"+ mainmenu_index +"\'],this);\">"; 
	menuBar += "&nbsp;" + menuBarMenus[mainmenu_index][0] + " </DIV>";
	document.write(menuBar);
      /*menu_bucket.insertAdjacentHTML("BeforeEnd",menuBar)*/
	top += document.all["main_div_" + mainmenu_index ].offsetHeight;
	
	
	<!-- Create HTML for menu item container with hidden style. //-->
	
    divHTML = "<DIV id=\"div_"+mainmenu_index+"\"" ;
	divHTML += "style=\" Font-Family:"+menuBarItemFontFamily+"; Font-Style:"+menuBarItemFontStyle+";Font-Size:"+menuBarItemFontSize+"; Font-Weight:"+menuBarHeaderFontWeight+";position:absolute; top:" + top + "px; left:" + left + "px; width:" + width + "px; visibility:hidden; ";
	divHTML += " padding-left:1; background-color:black;\" ";
	divHTML += "onmouseover=\"showSubMenu(this);\" onmouseout=\"hideSubMenu(this);\" >\n";
	divHTML += CreateSeparatorBar('black',width-(2),1);
	<!-- Create HTML for menu items and separators, visibility of each menu item is inherited  
	//      as the visibility of its container. //-->

   var submenu_cnt= menuBarMenus[mainmenu_index].length
	/*for (i=2;i<submenu_cnt;i=i+2){*/
	for (i=3;i<submenu_cnt;i=i+3){

		divHTML += CreateMenuBar('div_'+mainmenu_index,mainmenu_index,i,width-(2),menuBarItemHeight,menuBarHeaderBgColor,menuBarItemHighBgColor,menuBarItemTextAlign);
		divHTML += CreateSeparatorBar('black',width-(2),1);
	}  
	divHTML += "</DIV>";
      document.write(divHTML);
 	/8menu_bucket.insertAdjacentHTML("BeforeEnd",divHTML)*/
 
 }


 function CreateMenuBar(parent,rowid,colid,width,height,menuBarHeaderBgColor,menuBarHeaderBgColor,align)
 {
	var subMenuHTML; 
	subMenuHTML = "\n<DIV align="+menuBarItemTextAlign+" id=\"div_"+rowid+"_"+colid+"\" style=\"position:relative; CURSOR:hand;height:"+menuBarItemHeight+";";
	subMenuHTML += " width:"+width  +"px; background-color:"+menuBarItemBgColor+";       background-image:url('" +menuBarItemImages+ "')"+ ";\" ";
;        
	subMenuHTML += " onmouseover=\"OnMouseOverBar(this,"+rowid+","+colid+");\" ";
	subMenuHTML += " onclick=\"onmenuclick(document.all[\'"+parent+"\'],\'" +  menuBarMenus[rowid][colid +1] + "\');\" ";
	subMenuHTML += " onmouseout=\"OnMouseOutOfBar(this,"+rowid+","+colid+",\'"+menuBarHeaderBgColor+"\');\" >";
	subMenuHTML +=  menuBarMenus[rowid][colid]
	subMenuHTML += " </DIV> \n";
	return subMenuHTML;
 }


function showSubMenu(obj,obj2) {
 	obj.style.visibility = 'visible';
	 if(arguments.length > 1) 
       obj2.style.backgroundColor = menuBarHeaderActiveBgColor
 }

 function hideSubMenu(obj,obj2)  {
	obj.style.visibility = 'hidden';
	 if(arguments.length > 1)
         obj2.style.backgroundColor = menuBarHeaderBgColor
  }

function OnMouseOverBar(obj,rowid,colid)
 {
	obj.style.backgroundColor = menuBarItemHighBgColor;
	obj.style.color           = menuBarItemHighFgColor;
      obj.style.fontSize        = menuBarItemHighFontSize; 
      window.status = menuBarMenus[rowid][colid+2];

 }

 function OnMouseOutOfBar(obj)
 {
	obj.style.backgroundColor = menuBarItemBgColor;
      obj.style.color           = menuBarItemFgColor;
      obj.style.fontSize        = menuBarItemFontSize;
      window.status = ' ';
}

function onmenuclick(obj,code)
{
	hideSubMenu(obj);
	eval(code);	<!-- execute the code corresponding to a menu item. //-->
}

 function CreateSeparatorBar(dColor,width,border)
 {
	var sepHTML; 
	sepHTML = "<DIV id=\"line_separator\" style=\"position:relative; height:1px; background-color:"+dColor+";\" >";
	sepHTML += "<img src=\"\" width=" + width  + " height="+border/2+"></DIV> \n";
	return sepHTML;
 }