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='#BD5E00';
}

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='#E37F1C';
}

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

function rollItem(section1, section2, item){
    menuCancelCloseTime();
    
    ddmenu = document.getElementById(section1);
    ddsubmenu = document.getElementById(section2);
    
    ddmenu.style.visibility = 'visible';
    ddsubmenu.style.visibility = 'visible';
    
    var obj = document.getElementById(item);
    obj.style.color='#FFFFFF';
    obj.style.backgroundColor='#E37F1C';
}

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

function subCloseTime(){
	subclosetimer = window.setTimeout(clearSubMenu, timeout);
	closetimer = window.setTimeout(clearMenu, timeout);
}

function cancelSubCloseTime(){
	if(subclosetimer){
		window.clearTimeout(subclosetimer);
		subclosetimer = null;
	}
}

function subOnItem(section, item){
    mcancelclosetime();
    cancelSubCloseTime();
    
    ddsubmenuitem = document.getElementById(section);
    ddsubmenuitem.style.visibility='visible';
    
    var obj = document.getElementById(item);
    obj.style.color='#FFFFFF';
    obj.style.backgroundColor='#E37F1C';
}

function subOffItem(item){
    var obj = document.getElementById(item);
    obj.style.color='#FFFFFF';
    obj.style.backgroundColor='';
}