﻿		
		
		window.addEvent('domready', function(){
			var divs = $$(['docs', 'js', 'html', 'css']);
			divs.each(function(div){
				var link = $(div.id + 'code');
				div.setStyle('display', 'none');
				link.addEvent('click', function(e){
					e = new Event(e);
					divs.each(function(other){
						if (other != div) other.setStyle('display', 'none');
					});
					div.setStyle('display', (div.getStyle('display') == 'block') ? 'none' : 'block');
					e.stop();
				});
			});
		});	
	
		window.addEvent('domready', function(){			
						
			// Fx.Base Options:
			// transition		the equation to use for the effect; default: <Fx.Transitions.Sine.easeInOut>
			//							linear
			//							Quad, Cubic, Quart, Quint, Expo, Circ, Sine, Back, Bounce, Elastic 
			// 									all above as easeIn or easeOut or easeInOut
			//							Pow, used to generate Quad, Cubic, Quart and Quint; default: p^6.
			//
			// duration			duration of the effect in ms; default: 500	
			// fps					frames per second for the transition; default: 50
			// unit					'px', 'em', '%'; default: 'px'
			// wait					boolean: to wait or not to wait for a current transition 
			//							to end before running another of the same instance; 
			//							default: true
			
			var _transition	= Fx.Transitions.Cubic.easeInOut;
			var _duration 	= 1000; 			
			var _fps 				= 50;	 		
			var _unit				= 'px'; 
			var _wait				= false; 	
			
			//--subnav unternehmen			
			var mySlide1 = new Fx.Slide('sub1', {mode: 'horizontal', transition: _transition, duration: _duration, fps: _fps, wait: _wait});
			if(navKey !== 'unternehmen') {
				
				mySlide1.hide();
				$('unternehmen').addEvent('mouseenter', function(e){
					e = new Event(e);
					mySlide1.slideIn();
					e.stop();
					if(window.ie) hoverEffect('unternehmen');
				});
				$('unternehmen').addEvent('mouseleave', function(e){
					e = new Event(e);
					mySlide1.slideOut();
					e.stop();
					if(window.ie) hoverEffect('unternehmen');
				});
				
			}
		
			//--subnav marken
			var mySlide2 = new Fx.Slide('sub2', {mode: 'horizontal', transition: _transition, duration: _duration, fps: _fps, wait: _wait});
			if(navKey !== 'marken') {
			
				mySlide2.hide();
				$('marken').addEvent('mouseenter', function(e){
					e = new Event(e);
					mySlide2.slideIn();
					e.stop();
					if(window.ie) hoverEffect('marken');
				});
				$('marken').addEvent('mouseleave', function(e){
					e = new Event(e);
					mySlide2.slideOut();
					e.stop();
					if(window.ie) hoverEffect('marken');
				});		
			
			}				
			
			//--subnav aktuell			
			var mySlide3 = new Fx.Slide('sub3', {mode: 'horizontal', transition: _transition, duration: _duration, fps: _fps, wait: _wait});
			if(navKey !== 'aktuell') {
			
				mySlide3.hide();
				$('aktuell').addEvent('mouseenter', function(e){
					e = new Event(e);
					mySlide3.slideIn();
					e.stop();
					if(window.ie) hoverEffect('aktuell');
				});
				$('aktuell').addEvent('mouseleave', function(e){
					e = new Event(e);
					mySlide3.slideOut();
					e.stop();
					if(window.ie) hoverEffect('aktuell');
				});
			
			}

			//--subnav presse			
			var mySlide4 = new Fx.Slide('sub4', {mode: 'horizontal', transition: _transition, duration: _duration, fps: _fps, wait: _wait});
			if(navKey !== 'presse') {
			
				mySlide4.hide();
				$('presse').addEvent('mouseenter', function(e){
					e = new Event(e);
					mySlide4.slideIn();
					e.stop();
					if(window.ie) hoverEffect('presse');
				});
				$('presse').addEvent('mouseleave', function(e){
					e = new Event(e);
					mySlide4.slideOut();
					e.stop();
					if(window.ie) hoverEffect('presse');
				});	
				
			}		

			//--subnav haendler			
			var mySlide5 = new Fx.Slide('sub5', {mode: 'horizontal', transition: _transition, duration: _duration, fps: _fps, wait: _wait});
			if(navKey !== 'haendler') {
				
				mySlide5.hide();
				$('haendler').addEvent('mouseenter', function(e){
					e = new Event(e);
					mySlide5.slideIn();
					e.stop();
					if(window.ie) hoverEffect('haendler');
				});
				$('haendler').addEvent('mouseleave', function(e){
					e = new Event(e);
					mySlide5.slideOut();
					e.stop();
					if(window.ie) hoverEffect('haendler');
				});
				
			}
			
		});

		
		// Hilsfunktion fuer den IE, der leider den hover-Effekt nicht kennt
		function hoverEffect(e) {
			var bgColor = document.getElementById(e).style.background;
			var anode = 'a_' + e;
			if(bgColor=='#000033') {
				document.getElementById(e).style.background='#ffffff';
				document.getElementById(e).style.color='#000033';
				document.getElementById(anode).style.color='#000033';				
			}
			else {
				document.getElementById(e).style.background='#000033';
				document.getElementById(e).style.color='#ffffff';
				document.getElementById(anode).style.color='#ffffff';
			}
		}
		