Problema com janela flutuante

[smashbhz 0]

Olá!

 

Achei um código em javascript de uma janela flutuante muito interessante que roda 4 banners, só que estou com um problema a janela não esta flutuando, ela fica estatica onde coloco o js na minha página html. Como não entendo de javascript gostaria que alguem com conhecimento me ajudasse. Segue abaixo o código:

on closeDiv() {
       document.getElementById('floatLayer').style.left = "-1000";
       return false;
   }

var how_many_ads = 4;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
url="http://www.pagina1.htm";
banner="http://www.foto1.jpg";
}
if (ad==2) {
url="http://www.pagina2.htm";
banner="http://www.foto2.jpg";
}
if (ad==3) {
url="http://www.pagina3.htm";
banner="http://www.foto3.jpg";
}
if (ad==4) {
url="http://www.pagina4.htm";
banner="http://www.foto4.jpg";
}
   window.onerror = null;
   var topMargin = 10;
   var slideTime = 3000;
   var ns6 = (!document.all && document.getElementById);
   var ie4 = (document.all);
   var ns4 = (document.layers);

   function layerObject(id,left) {
       if (ns6) {
           this.obj = document.getElementById(id).style;
           this.obj.left = left;
           return this.obj;
           }
       else if(ie4) {
           this.obj = document.all[id].style;
           this.obj.left = left;
           return this.obj;
           }
       else if(ns4) {
           this.obj = document.layers[id];
           this.obj.left = left;
           return this.obj;
           }
       }

   function layerSetup() {
       floatLyr = new layerObject('floatLayer', pageWidth * .11);
       window.setInterval("main()", 10)
       }

   function floatObject() {
       if (ns4 || ns6) {
           findHt = window.innerHeight;
       } else if(ie4) {
           findHt = document.body.clientHeight;
          }
       }

   function main() {
       if (ns4) {
           this.currentY = document.layers["floatLayer"].top;
           this.scrollTop = window.pageYOffset;
           mainTrigger();
           }
       else if(ns6) {
           this.currentY = parseInt(document.getElementById('floatLayer').style.top);
           this.scrollTop = scrollY;
           mainTrigger();
       } else if(ie4) {
           this.currentY = floatLayer.style.pixelTop;
           this.scrollTop = document.body.scrollTop;
           mainTrigger();
          }
       }

   function mainTrigger() {
       var newTargetY = this.scrollTop + this.topMargin;
       if ( this.currentY != newTargetY ) {
           if ( newTargetY != this.targetY ) {
               this.targetY = newTargetY;
               floatStart();
           }
           animator();
           }
       }

   function floatStart() {
       var now = new Date();
       this.A = this.targetY - this.currentY;
       this.B = Math.PI / ( 2 * this.slideTime );
       this.C = now.getTime();
       if (Math.abs(this.A) > this.findHt) {
           this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt;
           this.A = this.A > 0 ? this.findHt : -this.findHt;
           }
       else {
           this.D = this.currentY;
          }
       }

   function animator() {
       var now = new Date();
       var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;
       newY = Math.round(newY);
       if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
       if ( ie4 )document.all.floatLayer.style.pixelTop = newY;
       if ( ns4 )document.layers["floatLayer"].top = newY;
       if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px";
          }
       }

   function start() {
       if(ns6||ns4) {
           pageWidth = innerWidth;
           pageHeight = innerHeight;
           layerSetup();
           floatObject();
           }
       else if(ie4) {
           pageWidth = document.body.clientWidth;
           pageHeight = document.body.clientHeight;
           layerSetup();
           floatObject();
          }
       }
document.write('<DIV id=floatLayer style="position: absolute; width: 10; height: 10; z-index: 10; left: 10; top: 10; visibility: visible; border: 0px none #000000">');
document.write('<table border="0" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF">');
document.write('<tr><td border="0" align="center" bgcolor="#ffffff" colspan="4">');
document.write('<a onClick=closeDiv() href=' + url + ' target=_blank "\return false\">');
document.write('<img src=' + banner + ' ')
document.write('border=0></a></td></tr>');
document.write('<tr><td border="0" align="right" colspan="4"><input type="submit" name="fechar" value="Fechar" onClick="return closeDiv()" style="font-family: Verdana; font-weight: bold; font-size:10px;  color: #FFFFFF; background-color: #000000; border: 1px solid #000000;"></td></tr>');
document.write('</table></DIV>');
start();

 

desde já agradeço.

[Henrique Barcelos 290]

Defina 'flutuante'...

[smashbhz 0]

Ok.

Ela acompanha suavemente a rolagem da pagina veja Clique aqui.

Obs: A página tem conteudo adulto.