// siehe: http://docs.jquery.com/Using_jQuery_with_Other_Libraries
	jQuery.noConflict();
	
	/* beim kompletten laden des dokumentes */
	
	jQuery(document).ready(function ($){
	//$('document').ready(function (){
	
		// allen PNG-Bildern den PNGfix zuweisen
		$(document).pngFix(); 
	
		/* die Bilder im Kopfbereich anzeigen */
		$('.aniImages').show();
		
		$('#cycleImages').cycle({fx: 'fade', timeout:10000, speed:1000});
		
		
		/* mouseover fuer icons */
		
		$('#iconnavi').find('a').mouseover( function(){
		
			var bild_src = $(this).find('img').attr('src');
			
			var bild_src_new = bild_src.replace('_no', '_act');
			
			$(this).find('img').attr('src', bild_src_new);
		
		});
		
		$('#iconnavi').find('a').mouseout( function(){
		
			var bild_src = $(this).find('img').attr('src');
			
			var bild_src_new = bild_src.replace('_act', '_no');
			
			$(this).find('img').attr('src', bild_src_new);
		
		});
		
		
		
		
		
		/* Navigation */
		
		//var base = document.getElementsByTagName("base")[0].href;
		
              var base = '';


              if (document.getElementsByTagName("base").length > 0)
              { 
               base = document.getElementsByTagName("base")[0].href;
              }


		//alert(base);
		
		
		/* die einzelnen Navigationsebenen ausblenden */
		$('.naviSecondUL').hide();
		$('.naviThirdUL').hide();
	  	$('.naviFourthUL').hide();
  		
		/* die Hintergruende verstecken */
		$('#naviFirstContainerBG').hide();
		$('#naviSecondContainerBG').hide();
		$('#naviThirdContainerBG').hide();
		
		
		/* die navigation nach activen Menupunkten durchsuchen => in welcher ebene sind wir gerade (ebenenzaehler) */
		var act_first_li = $('#navigation').find('ul.naviFirstUL').find('li.act');
		
		var erste_ebene = $('#navigation').find('ul.naviFirstUL');
		
		var ebenenzaehler = 0;
		
		/* fuer alle gefundenen li.act innerhalb der navigation den ebenenzaehler inkrementieren */
		act_first_li.each(function(){
		
			ebenenzaehler += 1;
				
		});
		
		
		//alert ('ebenenzaehler: ' + ebenenzaehler);
		
		/**************************/
		/* Navigation ausrichten */
		/************************/
		
		/* Werte: */
		/*
			links: 21px;
			mitte: 247px;
			rechts: 474px;
			ganz rechts: 701px;
			
			Felder: (von links nach rechts)
			first | second | third | rechts
			
		*/
		
		var pixelwerte = new Array(701,474,247,21);
		
		
		/* nur die Hauptnavigation ist zu sehen */
		if (ebenenzaehler == 0)
		{
			/* die Hauptnavigation ganz rechts ausrichten */
			erste_ebene.css('left', pixelwerte[0] + 'px');
			
		} // ebenenzaehler == 0
		
		
		/* erste Navigationsebene ? */
		if (ebenenzaehler == 1)
		{
			/* wenn es unterpunkte zu dem hauptmenupunkt gibt, die hauptnavigation in feld 3, unternavi rechts */
			var second = erste_ebene.find('li.act').find('ul.naviSecondUL');
			
			if (second.attr('class'))
			{
				$('#naviThirdContainerBG').show();
				erste_ebene.css('left', pixelwerte[1] + 'px');
				second.fadeIn();
				second.css('left', '0px');
			}
			else
			{
				/* nur die Hauptnavigation ist zu sehen, also ganz rechts */
				erste_ebene.css('left', pixelwerte[0] + 'px');
			}
			
		} // ebenenzaehler == 1
		
		
		/* zweite Navigationsebene, gibt es eine dritte ? */
		if (ebenenzaehler == 2)
		{
			/* second muss es geben, da wir darauf geklickt haben */
			var second = erste_ebene.find('li.act').find('ul.naviSecondUL');
			
			second.show();
			second.css('left', '0px');
			$('#naviThirdContainerBG').show();
			
			/* gibt es eine dritte ebene ? */
			var third = $('#navigation').find('ul.naviSecondUL').find('li.act').find('ul.naviThirdUL');
			
			//alert(third.attr('class'));
			
			if (third.attr('class'))
			{
				//alert('dritte ebene anzeigen');
				
				$('#naviSecondContainerBG').show();
				third.fadeIn();
				third.css('left', '0px');
				
				/* erste Ebene in Feld 2 => zweite Ebene in Feld 3, 3. Ebene rechts */
				erste_ebene.css('left', pixelwerte[2] + 'px');
			
			}
			else
			{
				//alert('keine dritte ebene');
				/* erste Ebene in Feld 3 => 2. Ebene rechts */
				erste_ebene.css('left', pixelwerte[1] + 'px');
			}
			
		} // ebenenzaehler == 2
		
		
		/* dritte Ebene, gibt es eine 4. Ebene */
		if (ebenenzaehler == 3)
		{
			/* es wurde auf einen link in der 3. ebene geklickt, also bis "third" ist alles klar */
		
			/* das 2. und 3. Feld einblenden */
			$('#naviThirdContainerBG').show();
			$('#naviSecondContainerBG').show();
		
			
			var second = erste_ebene.find('li.act').find('ul.naviSecondUL');
			
			second.show();
			second.css('left', '0px');
			
			var third = $('#navigation').find('ul.naviSecondUL').find('li.act').find('ul.naviThirdUL');
			
			third.show();
			third.css('left', '0px');
			
			var fourth = $('#navigation').find('ul.naviThirdUL').find('li.act').find('ul.naviFourthUL');
			
			/* gibt es eine 4. ebene */
			if (fourth.attr('class'))
			{
				fourth.fadeIn();
				fourth.css('left', '0px');
				
				
				/* erste Ebene ganz links, also in Feld 1 => 2. Ebene in 2. Feld, 3. Ebene in 3. Feld, 4. Ebene rechts */
				$('#naviFirstContainerBG').show();
				erste_ebene.css('left', pixelwerte[3] + 'px');	
			}
			else
			{
				/* es gibt keine 4. ebene */
				
				//alert('keine 4. ebene');
				
				/* erste Ebene in 2. Feld => 2. Ebene in 3. Feld, 3. Ebene rechts */
				erste_ebene.css('left', pixelwerte[2] + 'px');
			}
			
		} // ebenenzaehler == 3
		
		
		
		
		
		/* ***********************************  */
		/*  Navigation anzeigen und verbergen  */
		/* ********************************** */
		
		$('#navi_anzeigen').hide();
		$('#navi_verbergen').hide();
		
		
		var alter_linkswert = parseInt(erste_ebene.css('left').replace('px', ''));
		
		//alert(erste_ebene.css('left'));
		
		// wenn es mehr als eine Ebene gibt und die Navigation nicht ganz rechts ist 
		// => Knopf fuer Ausblenden anzeigen 
		if ((ebenenzaehler > 0) && (erste_ebene.css('left').replace('px', '') < pixelwerte[0]))
		{
			// verbergen
			
			$('#navi_verbergen').show();
			
			$('#navi_verbergen').click(function(){
			
				// zweite Ebene verbergen
				if (ebenenzaehler >= 1)
				{
					$('#navigation').find('ul.naviSecondUL').fadeOut();	
						
				}
				
				// dritte Ebene verbergen
				if (ebenenzaehler >= 2)
				{
					$('#navigation').find('ul.naviThirdUL').fadeOut();	
					
				}
				
				// vierte Ebene verbergen
				if (ebenenzaehler >= 3)
				{
					$('#navigation').find('ul.naviFourthUL').fadeOut();	
					
				}
				
				// erste Ebene nach rechts schieben, zur Ausgangsposition 
				/* die Hintergrundfelder ausblenden */
				/* den verbergen-Knopf ausblenden und den anzeigen-Knopf einblenden */
				erste_ebene.animate({left: pixelwerte[0]}, 1000, function(){
					
					$('#naviFirstContainerBG').fadeOut();
					$('#naviSecondContainerBG').fadeOut();
					$('#naviThirdContainerBG').fadeOut();
					
					$('#navi_verbergen').hide();
					$('#navi_anzeigen').show();
				});	
								
				
			});
		}
		
		
		// wenn mehr als eine ebene und die navigation aber ganz rechts ist 
		// => Knopf fuer das Anzeigen der Navigation einblenden 
		if ((ebenenzaehler > 1) && (erste_ebene.css('left').replace('px', '') == pixelwerte[0]))
		{
			// anzeigen 
			
			$('#navi_anzeigen').show();
		}
		
		
		$('#navi_anzeigen').click(function(){
			
			if (alter_linkswert <= pixelwerte[1])
			{
				$('#naviThirdContainerBG').fadeIn();
			}
					
			if (alter_linkswert <= pixelwerte[2])
			{
				$('#naviSecondContainerBG').fadeIn();
			}
				
			if (alter_linkswert <= pixelwerte[3])
			{
				$('#naviFirstContainerBG').fadeIn();
			}
				
			
			erste_ebene.animate({left: alter_linkswert}, 1000, function(){
				
				/* es gab anscheinend eine zweite Ebene */
				if (alter_linkswert <= pixelwerte[1])
				{
					//$('#navigation').find('ul.naviSecondUL').fadeIn();	
					
					second = erste_ebene.find('li.act').find('ul.naviSecondUL');
					
					second.fadeIn();
				}
					
				/* es gab anscheinend eine dritte Ebene */	
				if (alter_linkswert <= pixelwerte[2])
				{
					//$('#navigation').find('ul.naviThirdUL').fadeIn();
					
					third = erste_ebene.find('li.act').find('ul.naviSecondUL').find('li.act').find('ul.naviThirdUL');
					
					third.fadeIn();
				}
					
				/* es gab anscheinend eine vierte Ebene */
				if (alter_linkswert <= pixelwerte[3])
				{
					//$('#navigation').find('ul.naviFourthUL').fadeIn();	
					
					fourth = erste_ebene.find('li.act').find('ul.naviSecondUL').find('li.act').find('ul.naviThirdUL').find('li.act').find('ul.naviFourthUL');
					
					forth.fadeIn();
					
				}
				
				/* anzeigen-Knopf ausblenden, verbergen-Knopf einblenden */	
				$('#navi_anzeigen').hide();
				$('#navi_verbergen').show();
					
			});
				
		
		});
		
		
		
		
		
		/******************************/
		/* Bewegungen der Navigation */
		/****************************/
		
		/* alle links der navigation suchen */
		$('#navigation').find('li').find('a').click(function(){
		
			/* ziel zu dem link merken */
			var ziel = $(this).attr('href');
			
			//alert(ziel);
			
			/* nach unternavigationen zu dem link suchen */
			var unternavi = $(this).next('ul');
			
			/* die ul des links */
			var parent_ul = $(this).parent().parent();
			
			/* wenn es unterpunkte gibt */
			if (unternavi.attr('class'))
			{
				//var act_left = parent_ul.css('left').replace('px', '');
				
				var act_left = erste_ebene.css('left').replace('px', '');
				
				act_left = parseInt(act_left);
				
				//alert(parent_ul.attr('class') + ': ' + act_left);
				
				
				/* testen, ob auf die erste eben geklickt wurde */
				if (parent_ul.attr('class') == 'naviFirstUL')
				{
					// wenn die erste Ebene noch nicht nach links verschoben wurde
					if (act_left == pixelwerte[0])
					{
						//var new_left = act_left - 226;
						var new_left = pixelwerte[1];
					
						//alert('new left nach links: ' + new_left);
					
						$('#naviThirdContainerBG').fadeIn();
					
						parent_ul.animate({left: new_left}, 1000, function(){ 
						
							window.location.href = base + ziel; 
							
							
						});
					}
					else
					{
						/* erste ebene ist in der mitte oder links */
						if (act_left < pixelwerte[1])
						{
							//var new_left = parseInt(parseInt(act_left) + 227);
							var new_left = pixelwerte[1];
							
							//alert('new left nach rechts: ' + new_left);
						
							// dritte und zweite Ebene ausblenden
							$('#navigation').find('ul.naviThirdUL').fadeOut();
							$('#navigation').find('ul.naviSecondUL').fadeOut();	
							
							// 
							parent_ul.animate({left: new_left}, 1000, function(){ 
							
								// mittleren Container ausfaden
								$('#naviSecondContainerBG').fadeOut();
								window.location.href = base + ziel; 
							});
						}
						else
						{
							// erste eben so lassen und einfach springen
							window.location.href = base + ziel; 
						}
					}
					
					
				}
				
				
				
				/* testen, ob auf die zweite eben geklickt wurde */
				if (parent_ul.attr('class') == 'naviSecondUL')
				{
					/* erste ebene ist mittig*/
					if (act_left == pixelwerte[2])
					{
						/* nachschauen, ob es eine dritte ebene gibt */
						
						if ($(this).parent().find('ul').attr('class'))
						{
							/* wenn ja => nicht animieren */
							window.location.href = base + ziel; 
						}
						else
						{
							/* wenn nein, nach rechts schieben */
							//var new_left = parseInt(parseInt(act_left) + 226);
							var new_left = pixelwerte[1];
					
							//alert('new left nach rechts: ' + new_left);
							
							$('#navigation').find('ul.naviThirdUL').fadeOut();
							
							$('#naviSecondContainerBG').fadeIn();
							
							erste_ebene.animate({left: new_left}, 1000, function(){ 
								window.location.href = base + ziel; 
							});
						}
					
						
					}
					else
					{
						/* erste ebene ist rechts */
						if (act_left == pixelwerte[1])
						{
							/* nachschauen, ob es eine dritte ebene gibt */
							
							if ($(this).parent().find('ul').attr('class'))
							{
								/* wenn ja, nach links schieben */
								//var new_left = act_left - 226;
								var new_left  = pixelwerte[2];
								
								//alert('new left nach links: ' + new_left);
								
							
								$('#naviSecondContainerBG').fadeIn();
						
									erste_ebene.animate({left: new_left}, 1000, function(){ 
									window.location.href = base + ziel; 
									
								});
									
							}
							else
							{
								/* wenn nein, nichts machen */
								window.location.href = base + ziel; 
							}
							
						}
						
						
					}
					
				}
				/*
				else
				{
					return false;
				}
				*/
				
			}
			else
			{
				/* keine Unterpunkte zu dem aktuellen Menupunkt => Navi nach rechts fahren */
				
				if (parent_ul.attr('class') == 'naviFirstUL')
				{
					var act_left = parseInt(erste_ebene.css('left').replace('px', ''));
				
					//var new_left = act_left + 226;
					var new_left = pixelwerte[0];
				
					//alert('nach rechts: ' +  new_left);
				
					$('#navigation').find('ul.naviSecondUL').fadeOut();
					
					/*
					if (ebenenzaehler == 1)
					{
						$('#naviThirdContainerBG').fadeOut();
					}
				
					if (ebenenzaehler == 2)
					{
						$('#naviSecondContainerBG').fadeOut();
					}
					*/
				
					if (new_left <= pixelwerte[0])
					{
						parent_ul.animate({left: new_left}, 1000, function(){ 
				
							/*
							if (ebenenzaehler == 2)
							{
								$('#naviSecondContainerBG').fadeOut();
							}
							*/
							$('#naviSecondContainerBG').fadeOut();
							$('#naviThirdContainerBG').fadeOut(function(){
								window.location.href = base + ziel; 
							});	
							
						});
					}
					else
					{
						// Navigation wuerde zu weit nach rechts geschoben werden
						window.location.href = base + ziel;
					}
					
				}
				else
				{
					// wenn auf die zweite Ebene geklickt wurde
					if (parent_ul.attr('class') == 'naviSecondUL')
					{
						var new_left = pixelwerte[1];
				
						//alert('nach rechts: ' +  new_left);
				
						$('#navigation').find('ul.naviThirdUL').fadeOut();
						/*
						if (ebenenzaehler == 2)
						{
							$('#naviSecondContainerBG').fadeOut();
						}
						*/
						
						if (new_left <= pixelwerte[1])
						{
							erste_ebene.animate({left: new_left}, 1000, function(){ 
				
								$('#naviSecondContainerBG').fadeOut(function(){
									window.location.href = base + ziel; 
								});
								
							});
							
						}
						else
						{
							// Navigation wuerde zu weit nach rechts geschoben werden
							window.location.href = base + ziel;
						}
					}
					else
					{
						//alert('springen');
						window.location.href = base + ziel;
					}
					
					
				}
				
			}
			
			return false;
		
		});
		
		
		/*
		$('#navigation').mouseover(function(){
		
			//alert(ebenenzaehler);
			
			var new_left = pixelwerte[ebenezaehler];
			
			erste_ebene.animate({Left: new_left}, 1000);
		
		});
	
		
		$('#navigation').mouseout(function(){
		
			alert(erste_ebene.css('display'));
		
			//erste_ebene.animate({left: 701}, 1000);
		});
		*/
		
		
		/* Wetter einfuegen */
		//$.get("http://intelserver/starick/fileadmin/starick/wetter/wetter.txt", function(data) {
		
		$.get(base + "fileadmin/starick/wetter/wetter.txt", function(data) {
			
			//alert('daten geladen' + data);
		
			$("#wetter_inhalt").html(data);	
			
		});
		
			
	});