function NavigationItemMouseOver(e)
{
	e.style.background = "#5ba1e7";
	e.style.color = "#ffffff";
}

function NavigationItemMouseOut(e)
{
	e.style.background = "";
	e.style.color = "#333333";
}

function GoToUrl(url)
{
	location.href = url;
}

var headerMenuTimeout = 500;
var headerMenuCloseTimer = 0;
var currentHeaderMenu = null;
var originalHeaderMenuColor = null;
var headerMenuTtem = 0;

// open hidden layer
function HeaderMenuOpen(e, id)
{	
	// cancel close timer
	HeaderMenuCancelCloseTime();

	// close old layer
	if(headerMenuTtem)
	{
		headerMenuTtem.style.visibility = 'hidden';
		if(currentHeaderMenu) currentHeaderMenu.style.color = originalHeaderMenuColor;
	}

	currentHeaderMenu = e;
	originalHeaderMenuColor = currentHeaderMenu.style.color;
	currentHeaderMenu.style.color = "#d93721";

	// get new layer and show it
	headerMenuTtem = document.getElementById(id);
	headerMenuTtem.style.visibility = 'visible';

}
// close showed layer
function HeaderMenuClose()
{	
	if(headerMenuTtem) headerMenuTtem.style.visibility = 'hidden';
	if(currentHeaderMenu) currentHeaderMenu.style.color = originalHeaderMenuColor;
}

// go close timer
function HeaderMenuCloseTime()
{
	headerMenuCloseTimer = window.setTimeout(HeaderMenuClose, headerMenuTimeout);
}

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

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