// Author: Media-Seven - Thomas Günther
// Website: http://www.media-seven.de/
// Please do not modify, use oder distribute this code without permission. Thanks.

var $bla = jQuery.noConflict();

$bla(document).ready(function(){
	
	// Wenn Mauszeiger über Link...
	$bla("#bereiche a").mouseover(function() {
		
		// Feststellen ob alle in der Standartposition sind, wenn ja ist die Variable "Counter" 6.
		var counter = 0;
		$bla("#quadrate div").each(function() {
			var standardwert = $bla(this).attr("alt");
			var wert = $bla(this).css("backgroundPosition");
			if ( parseFloat(standardwert) ==  parseFloat(wert) ) {
				counter++;
			};
		});
		// Ende Feststellung.
		
		
		// Variablen.
		var klasse = $bla(this).attr("class");
		var bereich = $bla(this).children("span").attr("alt");
		var zwilling = $bla("#quadrate").children("div#" + klasse);
		var zwillingposition = $bla(zwilling).css("backgroundPosition");
		var zwillingstandardwert = $bla(zwilling).attr("alt");
		// Ende Variablen.
		
		// Wenn Counter "6" ist, animiere alle Geschwister zur Position des Zwillings.
		if (counter == 6) {
		
			$bla("#quadrate div").each(function() {
				var standardwert = parseFloat($bla(this).attr("alt"));
				$bla(this).stop().animate({"backgroundPosition": zwillingposition},600, function() {
					// Nachdem Animation ausgeführt: Ändere Bereichslogo. Blende das Bereichslogo ein.
					var bild = "fileadmin/template2010/Startseite-Template/img/koepfe/" + bereich.toLowerCase() + "-kopf.gif";
					$bla("#bereich-logo").attr("src", bild);
					$bla("#bereich-logo").fadeIn(250);
					// Ende.
				});
			});
			
		} 
		// Ende Animation.
		
		
		// Wenn Counter nicht "6" ist, animiere alle Geschwister zur Standartposition. Dann animiere alle Geschwister zur Zwillingsposition.
		else {
		
			// Blende Bereichslogo aus.
				$bla("#bereich-logo").fadeOut(200);
			$bla("#quadrate div").each(function() {
				var standardwert = $bla(this).attr("alt");
				$bla(this).stop().animate({"backgroundPosition": standardwert},300, function() {
					$bla(this).animate({"backgroundPosition": zwillingstandardwert},600, function() {
						// Nachdem Animation ausgeführt: Ändere Bereichslogo. Blende das Bereichslogo ein.
						var bild = "fileadmin/template2010/Startseite-Template/img/koepfe/" + bereich.toLowerCase() + "-kopf.gif";
						$bla("#bereich-logo").attr("src", bild);
						$bla("#bereich-logo").fadeIn(250);
						// Ende.
					});
				
				});
			});
			
		};
		// Ende Animation.
			
			
	});
	// Ende.
	
	
	// Wenn Mauszeiger nicht mehr auf dem Link...
	$bla("#bereiche a").mouseout(function() {
		
		// Animiere alle Geschwister zur Standartposition.
		$bla("#quadrate div").each(function() {
			var standardwert = $bla(this).attr("alt");
			$bla(this).stop().animate({"backgroundPosition": standardwert},400, function() {
				// Nachdem Animation ausgeführt: Blende das Bereichslogo aus.
				$bla("#bereich-logo").fadeOut();
			});
		});
		// Ende.
		
	});
	// Ende.
	
	
	
	
	
	
	
	
	/////////////////////////////////25.03.2011/////////////////////////////////
	
	
	
	
	
	
	
	
	
	
	// Wenn Mauszeiger über Link...
	$bla("#quadrate div").mouseover(function() {
		
		
		// Feststellen ob alle in der Standartposition sind, wenn ja ist die Variable "Counter" 6.
		var counter = 0;
		$bla("#quadrate div").each(function() {
			var standardwert = $bla(this).attr("alt");
			var wert = $bla(this).css("backgroundPosition");
			if ( parseFloat(standardwert) ==  parseFloat(wert) ) {
				counter++;
			};
		});
		// Ende Feststellung.
		
		
		// Variablen.
		var id = $bla(this).attr("id");
		var bereich = $bla("#bereiche a[class=" + id + "]").children("span").attr("alt");
		var position = $bla(this).css("backgroundPosition");
		var standardwert = $bla(this).attr("alt");
		// Ende Variablen.
		
		// Wenn Counter "6" ist, animiere alle Geschwister zur Position des Zwillings.
		if (counter == 6) {
		
			$bla("#quadrate div").each(function() {
				$bla(this).stop().animate({"backgroundPosition": position},600, function() {
					// Nachdem Animation ausgeführt: Ändere Bereichslogo. Blende das Bereichslogo ein.
					var bild = "fileadmin/template2010/Startseite-Template/img/koepfe/" + bereich.toLowerCase() + "-kopf.gif";
					$bla("#bereich-logo").attr("src", bild);
					$bla("#bereich-logo").fadeIn(250);
					// Ende.
				});
			});
			
		} 
		// Ende Animation.
		
		
		// Wenn Counter nicht "6" ist, animiere alle Geschwister zur Standartposition. Dann animiere alle Geschwister zur Zwillingsposition.
		else {
		
			// Blende Bereichslogo aus.
			$bla("#bereich-logo").fadeOut(200);
			$bla("#quadrate div").each(function() {
				var einzelnerstandardwert = $bla(this).attr("alt");
				$bla(this).stop().animate({"backgroundPosition": einzelnerstandardwert},300, function() {
					$bla(this).animate({"backgroundPosition": standardwert},600, function() {
						// Nachdem Animation ausgeführt: Ändere Bereichslogo. Blende das Bereichslogo ein.
						var bild = "fileadmin/template2010/Startseite-Template/img/koepfe/" + bereich.toLowerCase() + "-kopf.gif";
						$bla("#bereich-logo").attr("src", bild);
						$bla("#bereich-logo").fadeIn(250);
						// Ende.
					});
				
				});
			});
			
		};
		// Ende Animation.
			
			
	});
	// Ende.
	
	
	// Wenn Mauszeiger nicht mehr auf einem Quadrat...
	
	$bla("#quadrate").mouseout(function() {
	
		
		// Animiere alle Geschwister zur Standartposition.
		$bla("#quadrate div").each(function() {
			var standardwert = $bla(this).attr("alt");
			$bla(this).stop().animate({"backgroundPosition": standardwert},400, function() {
				// Nachdem Animation ausgeführt: Blende das Bereichslogo aus.
				$bla("#bereich-logo").fadeOut();
			});
		});
		// Ende.
		
		
	});
	// Ende.
	
	
	
});