var Nav = {
	init: function(){
		var selected = $S('#form1 input');
		var selected1 = $S('#form2 input');
		var monate = getMonate(selected);
		var kategorien = getKategorien(selected1);
		
		//Initialisierung für Startseite
		$S('#menu1').action({
			onchange: function(){
			   var elements = $S('#menu1 option');
			   var prop = '&Userwahl=';
			   var userwahlanch = '#';
			   elements.each(function(element){
					if(element.selected){
						prop += element.value;
						userwahlanch += element.value;
					}
				});
			   	$E('#form1').reset();
				location.href = '?page=raum&inhalte=WestbahnhofRauminfo,WestbahnhofBuchung,WestbahnhofRauminfoGeschichte180,WestbahnhofWestbahnhofPartybilder,WestbahnhofImpressum,WestbahnhofLinks,WestbahnhofKontakt' + prop;
			   
		   }
		});
		$S('#menu2').action({
		   onchange: function(){
			   var elements = $S('#menu2 option');
			   var kategorien = '&kategorien=';
			   var monate = '&monate=0,1,2,3';
			   var prop;
			   elements.each(function(element){
					if(element.selected){
						prop = element.value;
					}
				});
			   if(prop == 'termineall' || prop == 'leer'){
				   kategorien += 'Tanzboden,Salsa,SpecialEvent';
				} else {
					kategorien += prop;
				}
				$E('#form1').reset();
				//changePage('termine');
				//getPage.pass(['KalenderWbf-Termin', kategorien+monate, 'termbox']);
				location.href = '?page=termine&inhalte=WestbahnhofKalenderWbfTermin' + kategorien + monate;
				//changePage('termine', 'KalenderWbf-Termin', kategorien+monate, 'termbox');
			   //$S('#menu2').reset;
			   
		   }
		});
		
		//initialisierung für Termine
		$S('#form1 input').action({
		   onclick: function(){
			   monate = getMonate(selected);
			   getPage('KalenderWbfTermin', kategorien+monate, 'termbox');
		   }
		});
	   $S('#form2 input').action({
		   onclick: function(){
			   kategorien = getKategorien(selected1);
			   getPage('KalenderWbfTermin', kategorien+monate, 'termbox');
		   }
		});
		
		//initialisierung für Raum
		
		var toggleboxes = $S('.box');
		var closelinks = $S('.closelink a');
		//var buttons = $S('input.button');
		var checkboxes = $S('#raumcontform input');
		var curcloselink = 1;
		var curlink =1;
		//var curbutton = 1;
		//var myEffect = new Fx.Height(toggleboxes[0], {duration: 500});
		//var myEffect1 = new Fx.Opacity(toggleboxes[0], {duration: 500});
		
		toggleboxes.each(function(box){
			var toggleButton = new Fx.Height($E('a.button'+curlink), {duration: 50});
			var toggleButtonOpac = new Fx.Opacity($E('a.button'+curlink), {duration: 50});
			var toggleBox = new Fx.Height(box, {duration: 500});
			var toggleBoxOpac = new Fx.Opacity(box, {duration: 500});
			var userwahl = $E('#userwahl').value;
			if('a.button'+curlink == 'a.button1' || 'a.button'+curlink == 'a.' + userwahl){
				//toggleButton.toggle();
				toggleButtonOpac.toggle();
			} else {
				toggleBox.toggle();
				toggleBoxOpac.toggle();
			}
			$ES('.closelink a.close'+curcloselink, box).action({
			   onclick: function(){
				   toggleButtonOpac.toggle();
					toggleButton.toggle();
				   toggleBox.toggle();
					toggleBoxOpac.toggle();
			   }
			});
			var namenumber = curlink;
			$ES('a.button'+curlink).action({
			   onclick: function(){
				   //toggleButton.toggle();
					toggleButtonOpac.toggle();
				   toggleBox.toggle();
					toggleBoxOpac.toggle();
					(function(){location.href = '#button'+namenumber;}).delay(500);
			   }
			});
			curcloselink += 1;
			curlink += 1;
			//curbutton += 1;
		});
	}
};
function getMonate(input){
	var selected = input;
	var monate = '&monate=';
   selected.each(function(box){
		if(box.checked){
			monate += box.value;
			monate += ',';
		}
	});
	if(monate.length<=8){
			   selected.each(function(box){
					monate += box.value;
					monate += ',';
			});
	}
   monate = monate.substring(0, monate.length-1);
   return monate;
};
function getKategorien(input){
	var selected1 = input;
	var kategorien = '&kategorien=';
   selected1.each(function(box){
		if(box.checked){
			kategorien += box.value;
			kategorien += ',';
		}
	});
   if(kategorien.length<=12){
		   selected1.each(function(box){
				kategorien += box.value;
				kategorien += ',';
		});
	}
   kategorien = kategorien.substring(0, kategorien.length-1);
   return kategorien;
};
function getPage(page, props, target){
		var url = 'daten.php?inhalte=Westbahnhof' + page + props;
		var myAjax = new Ajax(url, {method: 'get',update: $(target), onComplete: function(){Lightbox.init()}}).request();
};

window.onload = function(){
	Nav.init();
};