//<!--
	var oImLayer;
	var bLockOn;
	var bAlreadySaidAboutMSIE = false;

	var bGoodBrowser;
	if (is_ie5up || is_gecko)
	{
		bGoodBrowser = true;
	}
	else
	{
		bGoodBrowser = false;
	}
	
	function init()
	{
		// alert ("in init!");
		if (bGoodBrowser)
		{
			parent.frames["frmTopLeft"].document.getElementById("DocRoots").innerHTML = PageRoots;
			parent.frames["frmTopLeft"].document.getElementById("DocOwner").innerHTML = PageOwner;
			parent.frames["frmTopLeft"].document.getElementById("Icon").innerHTML = "";

			if (document.getElementById("FileType").value == "still")
			{
				oImCell = document.getElementById("imageCell");
				oImLayer = document.getElementById("imageLayer");
				oImLayer.onmousemove = overImageLayer;
				bLockOn = false;
			}
			else if (document.getElementById("FileType").value == "wmp" || document.getElementById("FileType").value == "qt") 
			{
				if (is_ie)
				{
					oPlayer = document.getElementById("MediaPlayer");
				}
				else
				{
					oPlayer = document.getElementById("MediaPlayerEmbed");
				}
			}
		}
	}

	// Get the absolute left coordinate of the object
	function absoluteLeft(oNode)
	{
		var oCurrentNode = oNode;
		var iLeft = 0;
		while (oCurrentNode.tagName != "BODY")
		{
			iLeft += oCurrentNode.offsetLeft;
			//status = "oCurrentNode.offsetParent.id = " + oCurrentNode.offsetParent.id + 
			//		", oCurrentNode.id = " + oCurrentNode.id +
			//		", oCurrentNode.tagName = " + oCurrentNode.tagName;
			oCurrentNode = oCurrentNode.offsetParent;
		}
		return iLeft;
	}

	// Get the absolute top coordinate of the object
	function absoluteTop(oNode)
	{
		var oCurrentNode = oNode;
		var iTop = 0;
		while (oCurrentNode.tagName != "BODY")
		{
			iTop += oCurrentNode.offsetTop;
			oCurrentNode = oCurrentNode.offsetParent;
		}
		return iTop;
	}

	function overImageLayer(e)
	{
		var iAbsMouseX, iAbsMouseY;
		var iOffsetX, iOffsetY;

		if (bLockOn)
		{
			return;
		}

		if (is_gecko)
		{
			//alert ("I am Gecko!");
			iAbsMouseX = e.pageX;
			iAbsMouseY = e.pageY;

			iOffsetX = iAbsMouseX - absoluteLeft(oImLayer);		
			iOffsetY = iAbsMouseY - absoluteTop(oImLayer);
		}
		else
		{
			iAbsMouseX = document.body.scrollLeft + window.event.clientX;
			iAbsMouseY = document.body.scrollTop + window.event.clientY;

			iOffsetX = iAbsMouseX - absoluteLeft(oImCell) - 3; // Here 3 is offset from the cell to image client area
			iOffsetY = iAbsMouseY - absoluteTop(oImCell) - 3;	
		}
		

		//status = "iAbsMouseY = " + iAbsMouseY + ", oImLayer.offsetTop = " + oImLayer.offsetTop + 
		//	", absoluteTop of oImCell = " + absoluteTop(oImCell) +		
		//	", oImCell.clientTop = " + oImCell.clientTop +
		//	", iOffsetY = " + iOffsetY;

		// Loop over all rectangles
		var aRectangles = oImLayer.getElementsByTagName("DIV");			// Collection of all rectangles
		var i;
		for (i = 0; i < aRectangles.length; i++)
		{
			// Rectangle measures
			var iX = parseInt(aRectangles[i].style.left);
			var iY = parseInt(aRectangles[i].style.top);
			var iXX = iX + parseInt(aRectangles[i].style.width);
			var iYY = iY + parseInt(aRectangles[i].style.height);

			// Get the corresponding paragraph ID
			var sIndiId = "N" + aRectangles[i].id.substring(1);		// Get rid of the leading R and prepend "N"

			// Check whether the mouse is within the rectangle
			if (iX < iOffsetX && iXX > iOffsetX	&& iY < iOffsetY && iYY > iOffsetY)
			{
				aRectangles[i].style.visibility = "visible";
				// Flash the corresponding name
				document.getElementById(sIndiId).style.borderColor = "red";
			}
			else
			{
				aRectangles[i].style.visibility = "hidden";
				// Stop flashing the name
				document.getElementById(sIndiId).style.borderColor = "#FFFFCC";
			}
		}
	}

	function overName(oNamePara, iId)
	{
		if (document.getElementById("FileType").value == "still")
		{
			if (bLockOn)
			{
				return;
			}
			// Show the rectangle
			document.getElementById('R' + iId).style.visibility="visible";
		}

		else if (document.getElementById("FileType").value == "wmp")
		{
			//alert (oPlayer);
			oPlayer.controls.play();
			setTimeout('', 5000);
			oPlayer.controls.currentPosition = document.getElementById("Frame_" + iId).value - 0.1;
						// - 0.1 compensates for 100 ms lost in the following setTimeout.
			setTimeout('oPlayer.controls.pause();', 100);

		}
		else if (document.getElementById("FileType").value == "qt")
		{
			oPlayer.SetTime(document.getElementById("Frame_" + iId).value);
			oPlayer.Stop();
		}

		// Flash the name
		oNamePara.style.borderColor= "red";
	}

	function outofName(oNamePara, iId)
	{
		if (document.getElementById("FileType").value == "still")
		{
			if (bLockOn)
			{
				return;
			}
			// Hide the rectangle
			document.getElementById('R' + iId).style.visibility="hidden";
		}
		// Stop flashing the name
		oNamePara.style.borderColor= "#FFFFCC";
		
	}

	function lockPointer(iId)
	{
		if (bLockOn)
		{
			bLockOn = false;
			
			// Unflash all rectangles and names
			var aRectangles = oImLayer.getElementsByTagName("DIV");

			// Loop over all rectangles
			var i;
			for (i = 0; i < aRectangles.length; i++)
			{
				aRectangles[i].style.visibility = "hidden";
				// Stop flashing the name
				var sIndiId = "N" + aRectangles[i].id.substring(1);		// Get rid of the leading R and prepend "N"
				document.getElementById(sIndiId).style.borderColor = "#FFFFCC";
			}
		} 
		else
		{
			bLockOn = true;
			if (is_ie5up)
			{
				document.getElementById('R' + iId).scrollIntoView(true);
			}

		}

	}

	function showHelp()
	{
		window.open("../html/picpagehelp.html", "picpagehelp", "width=400,height=360");
	}

//-->