var timeout = 500;
var closetimer = null;
var subclosetimer = null;
var ddmenu = null;
var ddsubmenu = null;

function rollOn(section){
    // CANCEL CLOSE TIMER
    menuCancelCloseTime();
    
    if(ddmenu) ddmenu.style.visibility = 'hidden';
    if(ddsubmenu) ddsubmenu.style.visibility = 'hidden';
    
    // GET NEW LAYER AND SHOW IT
    ddmenu = document.getElementById(section);
    ddmenu.style.visibility = 'visible';
}

function clearMenu(){
    if(ddmenu) ddmenu.style.visibility = 'hidden';
    if(ddsubmenu) ddsubmenu.style.visibility = 'hidden';
}

function rollOnDiv(item){
    menuCancelCloseTime();
    
    var obj = document.getElementById(item);
    obj.style.color = '#19317B';
}

function rollOffDiv(item){
    var obj = document.getElementById(item);
    obj.style.color = '';
}

// GO CLOSE TIMER
function menuCloseTime(){
    closetimer = window.setTimeout(clearMenu, timeout);
}

// CANCEL CLOSE TIMER
function menuCancelCloseTime(){
    if(closetimer){
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

function rollOnItem(section){
    if(ddsubmenu) ddsubmenu.style.visibility = 'hidden';
    
    var obj = document.getElementById(section);
    
    obj.style.color = '#FFFFFF';
    obj.style.backgroundColor = '#917100';
}

function rollOffItem(section){
    var obj = document.getElementById(section);
    
    obj.style.color = '#19317B'; 
    obj.style.backgroundColor = '';
}