var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// 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()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

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

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

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

if (document.images) {
	home_off = new Image(82,30);
	home_off.src = "http://www.prosoftstudio.com/images/mainmenu/menu-home.png";
	home_over = new Image(82,30);
	home_over.src = "http://www.prosoftstudio.com/images/mainmenu/menu-home-over.png";
	
	whyus_off = new Image(82,30);
	whyus_off.src = "http://www.prosoftstudio.com/images/mainmenu/menu-whyus.png";
	whyus_over = new Image(82,30);
	whyus_over.src = "http://www.prosoftstudio.com/images/mainmenu/menu-whyus-over.png";

	products_off = new Image(82,30);
	products_off.src = "http://www.prosoftstudio.com/images/mainmenu/menu-products.png";
	products_over = new Image(82,30);
	products_over.src = "http://www.prosoftstudio.com/images/mainmenu/menu-products-over.png";

	services_off = new Image(82,30);
	services_off.src = "http://www.prosoftstudio.com/images/mainmenu/menu-services.png";
	services_over = new Image(82,30);
	services_over.src = "http://www.prosoftstudio.com/images/mainmenu/menu-services-over.png";

	hosting_off = new Image(82,30);
	hosting_off.src = "http://www.prosoftstudio.com/images/mainmenu/menu-hosting.png";
	hosting_over = new Image(82,30);
	hosting_over.src = "http://www.prosoftstudio.com/images/mainmenu/menu-hosting-over.png";

	domains_off = new Image(82,30);
	domains_off.src = "http://www.prosoftstudio.com/images/mainmenu/menu-domains.png";
	domains_over = new Image(82,30);
	domains_over.src = "http://www.prosoftstudio.com/images/mainmenu/menu-domains-over.png";

	tutorials_off = new Image(82,30);
	tutorials_off.src = "http://www.prosoftstudio.com/images/mainmenu/menu-tutorials.png";
	tutorials_over = new Image(82,30);
	tutorials_over.src = "http://www.prosoftstudio.com/images/mainmenu/menu-tutorials-over.png";

	forums_off = new Image(82,30);
	forums_off.src = "http://www.prosoftstudio.com/images/mainmenu/menu-forums.png";
	forums_over = new Image(82,30);
	forums_over.src = "http://www.prosoftstudio.com/images/mainmenu/menu-forums-over.png";

	support_off = new Image(82,30);
	support_off.src = "http://www.prosoftstudio.com/images/mainmenu/menu-support.png";
	support_over = new Image(82,30);
	support_over.src = "http://www.prosoftstudio.com/images/mainmenu/menu-support-over.png";

	more_off = new Image(82,30);
	more_off.src = "http://www.prosoftstudio.com/images/mainmenu/menu-more.png";
	more_over = new Image(82,30);
	more_over.src = "http://www.prosoftstudio.com/images/mainmenu/menu-more-over.png";
}

function button_over(button) {
	if (document.images) {
		if (button == 'home') {
			document[button].src = home_over.src;
		}
		if (button == 'whyus') {
			document[button].src = whyus_over.src;
		}
		if (button == 'products') {
			document[button].src = products_over.src;
		}
		if (button == 'services') {
			document[button].src = services_over.src;
		}
		if (button == 'hosting') {
			document[button].src = hosting_over.src;
		}
		if (button == 'tutorials') {
			document[button].src = tutorials_over.src;
		}
		if (button == 'domains') {
			document[button].src = domains_over.src;
		}
		if (button == 'support') {
			document[button].src = support_over.src;
		}
		if (button == 'more') {
			document[button].src = more_over.src;
		}
	}
}

function button_off(button) {
	if (document.images) {
		if (button == 'home') {
			document[button].src = home_off.src;
		}
		if (button == 'whyus') {
			document[button].src = whyus_off.src;
		}
		if (button == 'products') {
			document[button].src = products_off.src;
		}
		if (button == 'services') {
			document[button].src = services_off.src;
		}
		if (button == 'hosting') {
			document[button].src = hosting_off.src;
		}
		if (button == 'tutorials') {
			document[button].src = tutorials_off.src;
		}
		if (button == 'domains') {
			document[button].src = domains_off.src;
		}
		if (button == 'support') {
			document[button].src = support_off.src;
		}
		if (button == 'more') {
			document[button].src = more_off.src;
		}
	}
}