// Need to check if this works correctly
var isNotNav = false;
var useIframe = false;

function showToolTip(offx,height,width,title,src,alt,event)
	{	
		isNotNav = (document.getElementById && document.getElementById("object1") && (event.clientX));
		useIframe = (isNotNav && document.getElementById("object2") && document.getElementById("object2").style.height && document.getElementById("object2").style.top);
		useIframe = (useIframe && navigator && navigator.appName == 'Microsoft Internet Explorer')
		window.status = ' ';
		//var bgColour = "#296DBD";
		//if(isHome) bgColour = "#F7B510"; now in the css class 'DarkBackground'
		var desc = "<table border=0 cellpadding=1 cellspacing=2 bgcolor='white'><tr><td><table class='borderblk' cellpadding=2 cellspacing=0 border=0 width=100% height=100% bgcolor=white><tr><td class='DarkBackground'>" + title + "</td></tr><tr><td>";
		desc += "<img id='sampleView' src='" + src + "' alt='" + alt + "' width='" + width + "' height='" + height + "'>";
		desc += "</td></tr></table></td></tr></table>";

		if(isNotNav){
			var iframeWidth = width + 12;
			var iframeHeight = height + 28;
			document.getElementById("object1").innerHTML=desc;
			if(useIframe)
			{
				document.getElementById("object2").style.width = iframeWidth + "px";
				document.getElementById("object2").style.height = iframeHeight + "px";
			}
			var offy = getMousePosT(event, "y");
			if(offy < height + 28) offy = 0;
			else offy -= height + 28;
			moveToolTip(offx + getMousePosT(event, "x"),offy, event);
			event.cancelBubble = true;
			event.returnValue = false;
			if (event.preventDefault) event.preventDefault();
			}}

function showTextTip(offx,offy,height,width,title,txt,event)
	{			
		isNotNav = (document.getElementById && document.getElementById("object1") && (event.clientX));
		if(isNotNav)
		{
			useIframe = (isNotNav && document.getElementById("object2") && document.getElementById("object2").style.height && document.getElementById("object2").style.top);
			useIframe = (useIframe && navigator && navigator.appName == 'Microsoft Internet Explorer');
			window.status = ' ';
			//var bgColour = "#296DBD";
			//if(isHome) bgColour = "#F7B510"; now in the css class 'DarkBackground'
			var desc = "<table border=0 cellpadding=1 cellspacing=2 width=" + width + " height=" + height + " bgcolor='white'><tr><td><table class='borderblk' cellpadding=2 cellspacing=0 border=0 width=100% height=100% bgcolor=white><tr><td class='DarkBackground' style='height:22px;padding-left:3px;padding-right:3px'><b>" + title + "</b></td></tr><tr><td class='maintxt' style='padding-top:3px;padding-bottom:3px;padding-left:3px;padding-right:3px'>";
			desc += txt
			desc += "</td></tr></table></td></tr></table>";
			document.getElementById("object1").innerHTML=desc;
			if(useIframe)
			{
				document.getElementById("object2").style.width = width + "px";
				document.getElementById("object2").style.width = height + "px";
			}
			moveToolTip(event.clientX + parseInt(offx), event.clientY + parseInt(offy), event);
		}
	}
			
function moveToolTip(posX,posY, event)
	{
		if(isNotNav)
		{
			document.getElementById("object1").style.left = parseInt(posX) + document.body.scrollLeft + "px";
			document.getElementById("object1").style.top = parseInt(posY) + document.body.scrollTop + "px";
			if(useIframe)
			{
				document.getElementById("object2").style.left = parseInt(posX) + document.body.scrollLeft + "px";
				document.getElementById("object2").style.top = parseInt(posY) + document.body.scrollTop + "px";
			}
		}
	}

function doNothing()
	{
		window.status=' ';
	}

function getMousePosT(event, CoordType)
{
	retVal = -1;
	if(event.clientX && event.clientY)
	{
		if(CoordType == "x")
			retVal = event.clientX;
		if(CoordType == "y")
			retVal = event.clientY;
	}
	return retVal;
}

function hideToolTip()
	{
		if(isNotNav){
			document.getElementById("object1").style.top= -200 - document.body.scrollTop;
			document.getElementById("object1").innerHTML="";
			if(useIframe)
			{
				document.getElementById("object2").style.top= -200 - document.body.scrollTop;
				document.getElementById("object2").style.width = "0px";
				document.getElementById("object2").style.height = "0px";
			}
		}}
