window.addEvent('domready', function() {

	scroll1width = textSize['size']['y']-20;
	scroll1 = new Fx.Scroll('text', {
		wait: false,
		duration: 4000,
		transition: Fx.Transitions.Sine.easeInOut
	});

	scroll2width = 50;
	scroll2 = new Fx.Scroll('text', {
		wait: false,
		duration: 100,
		transition: Fx.Transitions.linear
	});

	textSize = $('text').getSize();
	if (textSize['scrollSize']['y'] > textSize['size']['y']) {
		$('runter').addEvent('click', function(event) {
			var newY;
			var textSize = $('text').getSize();
			if (textSize['scroll']['y']+scroll1width > textSize['scrollSize']['y']-textSize['size']['y']) {
				newY = textSize['scrollSize']['y']-textSize['size']['y'];
			} else {
				newY = textSize['scroll']['y']+scroll1width;
			}
			event = new Event(event).stop();
			scroll1.scrollTo(0,newY);
		});
		$('rauf').addEvent('click', function(event) {
			var newY;
			var textSize = $('text').getSize();
			if (textSize['scroll']['y']-scroll1width < 0) {
				newY = 0;
			} else {
				newY = textSize['scroll']['y']-scroll1width;
			}
			event = new Event(event).stop();
			scroll1.scrollTo(0,newY);
		});
	}

	navHTML = "";
	navLinks = $('text').getElements('a');
	var_i = 1;
	navLinks.each(function(navLink){
		if(navLink.name!="") {
			navHTML += "<a href=\"#\" onclick=\"scroll1.toElement('" + navLink.name + "'); return false;\">" + var_i + "</a> ";
			var_i++;
		}
	});
	if (navHTML!="") {
//		$('navigation').setHTML("<p>Ausfl&uuml;ge: " + navHTML + "</p>");
	}

Element.Events.extend({
	'wheelup': {
		type: Element.Events.mousewheel.type,
		map: function(event){
			event = new Event(event);
			if (event.wheel >= 0) this.fireEvent('wheelup', event)
		}
	},
 
	'wheeldown': {
		type: Element.Events.mousewheel.type,
		map: function(event){
			event = new Event(event);
			if (event.wheel <= 0) this.fireEvent('wheeldown', event)
		}
	}
});

$('text').addEvents({
	'wheelup': function(e) {
		var newY;
		var textSize = $('text').getSize();
		if (textSize['scroll']['y']-scroll2width < 0) {
			newY = 0;
		} else {
			newY = textSize['scroll']['y']-scroll2width;
		}
		e = new Event(e).stop();
		scroll2.scrollTo(0,newY);
	},
 
	'wheeldown': function(e) {
		var newY;
		var textSize = $('text').getSize();
		if (textSize['scroll']['y']+scroll2width > textSize['scrollSize']['y']-textSize['size']['y']) {
			newY = textSize['scrollSize']['y']-textSize['size']['y'];
		} else {
			newY = textSize['scroll']['y']+scroll2width;
		}
		e = new Event(e).stop();
		scroll2.scrollTo(0,newY);
	}
});


Fx.Morph = Fx.Styles.extend({
 
	start: function(className){
 
		var to = {};
 
		$each(document.styleSheets, function(style){
			var rules = style.rules || style.cssRules;
			$each(rules, function(rule){
				if (!rule.selectorText.test('\.' + className + '$')) return;
				Fx.CSS.Styles.each(function(style){
					if (!rule.style || !rule.style[style]) return;
					var ruleStyle = rule.style[style];
					to[style] = (style.test(/color/i) && ruleStyle.test(/^rgb/)) ? ruleStyle.rgbToHex() : ruleStyle;
				});
			});
		});
		return this.parent(to);
	}
 
});
 
Fx.CSS.Styles = ["width", "height", "left", "top", "bottom", "right", "z-index"];
 
Fx.CSS.Styles.extend(Element.Styles.padding);
Fx.CSS.Styles.extend(Element.Styles.margin);
 
Element.Styles.border.each(function(border){
	['Width', 'Height'].each(function(property){
		Fx.CSS.Styles.push(border + property);
	});
});

	if ($('bild1')) {
		var bild1 = new Fx.Morph('bild1', {wait: false});
		 
		$('bild1').addEvent('mouseover', function(e){
			new Event(e).stop();
		 	bild1.start('bild1-gross');
		 	$('bild1').setStyle('z-index',100);
		});
		 
		$('bild1').addEvent('mouseout', function(e){
			new Event(e).stop();
			bild1.start('bild1-klein');
		 	$('bild1').setStyle('z-index',1);
		});
	}

	if ($('bild2')) {
		var bild2 = new Fx.Morph('bild2', {wait: false});
 
		$('bild2').addEvent('mouseover', function(e){
			new Event(e).stop();
		 	bild2.start('bild2-gross');
		 	$('bild2').setStyle('z-index',100);
		});
		 
		$('bild2').addEvent('mouseout', function(e){
			new Event(e).stop();
			bild2.start('bild2-klein');
		 	$('bild2').setStyle('z-index',1);
		});
	}

	if ($('bild3')) {
		var bild3 = new Fx.Morph('bild3', {wait: false});

		$('bild3').addEvent('mouseover', function(e){
			new Event(e).stop();
		 	bild3.start('bild3-gross');
		 	$('bild3').setStyle('z-index',100);
		});
		 
		$('bild3').addEvent('mouseout', function(e){
			new Event(e).stop();
			bild3.start('bild3-klein');
		 	$('bild3').setStyle('z-index',1);
		});
	}

});