var dom = (document.getElementById) ? true : false;
var ns5 = (!document.all && dom || window.opera) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false;

// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }

var OverlayItems = new Array();
function addOverlay( key, item )
{
	OverlayItems[key] = item;
}
  
function doPopupPage(x, y, width, height, borderWidth, backgroundColor, borderColor, image, page) 
{ 
	var item = "<table width='100%' height='100%' cellspacing='0' cellpadding='2'><tr bgcolor='#8EA0C6'><td colspan='2' align='right'><input type='image' src='/TS/Content/Images/Icons/Close.gif' width='10' style='border: black solid 1px;' onClick='hideOverlay();'/></td></tr><tr><td><iframe src='" + page + "' width='100%' height='" + height + "'></iframe></td></tr></table>";
	addOverlay(	"Popup", item );
	doOverlay(x, y, width, borderWidth, backgroundColor, borderColor, 'solid', "Popup", image) 
}

function doPopupContent(x, y, width, borderWidth, backgroundColor, borderColor, image, content) 
{
    var item = "<table width='100%' height='100%' cellspacing='0' cellpadding='2'><tr bgcolor='#8EA0C6'><td colspan='2' align='right'><input type='image' src='/TS/Content/Images/Icons/Close.gif' width='10' style='border: black solid 1px;' onClick='hideOverlay();'/></td></tr><tr><td bgcolor='" + backgroundColor + "'>" + content + "</td></tr></table>";
	addOverlay(	"Popup", item );
	doOverlay(x, y, width, borderWidth, backgroundColor, borderColor, 'solid', "Popup", image) 
}

function doToolTip(x, y, width, borderWidth, backgroundColor, borderColor, image, content) 
{
    var item = "<table width='100%' height='100%' cellspacing='0' cellpadding='16'><tr><td bgcolor='" + backgroundColor + "'>" + content + "</td></tr></table>";
	addOverlay(	"ToolTip", item );
	doOverlay(x, y, width, borderWidth, backgroundColor, borderColor, 'solid', "ToolTip", image) 
}

function doOverlay(x, y, width, borderWidth, backgroundColor, borderColor, borderStyle, key, imgname) 
{ 
	showOverlay("", x, y, width, borderWidth, backgroundColor, borderColor, borderStyle, key, imgname) 
}

function showOverlay(FixedPosition, x, y, width, borderWidth, backgroundColor, borderColor, borderStyle, key, imgname) 
{
    var overlay = (ie4) ? document.all['overlayDiv'] : (ie5 || ns5) ? document.getElementById('overlayDiv') : null;
	if (!overlay) return;

	overlay.style.width = width+"px";
	overlay.style.borderWidth = borderWidth + "px";
	overlay.style.backgroundColor = backgroundColor;
	overlay.style.borderColor = borderColor;
	overlay.style.borderStyle = borderStyle;	
  	overlay.style.visibility = 'visible';
		
	if (ie4||ie5||ns5) overlay.innerHTML = OverlayItems[key];

	var mouseX = moveXbyEventPos(x, imgname);
	var mouseY = moveYbyEventPos(y, imgname);

	if( FixedPosition == "Horizantal" )	
	{
		overlay.style.left = x + "px"; 
		overlay.style.top = mouseY + "px";
	}
	else if( FixedPosition == "Vertical" )
	{
		overlay.style.left = mouseX + "px";	
		overlay.style.top = y + "px";
	}
	else if( FixedPosition == "Both" )
	{
		overlay.style.left = x + "px";	
		overlay.style.top = y + "px";
	}
	else
	{
		var standardbody = (document.compatMode == "CSS1Compat") ? document.documentElement : document.body //create reference to common "body" across doctypes
		
		// tooltip width and height
		var tpWd = (ie4||ie5)? overlay.clientWidth : overlay.offsetWidth;
		var tpHt = (ie4||ie5)? overlay.clientHeight : overlay.offsetHeight;
	    
		// document area in view (subtract scrollbar width for ns)
		var winWd = (ns5)? window.innerWidth - 20 + window.pageXOffset: standardbody.clientWidth + standardbody.scrollLeft;
		var winHt = (ns5)? window.innerHeight - 20 + window.pageYOffset: standardbody.clientHeight + standardbody.scrollTop;

		/*if ((mouseX + tpWd)>winWd) overlay.style.left = mouseX-(tpWd )+"px"; else*/overlay.style.left = mouseX + "px";
		overlay.style.top = (mouseY + tpHt) > winHt ? winHt -( tpHt + 10 ) + "px" : mouseY + "px";
	}   
}

function hideOverlay() 
{
  	var overlay = (ie4)? document.all['overlayDiv']: (ie5||ns5)? document.getElementById('overlayDiv'): null;
	if (!overlay) return;   
	
    overlay.style.visibility='hidden';
}
document.write('<div id="overlayDiv" style="position:absolute; visibility:hidden; z-index:999"></div>');