var svTimer = null;
var actDiv = null;

var menuids = $$('div.drop-down').collect(function(anchor){ return anchor.id }).each(function(el){
    Event.observe(el, 'mouseover', function(){
        if(actDiv && actDiv == el && $(actDiv).hasClassName('active-drop') && svTimer){
            clearTimeout(svTimer);
        }
    });
                               
    Event.observe(el, 'mouseout', function(){
        if (actDiv && actDiv == el){
            svTimer=setTimeout(function(){
                removedd(el)
            },500);
        }
    });
});

function showdd(el)
{
    if(svTimer) {
        clearTimeout(svTimer);
    }
    
    for (i = 0; i < menuids.length; i++){
        if (menuids[i] != el) removedd(menuids[i]);
    }
    
    id = $(el);
    if (id.hasClassName('active-drop')){
        removedd(el);
    }
    else {
        id.addClassName('active-drop');
        actDiv = el;
    }
}
function removedd(el)
{
    $(el).removeClassName('active-drop');
    
}