// JavaScript Document


//*********** mouse coord. related functions for FireFox
var mouseX, mouseY;

function getMousePos(e)
{
	if (!e)
		
		var e = window.event||window.Event;
	
	if('undefined'!=typeof e.pageX){

		mouseX = e.pageX;
		mouseY = e.pageY;
	}
	else{
		
		mouseX = e.clientX + document.body.scrollLeft;
		mouseY = e.clientY + document.body.scrollTop;
	}

}

// You need to tell Mozilla to start listening:

if(window.Event && document.captureEvents)

	document.captureEvents(Event.MOUSEMOVE);

// Then assign the mouse handler

document.onmousemove = getMousePos;
//*************************************

//shows a zoom of the image on mouseover
function zoom(user_id, photo_id){	
	
	
//create xmlHttp object
var xmlHttp;
var browserName=navigator.appName; 


if (browserName=="Netscape" || browserName=="Safari" || browserName=="Opera" || browserName=="Firefox")
{
	xmlHttp=new XMLHttpRequest();
}
else if(browserName=="Microsoft Internet Explorer"){

	xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

}
	
	

	
	if(document.getElementById("zoom_photo").style.visibility=="hidden"){
				
		
		document.getElementById("zoom_photo").style.visibility="visible";
	
		
		if (browserName=="Netscape" || browserName=="Firefox")
		{
			
				document.getElementById("zoom_photo").style.left=mouseX+"px";
				document.getElementById("zoom_photo").style.top=mouseY+"px";	
			
		}
		else{
		
				document.getElementById("zoom_photo").style.left=event.clientX+"px";
				document.getElementById("zoom_photo").style.top=event.clientY+"px";	
		
		}
		
	
		
		//document.getElementById("zoom_photo").innerHTML="_"+user_id+"_"+photo_id;
			
		
		//on readystate function
		xmlHttp.onreadystatechange=function(){
		
			if(xmlHttp.readyState==4){
		
				//alert(xmlHttp.responseText);				
				document.getElementById("zoom_photo").innerHTML=xmlHttp.responseText;				
										
			}
		}
				
			
		xmlHttp.open("POST","prev_prof.php",true);
		xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");       
		xmlHttp.send("&user_id="+user_id+"&photo_id="+photo_id+"");
		
		
		//show loading 
		document.getElementById("zoom_photo").innerHTML="<img src='/images/loading.gif' />";	
		

	}
	else if(document.getElementById("zoom_photo").style.visibility=="visible"){
		
		document.getElementById("zoom_photo").style.visibility="hidden";
		
	}
	
}

//moves the zoom div along with mouse
function snap_div_to_mouse(){
	
		
		var browserName=navigator.appName;


		if (browserName=="Netscape" || browserName=="Firefox")
		{
			
				document.getElementById("zoom_photo").style.left=mouseX+15+"px";
				document.getElementById("zoom_photo").style.top=mouseY+15+"px";
			
		}
		else{
		
				document.getElementById("zoom_photo").style.left=event.clientX+15+"px";
				document.getElementById("zoom_photo").style.top=event.clientY+15+"px";	
		
		}


}