function createMenu() {

   for (var i = 0; i < menu.length; i++)
   {
		if (menu[i] == 1)
		{
			document.write('<img src="imgmenu/'+image+'.png" align="left" hspace="2" vspace="2" onmouseover="menuOver(this,'+i+')" onmouseout="menuOut(this,'+i+')" onclick="hideSubMenu('+i+')">')
		}
	}
			
   for (var i = 0; i < submenu.length; i++) {
      document.write('<div style="display:none;position:absolute;width:146px;left:325px;top:33px;z-index:25;line-height:22px;background-color:#ffffff;border:2px double #E6EEF5;padding:0px;" id="submenu'+i+'" onmouseover="revealSubMenu('+i+')" onmouseout="hideSubMenu('+i+')">')
		
     for (var j = 0; j < submenu[i].length; j++) 
	 {
         document.write(submenu[i][j]) 
		 document.write("<br>")
	 }

      document.write("</div>")
   }
}

function menuOver(element, numMenu) {
   revealSubMenu(numMenu)
}
// -----------------------------------------------------
function menuOut(element, numMenu) {
   hideSubMenu(numMenu)   
}

// -----------------------------------------------------
function revealSubMenu(numMenu) {
   hideAll()
   show( O("submenu"+numMenu) )
}
// -----------------------------------------------------
function hideSubMenu(numMenu) {
   hide( O("submenu"+numMenu) )
}
// -----------------------------------------------------
function show(element) {
   element.style.display = ""
}
// -----------------------------------------------------
function hideAll() {
   for (var i = 0; i < submenu.length; i++)
      hideSubMenu(i)
}
// -----------------------------------------------------
function hide(element) {
   element.style.display = "none"
}
// -----------------------------------------------------



// -----------------------------------------------------
function O(id) {
   return document.getElementById(id)
}
// -----------------------------------------------------




//2

function createMenu2() {

   for (var i = 0; i < menu2.length; i++)
   {
		if (menu2[i] == 1)
		{
			document.write('<img src="imgmenu/'+image2+'.png" align="left" hspace="2" vspace="2" onmouseover="menuOver2(this,'+i+')" onmouseout="menuOut2(this,'+i+')" onclick="hideSubMenu2('+i+')">')
		}
	}
			
   for (var i = 0; i < submenu2.length; i++) {
      document.write('<div style="display:none;position:absolute;width:190px;left:171px;top:33px;z-index:25;line-height:22px;background-color:#ffffff;border:2px double #E6EEF5;padding:0px;" id="submenu2'+i+'" onmouseover="revealSubMenu2('+i+')" onmouseout="hideSubMenu2('+i+')">')
		
     for (var j = 0; j < submenu2[i].length; j++) 
	 {
         document.write(submenu2[i][j]) 
		 document.write("<br>")
	 }

      document.write("</div>")
   }
}

function menuOver2(element, numMenu) {
   revealSubMenu2(numMenu)
}
// -----------------------------------------------------
function menuOut2(element, numMenu) {
   hideSubMenu2(numMenu)   
}

// -----------------------------------------------------
function revealSubMenu2(numMenu) {
   hideAll2()
   show2( O("submenu2"+numMenu) )
}
// -----------------------------------------------------
function hideSubMenu2(numMenu) {
   hide2( O("submenu2"+numMenu) )
}
// -----------------------------------------------------
function show2(element) {
   element.style.display = ""
}
// -----------------------------------------------------
function hideAll2() {
   for (var i = 0; i < submenu2.length; i++)
      hideSubMenu2(i)
}
// -----------------------------------------------------
function hide2(element) {
   element.style.display = "none"
}
// -----------------------------------------------------
