var Slddm = new Array();


Slddm.timeout               = 500;
Slddm.closetimer            = 0;
Slddm.ddmenuitem            = 0;
Slddm.containerClassName    = 'slddm';



// -------------------------------------
// open the needed layer
// -------------------------------------
Slddm.mopen = function(id){   
    // cancel close timer
    Slddm.mcancelclosetime();

    // close old layer
    if(Slddm.ddmenuitem) Slddm.ddmenuitem.style.visibility = 'hidden';

    // get new layer and show it
    Slddm.ddmenuitem = document.getElementById(id);
    Slddm.ddmenuitem.style.visibility = 'visible';
}

// --------------------------------------
// close showed layer
// --------------------------------------
Slddm.mclose = function(){
    if(Slddm.ddmenuitem) Slddm.ddmenuitem.style.visibility = 'hidden';
}

// --------------------------------------
// go close timer
// --------------------------------------
Slddm.mclosetime = function(){
    Slddm.closetimer = window.setTimeout(Slddm.mclose, Slddm.timeout);
}

// --------------------------------------
// cancel close timer
// --------------------------------------
Slddm.mcancelclosetime = function(){
    if(Slddm.closetimer){
        window.clearTimeout(Slddm.closetimer);
        Slddm.closetimer = null;
    }
}
// --------------------------------------
// configure a navigation level
// --------------------------------------
Slddm.configureNavigationLevel = function(level){
    if(level!=null){
        //get the submenu
        var divs = level.getElementsByTagName('div');
        //only if the submenu is there, install the event handlers
        if(divs!=null && divs.length>0){
            //check if the submenu has also links
            var submenuitems = divs[0].getElementsByTagName('a');
            if(submenuitems!=null && submenuitems.length>0){
	            //get the link
	            var as = level.getElementsByTagName('a');
	            if(as && as.length){
	                as[0].onmouseover      = function(){
	                    // cancel close timer
	                    Slddm.mcancelclosetime();
	                
	                    // close old layer
	                    if(Slddm.ddmenuitem) Slddm.ddmenuitem.style.visibility = 'hidden';
	                
	                    // get new layer and show it
	                    if(divs[0]){
	                        Slddm.ddmenuitem = divs[0];
	                        Slddm.ddmenuitem.style.visibility = 'visible';
	                    }
	                };
	                
	                as[0].onmouseout       = Slddm.mclosetime;
	                divs[0].onmouseover    = Slddm.mcancelclosetime;
	                divs[0].onmouseout     = Slddm.mclosetime;
	            }
            }
        }
    }
}

// --------------------------------------
// configure a navigation
// --------------------------------------
Slddm.configureNavigation = function(navigation){
    if(navigation!=null){
        var lis = navigation.getElementsByTagName('li');
        if(lis && lis.length){
            for(var i=0; i<lis.length; i++){
                Slddm.configureNavigationLevel(lis[i]);            
                //alert('one to li ' + lis[i].innerHTML);    
            }
        }
    }
}

// --------------------------------------
// init the configuration
// add this function at the end of the page or
// like an event of the load document
// --------------------------------------
Slddm.init = function(){
    //get the menu item containers
    var uls = document.getElementsByTagName('ul');
    if(uls && uls.length){
        for(var i=0; i<uls.length; i++){
            if(uls[i].className == Slddm.containerClassName){
                Slddm.configureNavigation(uls[i]);
                //alert('one to document ' + uls[i].innerHTML);
            }
        }
    }
}

// close layer when click-out
// document.onclick = Slddm.mclose;