var timeout	= 1300;
var closetimer	= 0;
var ddmenuitem	= 0;
var submenu = 0;
var closetimerulet	= 0;

function out()
{
	document.about.style.visibility='hidden';
	document.portfolio.style.visibility='hidden';
	document.ps.style.visibility='hidden';
	document.contactus.style.visibility='hidden';
	document.links.style.visibility='hidden';
}

function overabout(id)
{  	
	document.about.style.visibility='visible';
	document.portfolio.style.visibility='hidden';
	document.ps.style.visibility='hidden';
	document.links.style.visibility='hidden';
	document.contactus.style.visibility='hidden';
	mopen(id);
}
function overportfolio(id)
{  	
	document.portfolio.style.visibility='visible';
	document.about.style.visibility='hidden';
	document.ps.style.visibility='hidden';
	document.links.style.visibility='hidden';
	document.contactus.style.visibility='hidden';
	mopen(id);
}
function overps(id)
{  	
	document.ps.style.visibility='visible';
	document.about.style.visibility='hidden';
	document.portfolio.style.visibility='hidden';
	document.links.style.visibility='hidden';
	document.contactus.style.visibility='hidden';
	mopen(id);
}
function overlinks(id)
{  	
	document.links.style.visibility='visible';
	document.about.style.visibility='hidden';
	document.portfolio.style.visibility='hidden';
	document.ps.style.visibility='hidden';
	document.contactus.style.visibility='hidden';
	mopen(id);
}
function overcontactus(id)
{  	
	document.contactus.style.visibility='visible';
	document.about.style.visibility='hidden';
	document.portfolio.style.visibility='hidden';
	document.ps.style.visibility='hidden';
	document.links.style.visibility='hidden';
	mopen(id);
}



function ShowSubMenu(id)
	{
		var submenu = document.getElementById(id);
		if(submenu != null)
		{
			submenu.style.visibility = 'visible';

		}
	}
	function HideSubMenu(id)
	{
		var submenu = document.getElementById(id);
		if(submenu != null)
		{	
			submenu.style.visibility = 'hidden';
		}
	}

//second level submenu
// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose(id)
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	out();
}

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

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

	}
}

//third level submenu
function mopenulet(id)
{	
	// cancel close timer
	mcancelclosetimeulet();

	// close old layer
	if(submenu) submenu.style.visibility = 'hidden';

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

function mcloseulet(id)
{
	if(submenu) submenu.style.visibility = 'hidden';
}

function mclosetimeulet()
{
	closetimerulet = window.setTimeout(mcloseulet, timeout);

}

function mcancelclosetimeulet()
{
	if(closetimerulet)
	{
		window.clearTimeout(closetimerulet);
		closetimerulet = null;

	}
}