var active_menu  = -1;
var active_timer = null;

function debug(str){
    try{
        document.getElementById('debug').innerHTML = str + '<br />' + document.getElementById('debug').innerHTML;
    }catch(e){
        // alert(e);
    }
}

function dropdown_mouseout(){
    try{
        var timeout = 1000;
        if (active_timer){
            stop_timer();
        } else {
            debug('starting timer');
            active_timer = setTimeout('hide_menu();', timeout);
        }
    } catch(e){
        debug(e);
    }
}

function stop_timer(){
    try{
        if (active_timer){
            debug('stop timer');
            clearTimeout(active_timer);
            active_timer = null;
        }
    } catch(e){
        debug(e);
    }
}

function show_menu(id) {
    try{
        if (id != active_menu){
            hide_menu();
        }
        if (!xGetElementById("menu1_"+id)){
            return;
        }
        
        var left;
        
        // left = xPageX("menu0_"+id) - xPageX("bgimage");
        left    = xPageX("menu0_"+id);
        topleft = xPageX('nav');
        debug('topleft:' + topleft);
        left = left + 1 - topleft;
        debug(id + ": " + left);
        xLeft("menu1_"+id, left);
        document.getElementById("menu1_"+id).style.visibility = 'visible';
        // document.getElementById("topnav_"+id).style.backgroundColor = '#515e7e';
        document.getElementById("topnav_"+id).style.backgroundColor = '#CCC';
        active_menu = id;
    }catch(e){
        debug(e);
        }
}

function hide_menu() {
    try{
        if (active_menu == -1){
            return;
        }
        document.getElementById("menu1_"  + active_menu).style.visibility      = 'hidden';
        document.getElementById("topnav_" + active_menu).style.backgroundColor = 'transparent';
        active_menu = -1;
    }catch(e){
    }
}



Event.observe(window, 'load', initMenu);


function initMenu(){
    debug('TODO init menu');
}