box_width = 350;
y_offset = 20;

function getObj( idName ){  

  if ( document.getElementById ) {
    oj = document.getElementById( idName ).style ;
  } else if ( document.all ) {
    oj = document.all( idName ).style ;
  } else if ( document.layers ) {
    oj = document.layers[ idName ] ;
  }
}

function moveLAYER(idName){

  getObj ( idName ) ;

  oj.position="absolute";
  oj.border="1px solid #333";
  oj.width = box_width + "px";

  if(!(navigator.appVersion.indexOf("Safari") >= 0)){
    if(document.all){
      y += Math.max(document.documentElement.scrollTop , document.body.scrollTop);
    }else if(document.layers || document.getElementById){
      y += pageYOffset;
    }
  }
  y += "px";
  x += "px";

  if(document.getElementById){ 
    oj.left = x ;
    oj.top = y ;
  }else if(document.all){
    oj.pixelLeft = x ;
    oj.pixelTop = y ;
  }else if(document.layers)oj.moveTo(x,y) ;
}

function resetLAYER(idName){
  getObj ( idName ) ;
  oj.position="static";
  oj.border="1px solid #FFF";
  oj.width="";
}

function getXY (theEv) {
  if (document.all) theEv = event ;
  x = Math.min( theEv.clientX , box_width ) ;
  y = theEv.clientY + y_offset ;
}

if(!document.all) window.document.captureEvents(Event.MOUSEMOVE);
window.document.onmousemove = getXY;

