ScrollMenue.Registrierung = []
ScrollMenue.AnimationLaenge = 250
ScrollMenue.VersteckenDauer = 1000
ScrollMenue.Prozessor = 10


//////////////////WICHTIG///////////////////////////
//  Die Funktion write CSS muss eingebaut werden, //
//  da sont die Styles aus dem										//
//  JS nicht überommen werden											//
//////////////////WICHTIG///////////////////////////


function ScrollMenue(id, Richtung, Links, Oben, Breite, Hoehe)
{
this.ie = document.all ? 1 : 0
this.ns4 = document.layers ? 1 : 0
this.dom = document.getElementById ? 1 : 0
if (this.ie || this.ns4 || this.dom) {
this.id = id
this.Richtung = Richtung
this.Orientierung = Richtung == "Links" || Richtung == "Rechts" ? "h" : "v"
this.RichtungTyp = Richtung == "Rechts" || Richtung == "NachUnten" ? "-" : "+"
this.Dimension = this.Orientierung == "h" ? Breite : Hoehe
this.VersteckeTimer = false
this.AnimationsTimer = false
this.oeffne = false
this.ueber = false
this.StartZeit = 0
this.Referenz = "ScrollMenue_"+id
eval(this.Referenz+"=this")
ScrollMenue.Registrierung[id] = this
var d = document
var CSSText = "";
CSSText += '#' + this.id + 'Container { visibility:hidden; '
CSSText += 'top:' + Oben + 'px; '
CSSText += 'overflow:hidden; z-index:10000; }'
CSSText += '#' + this.id + 'Container, #' + this.id + 'Content { position:absolute; '
CSSText += 'width:' + Breite + 'px; '
CSSText += 'height:' + Hoehe + 'px; '
CSSText += 'clip:rect(0 ' + Breite + ' ' + Hoehe + ' 0); '
CSSText += '}'
//CM wg. Rahmen und versch. Hoehen in NN
CSSText += '#' + this.id + 'Container { '
CSSText += 'height:' + eval(Hoehe+15) + 'px; '
CSSText += 'width:' + eval(Breite+2) + 'px;} '

CSSText += '#' + this.id + 'Content { '
CSSText += 'height:' + eval(Hoehe+13) + 'px;} '



this.css = CSSText;
this.load()
}
}
ScrollMenue.schreibeCSS = function() {
document.writeln('<style type="text/css">');
for (var id in ScrollMenue.Registrierung) {
document.writeln(ScrollMenue.Registrierung[id].css);
}
document.writeln('</style>');
}
ScrollMenue.prototype.load = function() {
var d = document
var EbeneID1 = this.id + "Container"
var EbeneID2 = this.id + "Content"
var obj1 = this.dom ? d.getElementById(EbeneID1) : this.ie ? d.all[EbeneID1] : d.layers[EbeneID1]
if (obj1) var obj2 = this.ns4 ? obj1.layers[EbeneID2] : this.ie ? d.all[EbeneID2] : d.getElementById(EbeneID2)
var temp
if (!obj1 || !obj2) window.setTimeout(this.Referenz + ".load()", 100)
else {
this.container = obj1
this.menu = obj2
this.Stil = this.ns4 ? this.menu : this.menu.style
this.AusgangsPosition = eval("0" + this.RichtungTyp + this.Dimension)
this.AussenPosition = 0
this.Beschleunigung = (this.AussenPosition - this.AusgangsPosition) / ScrollMenue.AnimationLaenge / ScrollMenue.AnimationLaenge 
// set event handlers.
if (this.ns4) this.menu.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
this.menu.onmouseover = new Function("ScrollMenue.ZeigeMenue('" + this.id + "')")
this.menu.onmouseout = new Function("ScrollMenue.VersteckeMenue('" + this.id + "')")
//set initial state
this.BeendeBewegung()
}
}
ScrollMenue.ZeigeMenue = function(id)
{
var reg = ScrollMenue.Registrierung
var obj = ScrollMenue.Registrierung[id]
if (obj.container) {
obj.ueber = true
for (menu in reg) if (id != menu) ScrollMenue.Verstecke(menu)
if (obj.VersteckeTimer) { reg[id].VersteckeTimer = window.clearTimeout(reg[id].VersteckeTimer) }
if (!obj.oeffne && !obj.AnimationsTimer) reg[id].StarteBewegung(true)
}
}
ScrollMenue.VersteckeMenue = function(id)
{
var obj = ScrollMenue.Registrierung[id]
if (obj.container) {
if (obj.VersteckeTimer) window.clearTimeout(obj.VersteckeTimer)
obj.VersteckeTimer = window.setTimeout("ScrollMenue.Verstecke('" + id + "')", ScrollMenue.VersteckenDauer);
}
}
ScrollMenue.VersteckeAlle = function()
{
var reg = ScrollMenue.Registrierung
for (menu in reg) {
ScrollMenue.Verstecke(menu);
if (menu.VersteckeTimer) window.clearTimeout(menu.VersteckeTimer);
}
}
ScrollMenue.Verstecke = function(id)
{
var obj = ScrollMenue.Registrierung[id]
obj.ueber = false
if (obj.VersteckeTimer) {window.clearTimeout(obj.VersteckeTimer); RestoreOrg(); }
obj.VersteckeTimer = 0
if (obj.oeffne && !obj.AnimationsTimer) obj.StarteBewegung(false)
}
ScrollMenue.prototype.StarteBewegung = function(oeffne) {
this[oeffne ? "onactivate" : "ondeactivate"]()
this.oeffne = oeffne
if (oeffne) this.Sichtbarkeit(true)
this.StartZeit = (new Date()).getTime() 
this.AnimationsTimer = window.setInterval(this.Referenz + ".Bewegung()", ScrollMenue.Prozessor)
}
ScrollMenue.prototype.Bewegung = function() {
var elapsed = (new Date()).getTime() - this.StartZeit
if (elapsed > ScrollMenue.AnimationLaenge) this.BeendeBewegung()
else {
var d = Math.round(Math.pow(ScrollMenue.AnimationLaenge-elapsed, 2) * this.Beschleunigung)
if (this.oeffne && this.RichtungTyp == "-") d = -d
else if (this.oeffne && this.RichtungTyp == "+") d = -d
else if (!this.oeffne && this.RichtungTyp == "-") d = -this.Dimension + d
else d = this.Dimension + d
this.BewegeNach(d)
}
}
ScrollMenue.prototype.BeendeBewegung = function() {
this.AnimationsTimer = window.clearTimeout(this.AnimationsTimer)
this.BewegeNach(this.oeffne ? this.AussenPosition : this.AusgangsPosition)
if (!this.oeffne) this.Sichtbarkeit(false)
if ((this.oeffne && !this.ueber) || (!this.oeffne && this.ueber)) {
this.StarteBewegung(this.ueber)
}
}
ScrollMenue.prototype.Sichtbarkeit = function(bShow) { 
var s = this.ns4 ? this.container : this.container.style
s.visibility = bShow ? "visible" : "hidden"
}
ScrollMenue.prototype.BewegeNach = function(p) { 
this.Stil[this.Orientierung == "h" ? "Links" : "top"] = this.ns4 ? p : p + "px"
}
ScrollMenue.prototype.HolePosition = function(c) {
return parseInt(this.Stil[c])
}
ScrollMenue.prototype.onactivate = function() { }
ScrollMenue.prototype.ondeactivate = function() { }

function RestoreOrg() { 
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}