// Copyright 2006-2007 javascript-array.com

//var timeout	= 500;
var timeout	= 100;
var closetimer	= 0;
var closetimersub	= 0;
var ddmenuitem	= 0;
var ddsubmenuitem = 0;
var catmenu = [false,false,false,false,false,false,false];


// 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';
}

function mopensub(id,offset)
{
	// cancel close timer
	mcancelclosetimesub();

    // close old layer
	if(ddsubmenuitem) ddsubmenuitem.style.visibility = 'hidden';

    // get new layer and show it
	ddsubmenuitem = document.getElementById(id);
    ddsubmenuitem.style.top = (offset*16) + 'px';
    ddsubmenuitem.style.visibility = 'visible';
}

function mopencategories(num,divId,parentCategoryId)
{
    // cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

    if (!catmenu[num]) {
        getCategories(divId,parentCategoryId);
        catmenu[num] = true;
    }

    // get new layer and show it
	ddmenuitem = document.getElementById(divId);
	ddmenuitem.style.visibility = 'visible';

}


// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
    mclosesub();
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close showed layer
function mclosesub()
{
	if(ddsubmenuitem) ddsubmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetimesub()
{
	closetimersub = window.setTimeout(mclosesub, timeout);
    //closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetimesub()
{

    if(closetimersub)
	{
		window.clearTimeout(closetimersub);
		closetimersub = null;
	}
}

//function highlightTopMenu(menuid,flag) {
//   //alert(ddmenuitem.className);
//
//    //if(ddmenuitem) ddmenuitem.className='regionmenuhover';
//    if (flag=='on')
//        document.getElementById(menuid).style.background='#A1A1A1 url(/main/includes/images/arrowm.gif) no-repeat center right';
//    else
//        document.getElementById(menuid).style.background='#808080 url(/main/includes/images/arrowm.gif) no-repeat center right';
//}



// close layer when click-out
document.onclick = mclose;
