// JavaScript Document
var timeout         = 200;
var closetimer      = 0;
var ddmenuitem      = 0;

function jsddm_open() {
    //console.log(this);
    jsddm_canceltimer();
    jsddm_close();    
    ddmenuitem = this.select('ul').each(function(el){
        //console.log(el);
        el.show();
    });//css('visibility', 'visible');
}

function jsddm_close() {

    if(ddmenuitem){
        ddmenuitem.each(function(el){
            //console.log(el);
            el.hide();
        });//css('visibility', 'visible');
    }
}

function jsddm_timer() {
    //console.log('jsddm_timer');
    closetimer = window.setTimeout(jsddm_close, timeout);
}

function jsddm_canceltimer() {
    if(closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

document.observe('dom:loaded', function() {
    $$('#jsddm > li').each( function(el) {
        el.observe('mouseover', jsddm_open.bind(el));
    });
    $$('#jsddm > li').each( function(el) {
        el.observe('mouseout', jsddm_timer.bind(el));
    });
    
    $$('#dropdown > li').each( function(el) {
        el.observe('mouseover', jsddm_open.bind(el));
    });
    $$('#dropdown > li').each( function(el) {
        el.observe('mouseout', jsddm_timer.bind(el));
    });
    
    $$('#dropdown_small > li').each( function(el) {
        el.observe('mouseover', jsddm_open.bind(el));
    });
    $$('#dropdown_small > li').each( function(el) {
        el.observe('mouseout', jsddm_timer.bind(el));
    });
        
    document.observe('click', jsddm_close); 
});