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.display = 'none';
	if(ddsubmenu) ddsubmenu.style.display = 'none';
			
	// get new layer and show it
	ddmenu = document.getElementById(section);
	ddmenu.style.display = 'block';
}

function clearMenu(){
	if(ddmenu) ddmenu.style.display = 'none';
	if(ddsubmenu) ddsubmenu.style.display = 'none';
}

function rollOnDiv(item){
    menuCancelCloseTime();
	
	var obj = document.getElementById(item)
	obj.style.backgroundColor='#F0B510';
}

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

// 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.display = 'none';
    
	var obj = document.getElementById(section);
		
	obj.style.color='#FFFFFF';
	obj.style.backgroundColor='#F0B510';
}

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