// JavaScript Document

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 pImagesRus = Array("/pics/topmenuAbout_1.png", "/pics/topmenuPartners_1.png", "/pics/topmenuClients_1.png", "/pics/topmenuPress_1.png","/pics/topmenuContacts_1.png", "/pics/audit_1.jpg", "/pics/acc_1.jpg", "/pics/fincons_1.jpg", "/pics/hr_1.jpg", "/pics/law_1.jpg", "/pics/foreign_1.jpg", "/pics/assets_1.jpg", "/pics/protect_1.jpg");

var pImagesEn = Array("/pics/topmenuAbout_en_1.png", "/pics/topmenuPartners_en_1.png", "/pics/topmenuClients_en_1.png", "/pics/topmenuPress_en_1.png","/pics/topmenuContacts_en_1.png", "/pics/audit_en_1.jpg", "/pics/acc_en_1.jpg", "/pics/fincons_en_1.jpg", "/pics/hr_en_1.jpg", "/pics/law_en_1.jpg", "/pics/foreign_en_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) {
        // Error. Do nothing.
    }
	}
	
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('menuimg3'), 'mouseover', function(e){showMenuList('menulist3', 'menuimg3')}, false);
if(activeButton!='menuimg4') xAddEventListener(document.getElementById('menuimg4'), 'mouseover', function(e){showMenuList('menulist4', 'menuimg4')}, false);
if(activeButton!='menuimg5') xAddEventListener(document.getElementById('menuimg5'), 'mouseover', function(e){showMenuList('menulist5', 'menuimg5')}, false);
if(activeButton!='menuimg6') xAddEventListener(document.getElementById('menuimg6'), 'mouseover', function(e){showMenuList('menulist6', 'menuimg6')}, false);
if(activeButton!='menuimg7') xAddEventListener(document.getElementById('menuimg7'), 'mouseover', function(e){showMenuList('menulist7', 'menuimg7')}, false);
if(activeButton!='menuimg8') xAddEventListener(document.getElementById('menuimg8'), 'mouseover', function(e){showMenuList('menulist8', 'menuimg8')}, 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('menuimg3'), 'mouseout', function(e){hideMenuList(e, 'menuimg3')}, false);
if(activeButton!='menuimg4') xAddEventListener(document.getElementById('menuimg4'), 'mouseout', function(e){hideMenuList(e, 'menuimg4')}, false);
if(activeButton!='menuimg5') xAddEventListener(document.getElementById('menuimg5'), 'mouseout', function(e){hideMenuList(e, 'menuimg5')}, false);
if(activeButton!='menuimg6') xAddEventListener(document.getElementById('menuimg6'), 'mouseout', function(e){hideMenuList(e, 'menuimg6')}, false);
if(activeButton!='menuimg7') xAddEventListener(document.getElementById('menuimg7'), 'mouseout', function(e){hideMenuList(e, 'menuimg7')}, false);
if(activeButton!='menuimg8') xAddEventListener(document.getElementById('menuimg8'), 'mouseout', function(e){hideMenuList(e, 'menuimg8')}, false);

xAddEventListener(document.getElementById('menulist1'), 'mouseout', hideMenuList2, false);
xAddEventListener(document.getElementById('menulist2'), 'mouseout', hideMenuList2, false);
xAddEventListener(document.getElementById('menulist3'), 'mouseout', hideMenuList2, false);
xAddEventListener(document.getElementById('menulist4'), 'mouseout', hideMenuList2, false);
xAddEventListener(document.getElementById('menulist5'), 'mouseout', hideMenuList2, false);
xAddEventListener(document.getElementById('menulist6'), 'mouseout', hideMenuList2, false);
xAddEventListener(document.getElementById('menulist7'), 'mouseout', hideMenuList2, false);
xAddEventListener(document.getElementById('menulist8'), 'mouseout', hideMenuList2, false);

if(activeButton)
	{
	var curAct = document.getElementById(activeButton);
	curAct.src = '/pics/'+curAct.name+'_1.jpg';
	}
}

function showMenuList(listId, imgId) {
document.getElementById(imgId).src = '/pics/'+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 + 35; // 35 is half-height of menu button
	var menuBottom = 720; // Y pos of menu bottom bound
	if( (topPosition + xHeight(menulist)) > menuBottom ) menulist.style.top = menuBottom - xHeight(menulist) + 'px';
		else menulist.style.top = topPosition + 'px';
	menulist.style.visibility = 'visible';
	currentVisible = listId;
	if(currentHover != null)
		{
		document.getElementById(currentHover).src = '/pics/'+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 = '/pics/'+document.getElementById(imgId).name+'_0.jpg';
		currentHover = null;
		}
	else hidTimer = setTimeout(hideCurrent, 1000);
	}
}

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( (mx >= (lx + lw)) || (my >= (ly + lh)) || (my <= (ly + 1)) )
		{
		cV.style.visibility = 'hidden';
		currentVisible = null;
		document.getElementById(currentHover).src = '/pics/'+document.getElementById(currentHover).name+'_0.jpg';
		currentHover = null;
		}
	}
}

function hideCurrent() {
document.getElementById(currentVisible).style.visibility = 'hidden';
currentVisible = null;
document.getElementById(currentHover).src = '/pics/'+document.getElementById(currentHover).name+'_0.jpg';
currentHover = null;
}