var timeout = 100;
var closetimer = 0;
var ddmenuitem = 0;
var currentpic = 0;


function onpic(id) {
   src=document.getElementById(id).src;
   if(src.search("/buttons3/")!= -1) { 
      document.getElementById(id).src='/buttons3_u/' + src.substring(src.lastIndexOf('/') + 1, src.lastIndexOf('.')) + '.png';
   } else if (src.search("/buttons2/")!= -1) { 
      document.getElementById(id).src='/buttons2_u/' + src.substring(src.lastIndexOf('/') + 1, src.lastIndexOf('.')) + '.png';
   } else if (src.search("/buttons/")!= -1) { 
      document.getElementById(id).src='/buttons_u/' + src.substring(src.lastIndexOf('/') + 1, src.lastIndexOf('.')) + '.png';
   }
}

function offpic(id) {
   src=document.getElementById(id).src;
   if(src.search("/buttons3_u/")!= -1) { 
      document.getElementById(id).src='/buttons3/' + src.substring(src.lastIndexOf('/') + 1, src.lastIndexOf('.')) + '.png';
   } else if (src.search("/buttons2_u/")!= -1) { 
      document.getElementById(id).src='/buttons2/' + src.substring(src.lastIndexOf('/') + 1, src.lastIndexOf('.')) + '.png';
   } else if (src.search("/buttons_u/")!= -1) { 
      document.getElementById(id).src='/buttons/' + src.substring(src.lastIndexOf('/') + 1, src.lastIndexOf('.')) + '.png';
   }
}

function preloadImages() {
	var d=document; 
	if(d.images){
		if(!d.MM_p) d.MM_p=new Array();
		var i,j=d.MM_p.length;
		for (i=0;i<d.images.length;i++){
			the_src=d.images[i].src;
			if(the_src.search("/buttons3/")!= -1) {
				d.MM_p[j]=new Image; d.MM_p[j++].src='/buttons3_u/' + the_src.substring(the_src.lastIndexOf('/') + 1, the_src.lastIndexOf('.')) + '.png';
			} else if (the_src.search("/buttons2/")!= -1) { 
				d.MM_p[j]=new Image; d.MM_p[j++].src='/buttons2_u/' + the_src.substring(the_src.lastIndexOf('/') + 1, the_src.lastIndexOf('.')) + '.png';
			} else if (the_src.search("/buttons/")!= -1) { 
				d.MM_p[j]=new Image; d.MM_p[j++].src='/buttons_u/' + the_src.substring(the_src.lastIndexOf('/') + 1, the_src.lastIndexOf('.')) + '.png';
			}
		}
	}
}


// open hidden layer
function mopen(id,im)
{
	onpic(im);

	// cancel close timer
	mcancelclosetime();

	if(currentpic && currentpic!=im) offpic(currentpic);
	currentpic = im;

	// 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(currentpic) offpic(currentpic);
	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; 
window.onload = preloadImages;