var MainMenu = new Object();

MainMenu.init = function(){
    this.containers = FSite2.getElementsByClassName('menu_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);
    }
}

MainMenu.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 == 'TABLE' && children[a].className != 'menu_black')
                this.elements['menu'][i] = children[a];
                
            if(children[a].tagName == 'TABLE' && children[a].className == 'menu_black'){
                this.elements['submenu']['elm'][i] = children[a];       
                this.elements['submenu']['timer'][i] = null;  
            }       
        }   
	}
}

MainMenu.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(MainMenu.elements['submenu']['timer'][i]);
	        submenu.style.display = '';
	    }
        submenu.onmouseover = function(){
            clearTimeout(MainMenu.elements['submenu']['timer'][i]);
        }	    
	}
}

MainMenu.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(){
	        MainMenu.elements['submenu']['timer'][i] = setTimeout('MainMenu.hide('+i+');',100);
	    }
        submenu.onmouseout = function(){
            MainMenu.elements['submenu']['timer'][i] = setTimeout('MainMenu.hide('+i+');',100);
        }   
	}
}

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