addLoadListener(setPop);


var X;
var Y;
var speed = 50;
var pictOffset = 15;
var shadowOffset = 18;
var targetWidth;
var targetHeight;




function setPop()  {
	if (!document.getElementsByTagName)  {
		return;
	}
	
	var allLinks = document.getElementsByTagName('a');
	for (var i = 0; i < allLinks.length; i++) {
		var currLink = allLinks[i];
		if (currLink.className && (" " + currLink.className + " ").indexOf(" pop ") != -1)  {
			if (currLink.hasChildNodes && currLink.childNodes.length == 1 && currLink.childNodes[0].nodeName.toLowerCase() == 'img') {
				currLink.onclick = doPop;
				//currLink.onmouseout = hidePop;			

				
				// preload images:
				myImage = "currRollImage_" + i;
				myImage = new Image();
				myImage.src = currLink.childNodes[0].src.replace(/(\.[^.]+)$/, '_marquee$1');;
			}
		}
	}
}		// end setRollovers

function doPop(e)  {
	
	var currTarget = findTarget(e);
	if (!currTarget) return;
	var currImage = currTarget.childNodes[0];
	//currImage.src = currImage.src.replace(/(\.[^.]+)$/, '_large$1');
	
	currObj = document.getElementById("divPop");
	var newImage = currImage.src.replace(/(\.[^.]+)$/, '_marquee$1');
	
	currObj.innerHTML = "<img src=" + newImage + " />";
	currObj.style.visibility = "visible";
	
	currX = findX(document.getElementById("logoPict"))[0];
	currY = findX(document.getElementById("logoPict"))[1];
	
	currObj.style.left = (currX + 110) + "px";
	currObj.style.top = (currY + 150) + "px";
	
	currObj.style.width = "50px";
	currObj.style.height = "25px";
	currObj.style.clip = "rect(auto,50px,25px,auto)";
	setTimeout("sizeOne()", speed);
	
	
	
	return false;
}

function sizeOne() {
	//alert("got here");
	currObj = document.getElementById("divPop");
	currObj.style.width = "200px";
	currObj.style.height = "130px";
	currObj.style.clip = "rect(auto,200px,130px,auto)";
	setTimeout("sizeTwo()", speed);	
}

function sizeTwo() {
	currObj = document.getElementById("divPop");
	currObj.style.width = "auto";
	currObj.style.height = "auto";
	currObj.style.clip = "rect(auto,auto,auto,auto)";
	document.getElementById("divClose").style.visibility = "visible";
	document.getElementById("divShadow").style.visibility = "visible";
	//document.getElementById("divTrans").style.visibility = "visible";
	
	document.getElementById("divClose").style.left = (parseInt(currObj.style.left) + 758) + "px";
	document.getElementById("divClose").style.top = (parseInt(currObj.style.top) + 6) + "px";
	document.getElementById("divShadow").style.left = (parseInt(currObj.style.left) - 20) + "px";
	document.getElementById("divShadow").style.top = (parseInt(currObj.style.top) - 20) + "px";
	
	//document.getElementById("divTrans").style.left = "1px";
	//document.getElementById("divTrans").style.top = "1px";
	//document.getElementById("transBlack").width = window.innerWidth - 16;
	//document.getElementById("transBlack").height = window.innerHeight -16;
	
}

function hidePop(e) {
	document.getElementById("divPop").style.visibility = "hidden";
	document.getElementById("divClose").style.visibility = "hidden";
	document.getElementById("divShadow").style.visibility = "hidden";
	//document.getElementById("divTrans").style.visibility = "hidden";
}

function findX(obj) {
	var currleft = currtop = 0;
	if (obj.offsetParent) {
		currleft = obj.offsetLeft;
		currtop = obj.offsetTop;
		while (obj = obj.offsetParent) {
			currleft += obj.offsetLeft;
			currtop += obj.offsetTop;
		}
	}
	return [currleft, currtop];
}