var xmlHttp

function showUser(str)
{
 Relocate();
 document.body.onscroll = Relocate;
 window.onscroll = Relocate;
 
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 }
var url="popUpPHP.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}

function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("trip").innerHTML=xmlHttp.responseText 
 document.getElementById("trip").style.display="block"
 Relocate();
 document.body.onscroll = Relocate;
 window.onscroll = Relocate;
 
 } 
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}


function Relocate() {
 var scrolledX, scrolledY;
 if( self.pageYOffset ) {
   scrolledX = self.pageXOffset;
   scrolledY = self.pageYOffset;
 } else if( document.documentElement && document.documentElement.scrollTop ) {
   scrolledX = document.documentElement.scrollLeft;
   scrolledY = document.documentElement.scrollTop;
 } else if( document.body ) {
   scrolledX = document.body.scrollLeft;
   scrolledY = document.body.scrollTop;
 }

 // We just add the scrolled amount to 5 (the desired padding)
 // to find the new coordinates

 var leftOffset = scrolledX + 5;
 var topOffset = scrolledY + 100;

 document.getElementById("trip").style.top = topOffset + "px";
 document.getElementById("trip").style.right = leftOffset + "px";
}

function fireMyPopup_2() {
 Relocate();
 document.getElementById("trip").style.display = "block";
 document.body.onscroll = Relocate;
 window.onscroll = Relocate;
}