/* Preload menu hover images */
var right, left;
right = new Image(57, 74);
right.src = "../../picture/21/2412.png";

left = new Image(57, 74);
left.src = "../../picture/21/2409.png";

var familyW = 85;
var tooltipW = 250;
var tooltipH = 257;
var margin = 120;

function openToolTip(e) {
	var posx = 0;
	var posy = 0;
	var screenW = 0;
	var screenH = 0;
	var eventx0 = 0;
	var eventy0 = 0;
	var scrollH = document.documentElement.scrollTop;
	var scrollW = document.documentElement.scrollLeft;
	var ie = false;
	var classN;
	if (!e) var e = window.event;
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();

	if (e.pageX || e.pageY) {
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) {
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	if (typeof (window.innerWidth) == 'number') {
		//Non-IE
		screenW = window.innerWidth;
		screenH = window.innerHeight;
		eventx0 = posx - e.layerX;
		eventy0 = posy - e.layerY;
	} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
		//IE 6+ in 'standards compliant mode'
		screenW = document.documentElement.clientWidth;
		screenH = document.documentElement.clientHeight;
		eventx0 = posx - e.x;
		eventy0 = posy - e.y;
		ie = true;
	} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
		//IE 4 compatible
		screenW = document.body.clientWidth;
		screenH = document.body.clientHeight;
		eventx0 = posx - e.layerX;
		eventy0 = posy - e.layerY;
		ie = true;
	}
	var tooltip = getToolTipNode(e);
	if (tooltip != null) {
		setFamilyLevel(tooltip.parentNode, 100);
		if ((posx + tooltipW + margin - scrollW) > screenW) {
			classN = "left";
		}
		else {
			classN = "right";
		}
		tooltip.className = "tooltip " + classN;
		tooltip.parentNode.style.cursor = "pointer";
	}
}

function getToolTipNode(e) {
	var targ;
	var tooltip = null;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3) // defeat Safari bug
		targ = targ.parentNode;
	if (targ.nodeName == "AREA") {
		var pNode = targ.parentNode.parentNode;
		for (var i = 0; i < pNode.childNodes.length; i++) {
			if (pNode.childNodes[i].nodeName == "SPAN") {
				var childClassName = pNode.childNodes[i].className;
				if (childClassName.indexOf("tooltip") >= 0) {
					tooltip = pNode.childNodes[i];
				}
			}
		}
	}
	return tooltip;
}

function setFamilyLevel(elm, zInd) {
	if (elm.className.indexOf("family") >= 0) {
		elm.style.zIndex = zInd;
	}
}

function closeToolTip(e) {
	if (!e) var e = window.event;
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	var tooltip = getToolTipNode(e);
	tooltip.className = "tooltip";
	setFamilyLevel(tooltip.parentNode, 23);
	tooltip.parentNode.style.cursor = "default";
}