var div = null;
var img = null;
var offsetX;
var offsetY;
var right = true;
var below = true;
var viewportWidth;
var viewportHeight;

function findPosX(obj){
	var curLeft = 0;
	if(obj.offsetParent){
		do{
			curLeft += obj.offsetLeft;
		} while (obj = obj.offsetParent);
	}else if(obj.x){
		curLeft += obj.x;
	}
	return curLeft;
}
function init_popup(){
	var ie=document.all;
	var nn6=document.getElementById&&!document.all;

//	alert("POP");
	var imgs = document.getElementsByTagName("img");
	for(i = 0; i < imgs.length; i++){
		if(imgs[i].className == "pu"){
			var e = nn6 ? imgs[i].addEventListener('mouseover', mouseover, false):imgs[i].attachEvent('onmouseover', mouseover);
			var e = nn6 ? imgs[i].addEventListener('mouseout', mouseout, false):imgs[i].attachEvent('onmouseout', mouseout);
			var e = nn6 ? imgs[i].addEventListener('mousemove', mousemove, false):imgs[i].attachEvent('onmousemove', mousemove);
		}
	}
}

function mouseover(oEvent){
	var ie=document.all;
	var nn6=document.getElementById&&!document.all;
	var	oEvent = oEvent || window.event;
	var txtField = oEvent.target || oEvent.srcElement;

	var eX = nn6 ? 	oEvent.pageX : oEvent.clientX + document.body.scrollLeft;
	var eY = nn6 ? 	oEvent.pageY : oEvent.clientY + document.body.scrollTop;

	viewportWidth  = nn6 ? window.innerWidth : document.body.offsetWidth;
	viewportHeight = nn6 ? window.innerHeight : document.body.offsetHeight;

	right = eX < (viewportWidth /2) ? true : false; 	
	below = eY < (viewportHeight/2) ? true : false;	

	if(!div){
		//alert("create div");
		div = document.createElement("div");
		div.id = "popupdiv";
		div.style.position = "absolute";
		mousemove(oEvent);							//make sure x and y are set
		if(!img){	
			img = document.createElement("img");
			img.id = "bigpic";
			div.appendChild(img);
		}
	}
	document.body.appendChild(div);
	var s = new String(txtField.src);
	s = s.replace("_s.jpg","_b.jpg");
	img.src = s;
}

function mousemove(oEvent){
//	alert("pop");
//	return;
	if(!document.getElementById("popupdiv"))
		return;
	var ie=document.all;
	var nn6=document.getElementById&&!document.all;
	oEvent = oEvent || window.event;
	var txtField = oEvent.target || oEvent.srcElement;

	
	var eX = nn6 ? 	oEvent.pageX : oEvent.clientX + document.body.scrollLeft;
	var eY = nn6 ? 	oEvent.pageY : oEvent.clientY + document.body.scrollTop;
	
	var x  = nn6 ? div.offsetWidth : document.getElementById("popupdiv").offsetWidth;
	var y  = nn6 ? div.offsetHeight : document.getElementById("popupdiv").offsetHeight;
//	alert(x + " - " + y);
	
//	var gap = div.style.padding;
//	div.style.left    	= right ? eX + 10 + "px" : eX  - 10 - div.offsetWidth + "px";
//	div.style.top		= below ? eY + 10 + "px" : eY  - 10 - div.offsetHeight+ "px";
	div.style.left    	= right ? eX + 10 + "px" : eX - x -20 + "px";
	div.style.top		= below ? eY + 10 + "px" : eY - y -20 + "px";
	if((parseInt(div.style.top) + y > viewportHeight) && (below))	//if the image would dip under the bottom edge
		div.style.top = viewportHeight - y + "px"; 
	if((parseInt(div.style.top) < 0) && (!below))	//if the image would reach over the top edge
		div.style.top = 0 + "px"; 
//	div.style.width = img.width + 10 + "px";
//	div.style.height = img.height + 10 + "px";
	div.style.display 	= "block";
	
	pg = document.getElementById("pgphoto");
}

function mouseout(oEvent){
	//alert("rem");
	var ie=document.all;
	var nn6=document.getElementById&&!document.all;
	oEvent = oEvent || window.event;
	var txtField = oEvent.target || oEvent.srcElement;
	//div.removeChild(document.getElementById("bigpic"));
	div.parentNode.removeChild(div);
//	var e = nn6 ? txtField.addEventListener('mouseover', mouseover, false):txtField.attachEvent('onmouseover', mouseover);
}

function moveMouse1(oEvent){
//	alert("mousemove");
	oEvent = oEvent || window.event;
	var ie=document.all;
	var nn6=document.getElementById&&!document.all;
	var pX = nn6 ? 	oEvent.pageX : oEvent.clientX + document.body.scrollLeft;
	var pY = nn6 ? 	oEvent.pageY : oEvent.clientY + document.body.scrollTop;
	
	e = document.getElementById("popupdiv");
	e.style.left = pX + 40 +"px";
	e.style.top = pY; + 40 +"px";
}