window.addEvent('domready', function(){
	var mainfo = new Tips($$('.mainfo'), {
		showDelay: 0,
		hideDelay: 1500,
		
		initialize:function(){
			this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
		},
		onShow: function(toolTip) {
			this.fx.start(0.95);
		},
		onHide: function(toolTip) {
			this.fx.start(0);
		}
	});
	var scroll = new Fx.Scroll('innen', {
		wait: false,
		duration: 500,	
		transition: Fx.Transitions.Quad.easeInOut
	});
	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)
			}
		}
	});
	
						
	var borderheight = $('inhaltrahmen').offsetHeight;
	var innerheight = $('inhalt').offsetHeight;
	var outerheight = $('innen').offsetHeight;
	var difference = innerheight - outerheight;
	var top = 0;
	var scrollerknobheight = outerheight / innerheight * borderheight - 2;
	var knobpos = 0;			
	if (scrollerknobheight > outerheight) $('scrollerarea').style.display = 'none';
	$('scrollerknob').style.height = Math.round(scrollerknobheight) + 'px';	

	var scroller = new Slider($('scrollerarea'), $('scrollerknob'), {	
		steps: difference,	
		mode: 'vertical',					
		onChange: function(step){
			scroll.scrollTo(0,step);
			top = step;					
		}				
	}).set(0);			
	$('innen').addEvent('wheelup', function(event) {
		event = new Event(event).stop();				
		if(top > 0){
			top -= 100;
			knobpos = Math.round(top / difference * difference);
			
		} 
		scroller.set(knobpos);				
	});				
	$('innen').addEvent('wheeldown', function(event) {
		event = new Event(event).stop();				
		if(top < difference){
			top += 100;
			knobpos = Math.round(top / difference * difference);
								
		} 
		scroller.set(knobpos);				
	});

	$('kr').addEvent('submit', function(e) {
			new Event(e).stop();
			var log = $('vorschlag').empty();
			this.send({
				update: log
			});
			scroller.set(1000);
	});


window.onresize = function (){
	 borderheight = $('inhaltrahmen').offsetHeight;
	 innerheight = $('inhalt').offsetHeight;
	 outerheight = $('innen').offsetHeight;
	 difference = innerheight - outerheight;
	 top = 0;
	 scrollerknobheight = outerheight / innerheight * borderheight - 2;
	 knobpos = 0;			
	if (scrollerknobheight > outerheight) $('scrollerarea').style.display = 'none';
	if (scrollerknobheight < outerheight) $('scrollerarea').style.display = 'block';	
	$('scrollerknob').style.height = Math.round(scrollerknobheight) + 'px';	

	var scroller = new Slider($('scrollerarea'), $('scrollerknob'), {	
		steps: difference,	
		mode: 'vertical',					
		onChange: function(step){
			scroll.scrollTo(0,step);
			top = step;					
		}				
	}).set(0);	
			
	$('innen').addEvent('wheelup', function(event) {
		event = new Event(event).stop();				
		if(top > 0){
			top -= 100;
			knobpos = Math.round(top / difference * difference);
			
		} 
		scroller.set(knobpos);				
	});	
				
	$('innen').addEvent('wheeldown', function(event) {
		event = new Event(event).stop();				
		if(top < difference){
			top += 100;
			knobpos = Math.round(top / difference * difference);
								
		} 
		scroller.set(knobpos);				
	});
	
	$('kr').addEvent('submit', function(e) {
			new Event(e).stop();
			var log = $('vorschlag').empty();
			this.send({
				update: log
			});
			scroller.set(1000);
	});


}
			








});