menuHover = function() {

  var elems = document.getElementById("menu").getElementsByTagName("DIV");
  
  for (var i=0; i<elems.length; i++) {
  
    if ( elems[i].className=="menu_item" ) {
      elems[i].onmouseover=function() {
        this.className+=" menuhover";
      }
      elems[i].onmouseout=function() {
        this.className=this.className.replace(new RegExp(" menuhover\\b"), "");
      }
    }
    else if ( elems[i].className=="submenu_level_1" ) {
      elems[i].onmouseover=function() {
        this.className+=" menuhover_2";
      }
      elems[i].onmouseout=function() {
        this.className=this.className.replace(new RegExp(" menuhover_2\\b"), "");
      }
    }
    else if ( elems[i].className=="submenu_level_2" ) {
      elems[i].onmouseover=function() {
        this.className+=" menuhover_3";
      }
      elems[i].onmouseout=function() {
        this.className=this.className.replace(new RegExp(" menuhover_3\\b"), "");
      }
    }
    else if ( elems[i].className=="submenu_level_3" ) {
      elems[i].onmouseover=function() {
        this.className+=" menuhover_4";
      }
      elems[i].onmouseout=function() {
        this.className=this.className.replace(new RegExp(" menuhover_4\\b"), "");
      }
    }
    else if ( elems[i].className=="submenu_level_4" ) {
      elems[i].onmouseover=function() {
        this.className+=" menuhover_5";
      }
      elems[i].onmouseout=function() {
        this.className=this.className.replace(new RegExp(" menuhover_5\\b"), "");
      }
    }
    
 }
}

if (window.attachEvent) window.attachEvent("onload", menuHover);

// --------- podmenu

var aktualni_podmenu = "";
var time = "";
var objekty = new Array;
objekty[0] = "menu_0";
objekty[1] = "menu_1";
objekty[2] = "menu_2";
objekty[3] = "menu_3";
objekty[4] = "menu_4";
objekty[5] = "menu_5";
objekty[6] = "menu_6";
objekty[7] = "menu_7";


function show_podmenu ( objekt )
  {
  // alert(objekt);
  aktualni_podmenu = objekt;
  if (document.getElementById( objekt ))
     document.getElementById( objekt ).style.display = "block";
  }
  
function hide_podmenu_now ( objekt )
  {
  if (aktualni_podmenu != objekt)
    {
    if (document.getElementById( objekt ))
       document.getElementById( objekt ).style.display = "none";
    }
  }
  
function hide_podmenu ( objekt )
  {
  setTimeout( "hide_podmenu_now('" + objekt + "');", 10 );
  aktualni_podmenu = "";
  }
  
// --------- menu

var aktualni_menu = "";

function show_menu ( objekt ) {

    for (var i = 0; i < objekty.length; i++) {
        if (objekty[i] != objekt && document.getElementById( objekty[i] )) {
//             alert(objekty[i]);
            document.getElementById( objekty[i] ).style.display = "none";
        }
    }
    
    aktualni_menu = objekt;
    clearTimeout(time);
    
    var item = Ext.query("#"+ objekt);
    var elem = Ext.get(item);
    
    elem.stopFx();
    
    var actual_element = document.getElementById(objekt);
    
    if (actual_element != null && actual_element.style.display != "block") {
        elem.slideIn("t", {
            easing: 'easeOut',
            duration: 0.2
        });
    }
    

//   if (document.getElementById( objekt ))
//      document.getElementById( objekt ).style.display = "block";
}

function keep_menu ( objekt ) {
    aktualni_menu = objekt;
    clearTimeout(time);
    
    var item = Ext.query("#"+ objekt);
    var elem = Ext.get(item);
    
    elem.stopFx();
}
 
function hide_menu_now ( objekt ) {
//     alert(aktualni_menu +" - "+ objekt);

    if (aktualni_menu != objekt) {

        if (document.getElementById( objekt ))
           document.getElementById( objekt ).style.display = "none";

//         var item = Ext.query("#"+ objekt);
//         var elem = Ext.get(item);
//         
//         elem.stopFx();
//         
//         elem.slideOut("t", {
//             easing: 'easeOut',
//             duration: 0.2
//         });
    }
}
  
function hide_menu ( objekt )
  {
  var item = Ext.query("#"+ objekt);
  var elem = Ext.get(item);
  
  elem.stopFx();
  
  time = setTimeout( "hide_menu_now('" + objekt + "');", 100 );
  aktualni_menu = "";
  }
