function $(id) {
    return document.getElementById(id);
}


function hidenMenu (baseID, divID) {

	
	baseID = $(baseID);
    divID  = $(divID);
	if (showMenu.timer) clearTimeout(showMenu.timer);
	
	showMenu.timer = setTimeout(function () {divID.style.display = 'none';}, 400);
	

		
}

function showMenu (baseID, divID) {
	//document.getElementById(baseID).style.color='#ccc';
	
    baseID = $(baseID);
    divID  = $(divID);
    if (showMenu.timer) clearTimeout(showMenu.timer);
	hideCur();
    divID.style.display = 'block';
	showMenu.cur = divID;
	

    if (! divID.isCreate) {
        divID.isCreate = true;
        //divID.timer = 0;
        divID.onmouseover = function () {
            if (showMenu.timer) clearTimeout(showMenu.timer);
			hideCur();
            divID.style.display = 'block';
        };
		function hide () {
            showMenu.timer = setTimeout(function () {divID.style.display = 'none';}, 400);
        }
		
        

        divID.onmouseout = hide;
       
    }
	
	
	
	function hideCur () {
		showMenu.cur && (showMenu.cur.style.display = 'none');
	}
};