var timeout	= 500;
var closetimer = 0;
var oldSubMenu = 0;
var oldMenuLink = 0;

// open hidden layer
function showMenu ( id ) {
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if ( oldSubMenu ) {
		oldSubMenu.style.visibility = 'hidden';
	}
	
	// get new layer and show it
	oldSubMenu = document.getElementById('sub-menu-item-' + id);
	oldSubMenu.style.visibility = 'visible';
	
	oldMenuLink = document.getElementById('menu-link-' + id);
	oldMenuLink.className = 'menu-link-over';
}

// close showed layer
function hideMenu ( ) {
	if ( oldSubMenu ) {
		oldSubMenu.style.visibility = 'hidden';
	}
	if ( oldMenuLink ) {
		oldMenuLink.className = 'menu-over';
	}
}

// go close timer
function mclosetime ( ) {
	closetimer = window.setTimeout(hideMenu, timeout);
}

// cancel close timer
function mcancelclosetime ( ) {
	if ( closetimer ) {
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = hideMenu; 


function darkenAndRemove ( elem ) {
	if ( elem.style.color != 'rgb(0, 0, 0)' ) {
		elem.value = '';
		elem.style.color = '#000';
	}
}

function showHide ( ElementID ) {
	var elem = document.getElementById(ElementID);
	if ( elem && elem != 'undefined' ) {
		if ( elem.style.display == 'block' ) {
			elem.style.display = 'none';
		} else {
			elem.style.display = 'block';
		}
	}
}