Omskrivning af script

Halløj

Jeg bruger dette nedenstående script til at flytte en faldned menu ned af siden når brugeren scroller. Men jeg kan kun få det til at virke med et layer (menu1). Jeg skal have det til at virke med 4 layers og evt. flere (menu1, menu2, menu3, menu4). De skal have forskellig horisontal indrykning (1px, 158px, 237px, 79px). Kan du løse det?

window.onerror = null;

var topMargin = -1;
var menu1Time = 1000;
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('menu1', 0);
  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["menu1"].top;
    this.scrollTop = window.pageYOffset;
    mainTrigger();
  } else if(ns6) {
    this.currentY = parseInt(document.getElementById('menu1').style.top);
    this.scrollTop = scrollY;
    mainTrigger();
  } else if(ie4) {
    this.currentY = menu1.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.menu1Time );
  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.menu1.style.pixelTop = newY;
      if ( ns4 )document.layers["menu1"].top = newY;
        if ( ns6 )document.getElementById('menu1').style.top = newY + "px"; 
  }
}

function startit() {
  if(ns6||ns4) {
    pageWidth = innerWidth;
    pageHeight = innerHeight;
    layerSetup();
    floatObject();
  } else if(ie4) {
    pageWidth = document.body.clientWidth;
    pageHeight = document.body.clientHeight;
    layerSetup();
    floatObject();
  }
}