// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

// Main function to retrieve mouse x-y pos.s



function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.documentElement.scrollLeft
    tempY = event.clientY + document.documentElement.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} 
   
  if(document.getElementById("rugInfoPanel").style.display == "block" )
    setInfoPannelPos();
  
  return true
}

function setInfoPannelPos() {
    if( tempY > 0 && tempX > 0 ) {
    if( tempY - 500 > 0 && tempY - (document.documentElement.scrollTop +200) > 0)
      document.getElementById("rugInfoPanel").style.top = (tempY - document.getElementById("rugInfoPanel").offsetHeight - 5) + "px";
    else
      document.getElementById("rugInfoPanel").style.top = (tempY + 5) + "px";
      
    if( tempX - 450 > 0 )
      document.getElementById("rugInfoPanel").style.left = (tempX - document.getElementById("rugInfoPanel").offsetWidth - 5) + "px";
    else
      document.getElementById("rugInfoPanel").style.left = (tempX + 5) + "px";
  }
  else 
  {
   document.getElementById("rugInfoPanel").style.top = "-1000px";
  }
}