//OPEN WINDOW

	var windowHandle
	function OpenIt(location, lwidth, lheight)
	{
		windowHandle = window.open(location, 'supplwindow', 'toolbar=no,location=yes,directories=no,status=no,menubar=no,scrollbars=auto,resizable=yes,copyhistory=no,width=' + lwidth + ',height=' + lheight);
	}

	//TOOLTIP

	var delayTime = 0;
	var showTime = 5000;

	var tooltipDefaultStyle = "font:statusbar; background:#FFFFE1; color:#000000; padding:5; border:1 solid #000000; position: absolute; z-index: 99; visibility: hidden;";
	var tooltipStart = "<table width=200 id=\"internalTooltipSpan\" cellspacing=0 cellpadding=0 style=\"" + tooltipDefaultStyle + "\"><tr><td><img src=\\images\\info.gif align=absmiddle>&nbsp;<font face=Tahoma color=black>";
	var tooltipEnd   = "</td></tr></table>";
	var showTimeout;
	var hideTimeout;
	var shown = false;
	var x;
	var y;

	function getReal(el) {
		temp = el;

		while ((temp != null) && (temp.tagName != "BODY")) {
			if (temp.getAttribute("tooltip")) {
				el = temp;
				return el;
			}
			temp = temp.parentElement;
		}
		return el;
	}

	function document.onmousemove() {
		x = window.event.x;
		y = window.event.y;
	}

	function document.onmouseover() {
		fromEl = getReal(event.fromElement);
		toEl = getReal(event.toElement);
		if ((toEl.getAttribute("tooltip")) && (toEl != fromEl)) {
			showTimeout = window.setTimeout("displayTooltip(toEl)", delayTime);
		}
	}

	function document.onmouseout() {
		fromEl = getReal(event.fromElement);
		toEl = getReal(event.toElement);
		if ((fromEl.getAttribute("tooltip")) && (toEl != fromEl)) {
			window.clearTimeout(showTimeout);
			hideTooltip();
		}
	}

	function displayTooltip(el) {
		if (!document.all.internalTooltipSpan) {
			document.body.insertAdjacentHTML("BeforeEnd", tooltipStart + "<b>" + el.getAttribute("tooltipname") + "</b><br>" + el.getAttribute("tooltip") + tooltipEnd);
		}
		else {
			internalTooltipSpan.outerHTML = tooltipStart + "<b>" + el.getAttribute("tooltipname") + "</b><br>" + el.getAttribute("tooltip") + tooltipEnd;
		}
		var toolStyle = el.getAttribute("tooltipstyle");
		if (toolStyle != null) {
			internalTooltipSpan.style.cssText = tooltipDefaultStyle + toolStyle;
		}
		internalTooltipSpan.style.left = x - 3;  //This is placed for the hand cursor :-(
		internalTooltipSpan.style.top = y + 20 + document.body.scrollTop;
		
		dir = getDirection();	//This also fixes the position if the tooltip is outside the window.
		
		if (typeof(swipe) == "function")
			window.setTimeout("swipe(internalTooltipSpan, dir);",1);	// The span must be rendered before
		else if (typeof(fade) == "function")
			window.setTimeout("fade(internalTooltipSpan, true, 5)",1);
		else
			internalTooltipSpan.style.visibility = "visible";

		shown = true;
		hideTimeout = window.setTimeout("hideTooltip()", showTime);
	}

	function hideTooltip() {
		if (shown) {
			window.clearTimeout(hideTimeout);
			internalTooltipSpan.style.visibility = "hidden";
			shown = false;
		}
	}

	function getDirection() {
		var pageWidth, pageHeight, scrollTop;
	//	if (ie) {
			pageHeight    = document.body.clientHeight;
			pageWidth     = document.body.clientWidth;
			toolTipTop    = internalTooltipSpan.style.pixelTop;
			toolTipLeft   = internalTooltipSpan.style.pixelLeft;
			toolTipHeight = internalTooltipSpan.offsetHeight;
			toolTipWidth  = internalTooltipSpan.offsetWidth;
			scrollTop     = document.body.scrollTop;
			scrollLeft    = document.body.scrollLeft;
			
			if (toolTipWidth > pageWidth)
				internalTooltipSpan.style.left = scrollLeft;
			else if (toolTipLeft + toolTipWidth - scrollLeft > pageWidth)
				internalTooltipSpan.style.left = pageWidth - toolTipWidth + scrollLeft;
				
			if (toolTipTop + toolTipHeight - scrollTop > pageHeight) {
				internalTooltipSpan.style.top = toolTipTop - toolTipHeight - 22;
				return 8;
			}
			
			return 2;
	//	}
	}