// JavaScript Document
function showmenu(menu_id){
menu1.style.top=menu2.style.top=menu3.style.top=menu4.style.top=menu5.style.top= "-1000px";
var y_pos = 154;
var x_pos = parseInt(maintable.offsetLeft);
switch(menu_id){
  case menu1:
var x_pos = x_pos+150;
    break;
  case menu2:
var x_pos = x_pos+290;
    break;
  case menu3:
var x_pos = x_pos+430;
    break;
  case menu4:
var x_pos = x_pos+570;
    break;
  case menu5:
var x_pos = x_pos+710;
    break;
}
menu_id.style.left = x_pos+"px";
menu_id.style.top = y_pos+"px";
}
function showsubmenu(menu_id,h_id){
menu4_1.style.top=menu4_2.style.top= "-1000px";
var y_pos = 130;
var x_pos = parseInt(maintable.offsetLeft);
switch(menu_id){
  case menu4_1:
var x_pos = x_pos+570;
    break;
  case menu4_2:
var x_pos = x_pos+570;
    break;
}
menu_id.style.left = x_pos-198+"px";
menu_id.style.top = y_pos+24*h_id+"px";
}
function hideall(){
menu1.style.top=menu2.style.top=menu3.style.top=menu4.style.top=menu5.style.top= "-1000px";
menu4_1.style.top=menu4_2.style.top= "-1000px";
}
function hidemenu(menu_id){
var srcElement = event.srcElement;
if(srcElement!=menu_id&&menu_id.contains(event.toElement)==false&&submenu.contains(event.toElement)==false){
menu1.style.top=menu2.style.top=menu3.style.top=menu4.style.top=menu5.style.top= "-1000px";
menu4_1.style.top=menu4_2.style.top= "-1000px";
}}
function on_menu(Q){
Q.style.backgroundColor='#203e4d';
Q.style.color='#f7fafb';
}
function out_menu(Q){
Q.style.backgroundColor='#f7fafb';
Q.style.color='#203e4d';
}