// Floating Div from http://www.javascript-fx.com

var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
  var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
  var px = document.layers ? "" : "px";
  window[id + "_obj"] = el;
  if(d.layers)el.style=el;
  el.cx = el.sx = sx;el.cy = el.sy = sy;
  el.sP=function(x,y){this.style.right=x+px;this.style.top=y+px;};

  el.floatIt=function()
  {
    var pX, pY;
    pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 
    document.documentElement && document.documentElement.clientWidth ? 
    document.documentElement.clientWidth : document.body.clientWidth;
    pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 
    document.documentElement.scrollTop : document.body.scrollTop;
    if(this.sy<0) 
    pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 
    document.documentElement.clientHeight : document.body.clientHeight;
    this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
    this.sP(this.cx, this.cy);
    setTimeout(this.id + "_obj.floatIt()", 30);
  }
  return el;
}
JSFX_FloatDiv("floatingheading", 0, 222).floatIt();
