var BottomMenu = new Object();

BottomMenu.init = function(){
    this.containers = FSite2.getElementsByClassName('menu_bottom_container');
    
    this.getElements(); 
    this.setOnMouseOver();
    this.setOnMouseOut();
   
    var elementsCount = this.elements['menu'].length;
    for(i=0;i<elementsCount;i++){
        this.setOnMouseOver(i);
        this.setOnMouseOut(i);
    }
}

BottomMenu.getElements = function(){
    this.elements               = new Array();
    this.elements['menu']       = new Array();
    this.elements['submenu']    = new Array();
    this.elements['submenu']['elm']     = new Array();
    this.elements['submenu']['timer']   = new Array();
    
    var ContainersCount = this.containers.length;
    for(i=0;i<ContainersCount;i++){
        var children = this.containers[i].children;
        var childrenCount = children.length;
        for(a=0;a<childrenCount;a++){
            if(children[a].tagName == 'A')
                this.elements['menu'][i] = children[a];
                
            if(children[a].tagName == 'TABLE'){
                this.elements['submenu']['elm'][i] = children[a];       
                this.elements['submenu']['timer'][i] = null;   
            }      
        }   
    }
}

BottomMenu.setOnMouseOver = function(i){
    if(this.elements['submenu']['elm'][i]){
        var element = this.elements['menu'][i];
        var submenu = this.elements['submenu']['elm'][i];
        
        element.onmouseover = function(){
            clearTimeout(BottomMenu.elements['submenu']['timer'][i]);
            submenu.style.display = '';
            //var height = window.getObjectHeight(submenu);
            //height = height + 28;
            //submenu.style.marginTop = height+'px';
            
        }
        submenu.onmouseover = function(){
            clearTimeout(BottomMenu.elements['submenu']['timer'][i]);
        }       
    }
}

BottomMenu.setOnMouseOut = function(i){
    if(this.elements['submenu']['elm'][i]){
        var element = this.elements['menu'][i];
        var submenu = this.elements['submenu']['elm'][i];
        var timer   = this.elements['submenu']['timer'][i];
        element.onmouseout = function(){
            BottomMenu.elements['submenu']['timer'][i] = setTimeout('BottomMenu.hide('+i+');',100);
        }
        submenu.onmouseout = function(){
            BottomMenu.elements['submenu']['timer'][i] = setTimeout('BottomMenu.hide('+i+');',100);
        }   
    }
}

BottomMenu.hide = function(i){
    if(this.elements['submenu']['elm'][i]){
        BottomMenu.elements['submenu']['elm'][i].style.display = 'none';
    } 
}