var timerId = null;
var timeout = 1500;

function showlayer(layer)
{
    var myLayer=document.getElementById(layer);
    if(myLayer.style.display=="none" || myLayer.style.display=="") {
        myLayer.style.display="block";
        if(timerId != null) clearTimeout(timerId);
        timerId = setTimeout("hidelayer('sm_1')", timeout);
    } 
    else {
        // myLayer.style.display="none";
        if(timerId != null) clearTimeout(timerId);
    }
}

function hidelayer(layer)
{
    var myLayer=document.getElementById(layer);
    if(myLayer.style.display=="block" || myLayer.style.display=="") {
        myLayer.style.display="none";
        if(timerId != null) clearTimeout(timerId);
    }
}

Event.observe(window, 'load', function() {
    Event.observe($('drop_link'), 'mouseover', function(event) {
       showlayer('sm_1');
       Event.stop(event);
    });
    Event.observe($('drop_link_1'), 'mouseover', function(event) {
       showlayer('sm_1');
       Event.stop(event);
    });
    Event.observe($$('body')[0], 'click', function(event) {
       hidelayer('sm_1');
    });
    Event.observe($$('body')[0], 'keyup', function(event) {
       hidelayer('sm_1');
    });
    Event.observe($('sm_1'), 'mouseout', function(event) {
       if(timerId != null) clearTimeout(timerId);
       timerId = setTimeout("hidelayer('sm_1')", timeout);
    });
    Event.observe($('sm_1'), 'mouseover', function(event) {
       if(timerId != null) clearTimeout(timerId);
    });
});