window.addEvent('domready', function() {
	var bodyid = $$('body').get('id')	
	
	//NAV 
	$$('#nav li a').addEvent('mouseover', function(e){
		if (bodyid != this.get('class')){
			this.setStyle('position','relative');
			this.setStyle('top','0px');
			var morph= new Fx.Morph(this, {duration: '100', transition: Fx.Transitions.Sine}); 
			morph.cancel();
			morph.start({
				'top':'-10px',
				'paddingBottom':'40px',
				'color':'#E3C684'
			}).chain(function(){
				morph.start({
					'top':'0px',
					'paddingBottom':'40px'			
				});
			});		
		}
	});
	$$('#nav li a').addEvent('mouseout', function(e){
		if (bodyid != this.get('class')){
			this.setStyle('position','relative');
			var morph= new Fx.Morph(this, {duration: '100', transition: Fx.Transitions.Sine}); 	
			morph.cancel();
			morph.start({		
				'color':'#fff'
				
			});
		}
	});
	
	// BUTTONS
	$$('input.button').addEvent('mouseover', function(e){		
		this.setStyles({
			'background-color':'#000',
			'color':'#fff'	
		});
		var morph= new Fx.Morph(this, {duration: '300', transition: Fx.Transitions.Sine}); 	
		morph.cancel();
		morph.start({		
			'background-color':'#fff',
			'color':'#000'				
		});		
	});
	$$('input.button').addEvent('mouseout', function(e){			
		var morph= new Fx.Morph(this, {duration: '150', transition: Fx.Transitions.Sine}); 	
		morph.cancel();
		morph.start({		
			'background-color':'#000',
			'color':'#fff'				
		});		
	});
	
	//TOOLTIP
	function getAbsoluteX (elm) {
   var x = 0;
   if (elm && typeof elm.offsetParent != "undefined") {
     while (elm && typeof elm.offsetLeft == "number") {
       x += elm.offsetLeft;
       elm = elm.offsetParent;
     }
   }
   return x;
}


// Findet die absolute y Position eines Elementes raus
function getAbsoluteY(elm){
   var y = 0;
   if (elm && typeof elm.offsetParent != "undefined") {
     while (elm && typeof elm.offsetTop == "number") {
       y += elm.offsetTop;
       elm = elm.offsetParent;
     }
   }
   return y;
}
var x = 0;
var y = 0;
var over = false;
	$('tooltip').setStyles({
		'display':'none',
		'filter':'alpha(opacity=0)',
		'-moz-opacity':'.0',
		'opacity':'.0',
		'position':'absolute',
		'left':0,
		'top':0,		
		'width':'300px',
		'height':'auto',
		'background-color':'#333',
		'padding':'5px'
	});
	$('tooltip_text').setStyles({
		'line-height':'20px'			   
	});
	var elems_button = $$('.tooltip');	
	elems_button.each(function(elem) {
		elem.addEvent('mouseover', function(e){	
			x = getAbsoluteX(this);
			y = getAbsoluteY(this);	
			$('tooltip').setStyles({
					'left': x +20 , 
					'top':y -5
				});	 			
			if(this.get('title') != null){
				this.set('tip', this.get('title'));
				this.set('title','');
			}			
			over = true;
			var text = this.get('tip');	
			var link = this.get('alt');	
			$('tooltip_text').set('html', text.replace('Konditionen ::', '<span style="font-weight:bold;color:#E3C684;">Konditionen:</span><br><br>'));
			$('tooltip').setStyles({
					 'display': 'block'
				});
			var morph= new Fx.Morph('tooltip', {duration: '200', transition: Fx.Transitions.Sine.easeOut}); 
			morph.start({
				'filter':'alpha(opacity=90)',
				'-moz-opacity':'0.9',
				'opacity':'0.9'
			});
		});
		elem.addEvent('click', function(e){	
			x = getAbsoluteX(this);
			y = getAbsoluteY(this);	
			$('tooltip').setStyles({
					'left': x +20 , 
					'top':y -5
				});	 			
			if(this.get('title') != null){
				this.set('tip', this.get('title'));
				this.set('title','');
			}			
			over = true;
			var text = this.get('tip');	
			var link = this.get('alt');	
			$('tooltip_text').set('html', text.replace('Konditionen ::', '<span style="font-weight:bold;color:#E3C684;">Konditionen:</span><br><br>'));
			$('tooltip').setStyles({
					 'display': 'block'
				});
			var morph= new Fx.Morph('tooltip', {duration: '200', transition: Fx.Transitions.Sine.easeOut}); 
			morph.start({
				'filter':'alpha(opacity=90)',
				'-moz-opacity':'0.9',
				'opacity':'0.9'
			});
		});
		elem.addEvent('mouseout', function(e){
			$('tooltip').setStyles({
				 'display': 'none'  
			});
			
			var morph= new Fx.Morph('tooltip', {duration: '200', transition: Fx.Transitions.Sine.easeOut}); 
			morph.start({
				'filter':'alpha(opacity=0)',
				'-moz-opacity':'.0',
				'opacity':'.0'
			});
			over = false;
		});		
	});
	
	if(bodyid == 'partner'){
		
	}
	var elems_slide = $$('#content .slide');	
	elems_slide.each(function(elem) {
		var id = elem.get('id');
		var myVerticalSlide = new Fx.Slide(id);
		myVerticalSlide.hide();				
	});
	var elems_button = $$('#content .slide_button');	
	elems_button.each(function(elem) {
		elem.addEvent('click', function(e){	
			var id_ = elem.get('id');
			if($('holder').get('text') != ''){;
				var myVerticalSlide = new Fx.Slide($('holder').get('text')+'_div');
				myVerticalSlide.slideOut();
			}
			$('holder').set('text',id_);	
			
			var myVerticalSlide = new Fx.Slide(id_+'_div');
			myVerticalSlide.toggle();
			
		});
		
				
	});
								 
});