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;

var origWidth, origHeight;

if (nodyn) { event = "nope" }

var photoWidth= 282;
var offX= 235;
var offY= -40; 

// preload images from arrays defined in execute.cfm
if (document.images) {
	var theImgs = new Array();
	for (var i=0; i<photo.length; i++) {
  	theImgs[i] = new Image();
		theImgs[i].src = photo[i][0];
  }
}

var photoPopup, photocss;

function initPopup() {
	if (nodyn) return;
	photoPopup = (ie4)? document.all['photoDiv']: (ie5||ns5)? document.getElementById('photoDiv'): null;
	photocss = photoPopup.style;
	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites
		photocss.width = photoWidth+"px";
		photocss.borderWidth = "0px";
		photocss.padding = "0px";
		photocss.borderStyle = "none";
	}
}

window.onload = initPopup;


var t1,t2;	// for setTimeouts
var photoOn = false;

function showPetPhoto(evt,num) {
	if (!photoPopup) return;
	if (t1) clearTimeout(t1);	
	if (t2) clearTimeout(t2);
	photoOn = true;

	var startStr = '<span id="petPhotoSpan' + num + '"><img id="petPhoto" src="';
	var endStr = '" border="0" /></span>';

	if (ie4||ie5||ns5) {
		var photoHTML = startStr + photo[num][0] + endStr;
	 	photoPopup.innerHTML = photoHTML;
	}
	positionPopup(evt,num);
}

function positionPopup(evt,num) {
	standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body

	var ppWd = (ie4||ie5)? photoPopup.clientWidth: photoPopup.offsetWidth;
	var ppHt = (ie4||ie5)? photoPopup.clientHeight: photoPopup.offsetHeight;

	var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;
	var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;
	
	photocss.left = findLeft(num)+offX+"px";
	photocss.top = findTop(num)+offY+"px";
	
	t1=setTimeout("photocss.visibility='visible'",100);
}

function hidePetPhoto() {
	if (!photoPopup) return;
	t2=setTimeout("photocss.visibility='hidden'",100);
	photoOn = false;
}

function findLeft(num) {
	var objName = 'petPhotoLink' + num;
	var obj = document.getElementById(objName);
	var curleft = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
		} while (obj = obj.offsetParent);
	}

	return curleft;
}

function findTop(num) {
	var objName = 'petPhotoLink' + num;
	var obj = document.getElementById(objName);
	var curtop = 0;
	if (obj.offsetParent) {
		do {
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}

	return curtop;
}

document.write('<div id="photoDiv" style="position:absolute; visibility:hidden; z-index:100"></div>');
