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()
{
	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; 
// -->
//xxxxxxxxxxxx



function loadImages()
{


// menu images
menuImg = new Array();

menuImg[0] = new Image();
menuImg[0].src="images/menu-0.gif";
menuImg[1] = new Image();
menuImg[1].src="images/menu-0a.gif";

menuImg[2] = new Image();
menuImg[2].src="images/menu-1.gif";
menuImg[3] = new Image();
menuImg[3].src="images/menu-1a.gif";

menuImg[4] = new Image();
menuImg[4].src="images/menu-2.gif";
menuImg[5] = new Image();
menuImg[5].src="images/menu-2a.gif";

menuImg[6] = new Image();
menuImg[6].src="images/menu-3.gif";
menuImg[7] = new Image();
menuImg[7].src="images/menu-3a.gif";

menuImg[8] = new Image();
menuImg[8].src="images/menu-4.gif";
menuImg[9] = new Image();
menuImg[9].src="images/menu-4a.gif";

menuImg[10] = new Image();
menuImg[10].src="images/menu-5.gif";
menuImg[11] = new Image();
menuImg[11].src="images/menu-5a.gif";

menuImg[12] = new Image();
menuImg[12].src="images/menu-6.gif";
menuImg[13] = new Image();
menuImg[13].src="images/menu-6a.gif";

menuImg[14] = new Image();
menuImg[14].src="images/menu-7.gif";
menuImg[15] = new Image();
menuImg[15].src="images/menu-7a.gif";

menuImg[16] = new Image();
menuImg[16].src="images/menu-8.gif";
menuImg[17] = new Image();
menuImg[17].src="images/menu-8a.gif";

menuImg[18] = new Image();
menuImg[18].src="images/menu-9.gif";
menuImg[19] = new Image();
menuImg[19].src="images/menu-9a.gif";

menuImg[20] = new Image();
menuImg[20].src="images/menu-10.gif";
menuImg[21] = new Image();
menuImg[21].src="images/menu-10a.gif";


}



function imageChange(imageID, imageSrc)
{
    imageName = "images/" + imageSrc;
    document.images[imageID].src = imageName;

    //document.images[imageID].src = eval(imageName + ".src");
}