var layer;
	var timer;
	var scrollheight=500;		// Sollte in jedem Fall identisch mit der Größe des
								// sichtbaren Bereiches sein. Also die Höhe des
								// Container Layers.
								// Kann auch über das Elternobjekt ausgelesen werden.
		
	// Initialisieren des Scriptes
	function init(id) {
		layer = document.getElementById(id);
		layer.style.top = 0;
	}
	
	// Ermittelt die Höhe des Layers und gibt sie zurück
	function gethoehe() {
		return layer.offsetHeight;
	}

	// Nach unten scrollen. Mit speed wird gesteuert wie schnell gescrollt
	// werden soll (Pixel/25ms)
	function scrolldown(speed) {
		// Solange wie wir noch nicht alles gesehen haben scrollen wir nach unten.
		if ( gethoehe() + parseInt(layer.style.top) > scrollheight) {
			layer.style.top = parseInt(layer.style.top) - parseInt(speed) + 'px';
			timer = window.setTimeout("scrolldown('"+speed+"')",25);
		}
	}

	// Nach oben scrollen. Mit speed wird gesteuert wie schnell gescrollt
	// werden soll (Pixel/25ms)
	function scrollup(speed) {
		// Solange wir die Ausgangsposition noch nicht wieder erreicht haben
		// scrollen wir nach oben.
		if (  parseInt(layer.style.top) < 0) {
			layer.style.top = parseInt(layer.style.top) + parseInt(speed) + 'px';
			timer = window.setTimeout("scrollup('"+speed+"')",25);
		}
	}

	// Den Timer der das Hoch- oder Runterscrollen steuert anhalten.
	function stopscroll() {
		window.clearTimeout(timer);
	}


	// untermenue markieren.	
	var altes_element = null; 
	
	function clickHandler(element) { 
	if(altes_element) altes_element.style.color = 'black'; 
	element.style.color = '#640034'; 
	altes_element = element; 
	} 




	
	// Textinhalt per Link ansprechen (Ankersprünge).
	$.fn.scroller = function() {
    var speed = 'slow'; // Choose default speed
     $(this).each(function() {
               $(this).bind('click', function() {
                      var target = $(this).attr('div'); // Get scroll target
                 $(target).scrollTo(speed);
                      return false;
           });
     });
}