// JavaScript Document

window.addEvent('domready', function(){ 
	
	// TABS
	var tabOpen = 240;
	var tabClose = 37;
	
	var list = $$('.buttons');
		list.each( function(element) {
			
			var openTabs = function(){
			element.set('tween',{
				duration: 200,
				transition: Fx.Transitions.Quint.easeIn,
				link: 'chain'			
			});
			element.tween('height', tabOpen);
			
			}
			var closeTabs = function(){
				element.set('tween',{
					duration: 1000,
					transition: Fx.Transitions.Quint.easeOut,
					link: 'chain'			
				});
				element.tween('height', tabClose);
			}
			
			element.addEvents({
				mouseenter: openTabs,
				mouseleave: closeTabs
			});
			
		});
		
	// SPRUCH
	var spruchOpen = 678;
	var spruchClose = 0;
	
	var list = $$('#spruchPfeil');
		list.each( function(element) {
			
			var openSpruch = function(){
			$$('#spruchText').set('tween',{
				duration: 1000,
				transition: Fx.Transitions.Quint.easeInOut,
				link: 'chain'			
			});
			$$('#spruchText').tween('width', spruchOpen);
			
			}
			var closeSpruch = function(){
				$$('#spruchText').set('tween',{
					duration: 200,
					transition: Fx.Transitions.Quint.easeOut,
					link: 'chain'			
				});
				$$('#spruchText').tween('width', spruchClose);
			}
			
			element.addEvents({
				mouseenter: openSpruch,
				mouseleave: closeSpruch
			});
			
		});

});