// JavaScript Document
var viewHeight;
var viewScroll;
function mouseX(e){
	if(e.pageX)return e.pageX;
	else if(e.clientX)return e.clientX+(document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft);
	else return null;
}
function mouseY(e){
	if(e.pageY)return e.pageY;
	else if(e.clientY)return e.clientY+(document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop);
	else return null;
}
function showPopup(e,imgSrc){
	var imagePopup=document.getElementById("image-popup");
	//Position the image popup under the mouse
	viewScroll=document.body.scrollTop;
	if(viewScroll==0){
		if(window.pageYOffset)
			viewScroll=window.pageYOffset;
		else
			viewScroll=(document.body.parentElement)?document.body.parentElement.scrollTop:0;
	}
	viewHeight=window.innerHeight?window.innerHeight:document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight;
	var middleY=viewHeight/2;
	var middleX=document.body.offsetWidth/2;
	imagePopup.src=imgSrc;
	(mouseY(e)-viewScroll)>middleY?imagePopup.style.top=(mouseY(e)-imagePopup.offsetHeight-6)+"px":imagePopup.style.top=(mouseY(e)+6)+"px";
	mouseX(e)>middleX?imagePopup.style.left=(mouseX(e)-imagePopup.offsetWidth-6)+"px":imagePopup.style.left=(mouseX(e)+6)+"px";
	imagePopup.style.visibility="visible";
}
function closePopup(){
	var imagePopup=document.getElementById("image-popup");
	//Make the popup invisible, and position it at the top left corner of the screen
	imagePopup.style.top="0px";
	imagePopup.style.left="0px";
	imagePopup.style.visibility="hidden";
	imagePopup.src="images/portfolio/loading.gif";
}
function repositionPopup(e){
	var imagePopup=document.getElementById("image-popup");
	//Re-position the image popup under the mouse
	if(viewScroll==0){
		if(window.pageYOffset)
			viewScroll=window.pageYOffset;
		else
			viewScroll=(document.body.parentElement)?document.body.parentElement.scrollTop:0;
	}
	viewHeight=window.innerHeight?window.innerHeight:document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight;
	var middleY=viewHeight/2;
	var middleX=document.body.offsetWidth/2;
	(mouseY(e)-viewScroll)>middleY?imagePopup.style.top=(mouseY(e)-imagePopup.offsetHeight-6)+"px":imagePopup.style.top=(mouseY(e)+6)+"px";
	mouseX(e)>middleX?imagePopup.style.left=(mouseX(e)-imagePopup.offsetWidth-6)+"px":imagePopup.style.left=(mouseX(e)+6)+"px";
}