var currentVisible = null;
var currentHover = null;
var hidTimer = null;

function resizeMap(mapObj)
{
	if(mapObj.width == 468)
		{
		mapObj.width = 936;
		mapObj.title = 'Уменьшить';
		}
	else 
		{
		mapObj.width = 468;
		mapObj.title = 'Увеличить';
		}
}

var pImages = Array("images/topmenuAbout_1.png","images/topmenuContacts_1.png", "images/audit_1.jpg", "images/acc_1.jpg");


function preload(pImages) {
    if (typeof document.body == "undefined") return;
    try {
        var div = document.createElement("div");
        var s = div.style;
        s.position = "absolute";
        s.top = s.left = 0;
        s.visibility = "hidden";
        document.body.appendChild(div);
        for (var i = 0; i < images.length; i++) div.innerHTML += "<img src=\"" + pImages[i] + "\" />";
    } catch(e) {
    }
	}
	
function makeLinks(activeButton) {

 if(activeButton!='menuimg1') xAddEventListener(document.getElementById('menuimg1'), 'mouseover', function(e){showMenuList('menulist1', 'menuimg1')}, false);
 if(activeButton!='menuimg2') xAddEventListener(document.getElementById('menuimg2'), 'mouseover', function(e){showMenuList('menulist2', 'menuimg2')}, false);
 if(activeButton!='menuimg3') xAddEventListener(document.getElementById('menuimg2'), 'mouseover', function(e){showMenuList('menulist2', 'menuimg2')}, false);		

 if(activeButton!='menuimg1') xAddEventListener(document.getElementById('menuimg1'), 'mouseout', function(e){hideMenuList(e, 'menuimg1')}, false);
 if(activeButton!='menuimg2') xAddEventListener(document.getElementById('menuimg2'), 'mouseout', function(e){hideMenuList(e, 'menuimg2')}, false);
 if(activeButton!='menuimg3') xAddEventListener(document.getElementById('menuimg2'), 'mouseout', function(e){hideMenuList(e, 'menuimg2')}, false);

 xAddEventListener(document.getElementById('menulist1'), 'mouseout', hideMenuList2, false);
 xAddEventListener(document.getElementById('menulist2'), 'mouseout', hideMenuList2, false);
 xAddEventListener(document.getElementById('menulist3'), 'mouseout', hideMenuList2, false);

 if(activeButton)
	{
	var curAct = document.getElementById(activeButton);
	curAct.src = 'images/'+curAct.name+'_1.jpg';
	}
}

function showMenuList(listId, imgId) {
 document.getElementById(imgId).src = 'images/'+document.getElementById(imgId).name+'_1.jpg';
 var menulist = document.getElementById(listId);
 if(hidTimer != null) clearTimeout(hidTimer);
 if( currentVisible != listId )
	{
	if( currentVisible != null )
		{
		document.getElementById(currentVisible).style.visibility = 'hidden';
		}
	menulist.style.left = xPageX(imgId) + 187 + 'px';
	var topPosition = xPageY(imgId) - xHeight(menulist)/2 + 40;
	if( (topPosition + xHeight(menulist)) > 604 ) menulist.style.top = 604 - xHeight(menulist) + 'px';
		else menulist.style.top = topPosition + 'px';
	menulist.style.visibility = 'visible';
	currentVisible = listId;
	if(currentHover != null)
		{
		document.getElementById(currentHover).src = 'images/'+document.getElementById(currentHover).name+'_0.jpg';
		currentHover = imgId;
		}
	else currentHover = imgId;
	};
}

function hideMenuList(evt, imgId) {
if(currentVisible != null)
	{
	var e = new xEvent(evt);
	if( e.pageX < (xPageX(imgId) + 187))
		{
		document.getElementById(currentVisible).style.visibility = 'hidden';
		currentVisible = null;
		document.getElementById(imgId).src = 'images/'+document.getElementById(imgId).name+'_0.jpg';
		currentHover = null;
		}
	else hidTimer = setTimeout(hideCurrent, 5000);
	}
}

function hideMenuList2(evt) {
	if(currentVisible != null)
	{
	var cV = document.getElementById(currentVisible);
	var e = new xEvent(evt);
	var mx = e.pageX;
	var my = e.pageY;
	
	var lx = cV.offsetLeft;
	var ly = cV.offsetTop;
	var lh = cV.clientHeight;
	var lw = cV.clientWidth;

       // if (lh=25) lh = 139;
  

	if( (mx >= (lx + lw)) || (my >= (ly + lh + 40)) || (my <= (ly + 1)) )
		{
		cV.style.visibility = 'hidden';
		currentVisible = null;
		document.getElementById(currentHover).src = 'images/'+document.getElementById(currentHover).name+'_0.jpg';
		currentHover = null;

       // alert('lx = '+ lx +' ly = ' + ly + ' lh = ' + lh + ' lw = ' + lw);

		}
	}
}

function hideCurrent() {
 document.getElementById(currentVisible).style.visibility = 'hidden';
 currentVisible = null;
 document.getElementById(currentHover).src = 'images/'+document.getElementById(currentHover).name+'_0.jpg';
 currentHover = null;
}
