// JavaScript Document


window.addEvent('domready', function() {
									 
	var myArray = document.id('scroll-inner').getElements('.scrolling-content');	
	var myUnternav = document.id('unternav').getElements('li');	

	var S_Wrapper = document.id('scroll-wrapper');	
	var z = S_Wrapper.getStyle('width');
	var h = myUnternav[0].getStyle('height');
	
		
/** Hoehe verstellen **/
	var myEffect2 = new Fx.Morph(S_Wrapper, {duration: 2000, transition: Fx.Transitions.Linear});
 			
			
			// Anpassung der divs der Speisekarte auf bestimmte breite um Ueberlauf zu verhindern
		var myHeight =  function (y) {
			//console.log('uebergeben an myHeight:',y);
				var hoehe = Math.round(((myArray[y].getStyle('height')).toInt()/10)*10);
				myEffect2.start({
								'height': hoehe
								})	
				//console.log('Hoehe von', myArray[y].get('id'),':', hoehe);
				};
			
			var myWidth =  function (z) {	
			// Anpassung der divs der Speisekarte auf bestimmte breite um Ueberlauf zu verhindern
			//	var weite = Math.round( (document.id('header').getStyle('width')/3));
			var weite = Math.round(((document.id('header').getStyle('width').toInt()/2)-20));
			//console.log(myArray[z]);
			myArray[z].setStyle('width', weite);
			};
			
			
			var justiern = function(){
				myArray[0].setStyle('width', document.id('main').getStyle('width'));
				
				//console.log('halleluja');
				};
				
			
			var myEffect = new Fx.Morph('teaser', {duration: 2000, transition: Fx.Transitions.Quart.easeOut});
 			
	// Chaining zu Beginn		
			
		
									 
// Scrollfunktion
			var scroll = new Fx.Scroll2(S_Wrapper, {
					wait: false,
					duration: 1000,
					transition: Fx.Transitions.Quint.easeOut
			});

var justiern = function(){
				myArray[0].setStyle('width', document.id('main').getStyle('width'));
				};
				
				
				var hintergrund = function(wer){
	for (i=0; i< myUnternav.length; i++){
		//console.log(myUntermenue.length);
		myUnternav[i].setStyle( 'font-weight', "normal");}
		myUnternav[wer].setStyle( 'font-weight', "bold");
		}
		

	hintergrund(0);
											 myWidth(0);
										   scroll.start(0);
										   myHeight(0);
	
	var goTo = function(was){
						 hintergrund(was);
						//console.log('Das wurde übergeben', was);
						myWidth(was);myHeight(was);
						scroll.start(was *= 1000);
						
		};
			
	/** ========================================================================Events zuweisen **/		
	
function zuweisungen(){
		//console.log('zuweisungen erfolgen.....');
		for ( z=0; z < myUnternav.length; z++){
			//console.log(myUnternav[z].id , ':',z);
			myUnternav[z].addEvent('click', function() { goTo(myUnternav.indexOf(this))});
			};
			};
 zuweisungen();
   
});