var popHttp;
var userIdSent;
var xt=0;
var yt=0;
function Change_Big_One(urid,event){


 xt = event.clientX;
 yt = event.clientY+scrollH;

 xt = xt+3;
 yt = yt+3;

 if(userIdSent != urid)
 {
 document.getElementById('bigImage').innerHTML = '<img id="images" align="center" width="50" height="50" src="images/ajax-loader.gif" style="border:0px solid;">';	
 }
 var dwidth = document.getElementById('bigImage').offsetWidth;
 var dheight = document.getElementById('bigImage').offsetHeight;
 var tempW = dwidth;
 //var tempH = dheight/2;
 document.getElementById('bigImage').style.top = yt+"px";
 document.getElementById('bigImage').style.left = xt-tempW+"px";
 document.getElementById('bigImage').style.display = 'block';	
 getUserPopUp(urid);
	
}

function hideImage()
{
 document.getElementById('bigImage').style.display = 'none';	
}

function getUserPopUp(uid)
{
  if(userIdSent != uid)
	{
	  var url = "index.php?action=bigImage&userid="+uid;
	  var par = "userid="+uid;
	 
	  getPopUp(url,par);
	  userIdSent = uid;
	}
}

function createRequestObjectPopUp()
{
	
	var browser=navigator.appName;
	if(browser=="Microsoft Internet Explorer")
	{
 		popHttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	else
	{
 		popHttp=new XMLHttpRequest();
	}

	return popHttp;
}


function getPopUp(url,parameter)
{
	  try
		{
		      createRequestObjectPopUp();
		  	  popHttp.open('POST',url,true);
			  popHttp.onreadystatechange = handleResponsePopUp;
			  popHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			  popHttp.setRequestHeader("Content-length", parameter.length);
			  popHttp.setRequestHeader("Connection", "close");
			  popHttp.send(parameter);
		 }
		 catch(e)
		 {
			  var str="";
			  for(prop in e)
			  {
			    str+=prop+" value :"+e[prop]+"\n";
			  }
		 }
	
}



function handleResponsePopUp()
{
	var response;
	
	if(popHttp.readyState == 4)
	{  
	  if (popHttp.status == 200)
	      {
	         response = popHttp.responseText;
		     document.getElementById('bigImage').innerHTML = response;
             var dwidth = document.getElementById('bigImage').offsetWidth;
			 var dheight = document.getElementById('bigImage').offsetHeight;
			 var tempW = dwidth;
			// var tempH = dheight/2;
			 document.getElementById('bigImage').style.top = yt+"px";
			 document.getElementById('bigImage').style.left = xt-tempW+"px";
			 
          }
	}
}