var lockId = null;
var currentId = null;
var submenuShowTimer = null;
var submenuHideTimer = null;

function showSubmenu(newId){
	if(newId){
		newId = newId.replace(/img_/gi,'').replace(/submenu_/gi,'');
	} else {
		newId = null;
	}
	if(newId){
		clearTimeout(submenuShowTimer);
		clearTimeout(submenuHideTimer);
		submenuShowTimer = setTimeout( function(){
			if(currentId){
				document.getElementById("img_"+currentId).src = "images/l_"+currentId+".gif";
				document.getElementById("submenu_"+currentId).style.display = "none";
			}
			if(lockId){
				document.getElementById("img_"+lockId).src = "images/l_"+lockId+".gif";
				document.getElementById("submenu_"+lockId).style.display = "none";
			}
			currentId = newId;
			document.getElementById("img_"+newId).src = "images/l_"+newId+"2.gif";
			document.getElementById("submenu_"+newId).style.display = "block";
		},(currentId ? 400 : 1));
	}
}
function hideSubmenu(){
	clearTimeout(submenuShowTimer);
	clearTimeout(submenuHideTimer);
	if(currentId){
		submenuHideTimer = setTimeout( function(){
			document.getElementById("img_"+currentId).src = "images/l_"+currentId+".gif";
			document.getElementById("submenu_"+currentId).style.display = "none";

			if(lockId){
				document.getElementById("img_"+lockId).src = "images/l_"+lockId+"2.gif";
				document.getElementById("submenu_"+lockId).style.display = "block";
			}
			currentId = null;
		},500);
	}
}