var left = 0;
var top = 0;

var IE = false;
var NS4 = false;
var NS6 = false;

if(document.all) {
	IE = true;
} else if(document.getElementById) {
	NS6 = true;
} else if(document.layers) {
	NS4 = true;
}

function GetLink(id) { if(NS4) { return document.anchors[id]; } else { return document.getElementById(id); } };
function GetLayer(id) { if(NS4) { return document.layers[id]; } else { return document.getElementById(id); } };
function GetImage(id) { if(document.images) { return document.images[id]; } else { return null; } };
function GetAnchorX (a) { if(NS4) { return a.x; } else { var val = a.offsetLeft; while (a && a.tagName != 'BODY') { val += a.offsetLeft; a = a.offsetParent; } return val; } };
function GetAnchorY (a) { if(NS4) { return a.y; } else { var val = a.offsetTop; while (a && a.tagName != 'BODY') { val += a.offsetTop; a = a.offsetParent; } return val; } };
function SwitchLayer(lay, on) { if (lay) { if(NS4) { lay.visibility=on ? 'show' : 'hide'; lay.display=on ? 'block' : 'none'; return true; } else { lay.style.visibility=on ? 'visible' : 'hidden'; lay.style.display=on ? 'block' : 'none'; return true; } } else { return false; } };
function SetStyle(lay, st, val) { if (lay) { if(NS4) { eval('lay.'+st+'= "'+val+'";'); } else { eval('lay.style.'+st+'= "'+val+'";'); } } };
function GetStyle(lay, st) { if (lay) { if(NS4) { return eval('lay.'+st); } else { return eval('lay.style.'+st); } } else { return null; } };
function GetWidth (lay) { if(NS4) { return lay.width; } else { return lay.offsetWidth; } };
function GetHeight (lay) { if(NS4) { return lay.height; } else { return lay.offsetHeight; } };
function switchClass(classObj, classActive) { var currentClass = classObj.className; var Result = currentClass.search(classActive); if(Result != -1) { classObj.className = currentClass.replace(classActive, ''); } else { classObj.className = currentClass + classActive; } };
function switchSrc(srcObj, srcExtension, srcActive) { var currentSrc = srcObj.src; var Result = currentSrc.search(srcActive); if(Result != -1) { srcObj.src = currentSrc.replace(srcActive, ''); } else { currentSrc = currentSrc.replace('.' + srcExtension, ''); srcObj.src = currentSrc + srcActive + "." + srcExtension; } };


function Menuover(lk, boxId, offsetX, offsetY) {
	var lay = GetLayer('box' + boxId);
	if(!lay || !lk) {
		return;
	};

	if(lay.timerId) {
		window.clearTimeout(lay.timerId);
	}
		
	lay.onmouseout = function() {
		lay.timerId = window.setTimeout(function() { SwitchLayer(lay, 0); lay.timerId = null; }, 500);
	}
	lay.onmouseover = function() {
		if(lay.timerId) {
			window.clearTimeout(lay.timerId);
		}

		SwitchLayer(lay, 1);
	}

	offsetX = (typeof offsetX == 'undefined') ? 0 : parseInt(offsetX);
	offsetY = (typeof offsetY == 'undefined') ? 0 : parseInt(offsetY);
	
	var lkLeft = parseInt(GetAnchorX(lk));
	var lkTop = parseInt(GetAnchorY(lk));
	var lkWidth = parseInt(GetWidth(lk));
	var lkHeight = parseInt(GetHeight(lk));

	SetStyle(lay, 'left', parseInt(lkLeft + lkWidth/2 + offsetX) + 'px');	
	SetStyle(lay, 'top', parseInt(lkTop + lkHeight/2 + offsetY) + 'px');	
	SwitchLayer(lay, 1);
}

function Menuout(lk, boxId) {
	var lay = GetLayer('box' + boxId);
	if(!lay) {
		return;
	};

	lay.timerId = window.setTimeout(function() { SwitchLayer(lay, 0); lay.timerId = null; }, 500);
}