function ScrollHorMenu(idOben, idBox, idUnten) {
	var self = this;
	this.idOben = idOben;
	this.idUnten = idUnten;
	this.idBox = idBox;
	this.scrollVerzoegerung = 75; //in Millisekunden
	this.scrollAdd = 10; //in Pixel
	this.aktMargin = 0;
	this.boxElem = document.getElementById(this.idBox);
	this.boxObenElem = document.getElementById(this.idOben);
	this.boxUntenElem = document.getElementById(this.idUnten);
	this.boxItem = this.boxElem.firstChild;
	this.timeout;
	
	//alert(this.boxObenElem.style.width);
	
	this.scrollHoch = function() {
		if (this.aktMargin + (this.boxItem.offsetHeight - this.boxElem.offsetHeight) > 0) {
			var self = this;
			this.aktMargin -= this.scrollAdd;
			this.boxItem.style.marginTop = this.aktMargin;
			this.timeout = window.setTimeout(function() { self.scrollHoch(); }, this.scrollVerzoegerung);
		}
		//alert(this.boxItem.offsetHeight);
		//alert('hoch');
	}
	
	this.scrollRunter = function() {
		if (this.aktMargin < 0) {
			var self = this;
			this.aktMargin += this.scrollAdd;
			this.boxItem.style.marginTop = this.aktMargin;
			this.timeout = window.setTimeout(function() { self.scrollRunter(); }, this.scrollVerzoegerung);
		}
		//alert('runter');
	}
	
	this.scrollStop = function() {
		window.clearTimeout(this.timeout);
	}
	
	
	if (this.boxObenElem.addEventListener) {
		this.boxObenElem.addEventListener('mouseover', function() {self.scrollHoch();}, true);
		this.boxObenElem.addEventListener('mouseout', function() {self.scrollStop();}, true);
		this.boxUntenElem.addEventListener('mouseover', function() {self.scrollRunter();}, true);
		this.boxUntenElem.addEventListener('mouseout', function() {self.scrollStop();}, true);
	}
	else {
		this.boxObenElem.attachEvent('onmouseover', function() {self.scrollHoch();});
		this.boxObenElem.attachEvent('onmouseout', function() {self.scrollStop();});
		this.boxUntenElem.attachEvent('onmouseover', function() {self.scrollRunter();});
		this.boxUntenElem.attachEvent('onmouseout', function() {self.scrollStop();});
	}
}
