var popUpWin=0;

function popUpWindow(URLStr, onWhat, width, height, title)

{

  if(popUpWin)

  {

    if(!popUpWin.closed) popUpWin.close();

  }
	var location = getElementPosition(onWhat);
	var left = location.left;
	var top = location.top;
	
  popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,titlebar=no,resizable=no,copyhistory=no,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+'');
  popUpWin.document.write('<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"><html xmlns="http:\/\/www.w3.org\/1999\/xhtml">');
popUpWin.document.write('<head><title>'+title+'<\/title>');
popUpWin.document.write('<style type="text\/css">html, body {margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px;}<\/style><\/head>');
popUpWin.document.write('<body style="overflow:hidden" bgcolor="#ffffff"><img src="'+URLStr+'"\/><\/body><\/html>');
popUpWin.document.close();
	return false;
}

function getElementPosition(elemID) {
    var offsetTrail = document.getElementById(elemID);
    var offsetLeft = 0;
    var offsetTop = 0;
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
	return {left:offsetLeft, top:offsetTop};
}

var DH = 0;
var an = 0;
var al = 0;
var ai = 0;
if (document.getElementById) {
	ai = 1; 
	DH = 1;
	}
else {
	if (document.all) {
		al = 1; 
		DH = 1;
		} 
	else { 
		browserVersion = parseInt(navigator.appVersion); 
		if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {
			an = 1; 
			DH = 1;
			}
		}
	} 

function fd(oi, wS) {
	if (ai) 
		return wS ? document.getElementById(oi).style:document.getElementById(oi); 
		if (al) 
			return wS ? document.all[oi].style: document.all[oi]; 
			if (an) 	
				return document.layers[oi];
	}

function pw() {
	return window.innerWidth != null? window.innerWidth: document.body.clientWidth != null? document.body.clientWidth:null;}

function mouseX(evt) {	
	if (evt.pageX) 	
		return evt.pageX; 
	else 
		if (evt.clientX)
			return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); 
		else 
			return null;
	}

function mouseY(evt) {
	if (evt.pageY) 
		return evt.pageY; 
	else 
		if (evt.clientY)
			return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 	
		else 	
			return null;
	}

function popUp(evt,oi) {	
	if (DH) {
		var wp = pw(); 
		ds = fd(oi,1); 
		dm = fd(oi,0); 
		st = ds.visibility; 
		if (dm.offsetWidth) 
			ew = dm.offsetWidth; 
		else 
			if (dm.clip.width) 
				ew = dm.clip.width; 
		if (st == "visible" || st == "show") { 
			ds.visibility = "hidden"; 
			} 
		else {
			tv = mouseY(evt) + 20; 
			lv = mouseX(evt) - (ew/4); 
			if (lv < 2) 
				lv = 2; 
			else 
				if (lv + ew > wp) 	
					lv -= ew/2; 
			if (!an) {
				lv += 'px';
				tv += 'px';
				} 
			ds.left = lv; 
			ds.top = tv; 
			ds.visibility = "visible";
			}
		}
	}