var picOverOffsetX=5; var picOverOffsetY=5;
var picOverBackground = "#FFFFFF";
var picOverZIndex = '5001000';
var picOverBorder = "1px inset"
var loadingImage = "images/loading.gif";
var IE = document.all?true:false
if (!IE) document.captureEvents(Event.MOUSEMOVE);

var eX=0; //public mouse coords --used by overlay.js
var eY=0; //
function showPicFromId(img){
	showPicOver(loadingImage);
	document.getElementById('thePicOverImg').src = img;
}

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
  eX = tempX
  eY = tempY
  return true
}

function showPicOver(imgSrc){
	var eXX = eX + picOverOffsetX;
	var eYY = eY + picOverOffsetY;
	if(document.getElementById("picOver")){
		return 0;
	}
	hidePicOver();
	picOverWidth = 220;
	picOverHeight = 250;

	var newDiv = document.createElement('div');
	newDiv.setAttribute('id','picOver');
	var divStyle = "text-align: center; vertical-align: middle; position: absolute; left: "+ eXX + "; top: "+ eYY +"; width: " + (picOverWidth+10) + "; height: "+ (picOverHeight+10) +"; background-color: " + picOverBackground +"; z-index: "+picOverZIndex+"; border: " + picOverBorder + "; padding: 10px"; //need to do this for non-ie
	newDiv.setAttribute("style",divStyle); //wont work with ie

	if(newDiv.style.setAttribute){ //non mozilla browsers:
		newDiv.style.setAttribute("position", "absolute");
		newDiv.style.setAttribute("top", eYY +"px");
		newDiv.style.setAttribute("left", eXX +" px");
		newDiv.style.setAttribute("width",picOverWidth);
		newDiv.style.setAttribute("height", picOverHeight);
		newDiv.style.setAttribute("border", picOverBorder ); 
		newDiv.style.setAttribute("background", picOverBackground);
		newDiv.style.setAttribute("z-index", picOverZIndex);
		newDiv.style.zIndex=picOverZIndex;
	}
	newDiv.innerHTML="<table style='width:100%;height:100%;' onclick='hidePicOver()' onmousemove='hidePicOver()'><tr><td style='width:100%;height:100%;text-align:center;'><img id='thePicOverImg' onloadx='document.getElementById(\"picSpanX\").style.display=\"\";document.getElementById(\"loadin\").style.display=\"none\";' src='" + imgSrc + "' width=\"220\"></td></tr></table>";
	document.body.appendChild(newDiv);
}

function showPicFromIdNew(img){
	showPicOverFull(loadingImage);
	document.getElementById('overText').innerHTML = img;
}

function showPicOverFull(imgSrc, iWidth, iHeight){
	var eXX = eX + picOverOffsetX;
	var eYY = eY + picOverOffsetY;
	if(document.getElementById("picOver")){
		return 0;
	}
	hidePicOver();
	var ratioo = (240/iWidth);
	picOverWidth = 240;
	picOverHeight = ratioo*iHeight*1;

	var newDiv = document.createElement('div');
	newDiv.setAttribute('id','picOver');
	var divStyle = "text-align: center; vertical-align: middle; position: absolute; left: "+ eXX + "; top: "+ eYY +"; width: " + (picOverWidth) + "; height: "+ (picOverHeight) +"; background-color: '#EDEF3B'; z-index: "+picOverZIndex+"; border: " + picOverBorder + ";"; //need to do this for non-ie
	newDiv.setAttribute("style",divStyle); //wont work with ie

	if(newDiv.style.setAttribute){ //non mozilla browsers:
		newDiv.style.setAttribute("position", "absolute");
		newDiv.style.setAttribute("top", eYY +"px");
		newDiv.style.setAttribute("left", eXX +" px");
		//newDiv.style.setAttribute("width",picOverWidth);
		//newDiv.style.setAttribute("height", picOverHeight);
		newDiv.style.setAttribute("border", picOverBorder ); 
		newDiv.style.setAttribute("background", picOverBackground);
		newDiv.style.setAttribute("z-index", picOverZIndex);
		newDiv.style.zIndex=picOverZIndex;
	}
	newDiv.innerHTML="<table bgcolor='red' style='width:240;' onclick='hidePicOver()' onmousemove='hidePicOver()'><tr><td style='width:100%;height:100%;text-align:center;'><span id='overText' onloadx='document.getElementById(\"picSpanX\").style.display=\"\";document.getElementById(\"loadin\").style.display=\"none\";'></span></td></tr></table>";
	document.body.appendChild(newDiv);
}


var actualWidthPicOver=false;
var actualHeightPicOver=false;
function hidePicOver(){
	lastProfId=0;
	if(document.getElementById('picOver')){
		actualWidthPicOver = document.getElementById('picOver').offsetWidth;
		actualHeightPicOver = document.getElementById('picOver').offsetHeight;
		document.body.removeChild(document.getElementById('picOver'));
	}
}

document.onmousemove = getMouseXY;

function showOnClick(imgSrc, width, height){
	picOverWidth = width;
	picOverHeight = height;

	var boh = document.body.clientHeight;
	var bow = document.body.clientWidth;

	var eXX = (bow - picOverWidth)/2;
	var eYY = (boh - picOverHeight)/2;

	var newDiv = document.createElement('div');
	newDiv.setAttribute('id','picOnclickOver');
	var divStyle = "text-align: center; vertical-align: middle; position: absolute; left: "+ eXX + "; top: "+ eYY +"; width: " + (picOverWidth+5) + "; height: "+ (picOverHeight+30) +"; background-color: " + picOverBackground +"; z-index: "+picOverZIndex+"; border: " + picOverBorder + ";"; //need to do this for non-ie
	newDiv.setAttribute("style",divStyle); //wont work with ie
											//non ie version after appending child

	//if(document.getElementById("picOver").style.setAttribute) //non mozilla browsers:
	if(newDiv.style.setAttribute){ //non mozilla browsers:
		newDiv.style.setAttribute("position", "absolute");
		newDiv.style.setAttribute("top", eYY +"px");
		newDiv.style.setAttribute("left", eXX +" px");
		newDiv.style.setAttribute("width",picOverWidth);
		newDiv.style.setAttribute("height", picOverHeight);
		newDiv.style.setAttribute("border", picOverBorder ); 
		newDiv.style.setAttribute("background", picOverBackground);
		newDiv.style.setAttribute("z-index", picOverZIndex);
		newDiv.style.zIndex=picOverZIndex;
	}
	newDiv.innerHTML="<table style='width:100%;height:100%;'><tr><td style='width:100%;height:100%;text-align:right;'><a href='javascript:amdelete();'>Close X</td></tr><tr><td style='width:100%;height:100%;text-align:center;'><img id='thePicOverImg' onloadx='document.getElementById(\"picSpanX\").style.display=\"\";document.getElementById(\"loadin\").style.display=\"none\";' src='" + imgSrc + "' width='" + width + "' height='" + height + "'></td></tr></table>";
	document.body.appendChild(newDiv);
}

function amdelete(){
	document.body.removeChild(document.getElementById('picOnclickOver'));
}