﻿	var reiter = ".toggle-container img";						//Reiterelemente
	var referenz = ".referenz-container-container #referenz-";	//Referenzcontainer, nach dem "-" wird das alt-Attribut des Reiterelements hinzugefügt
	var referenzAlle = ".referenz";								//Alle Referenzcontainer, zum setzten des Display:none
	var referenzContainer = ".referenz-container";				//Gesamter Referenzcontainer der "aufgefahren" wird
	var referenzLinksKlein = ".referenzBilderKlein a";			//Die Links um die kleinen Bilder
	var referenzBildContainerGross = ".referenzBildGross";				//
	
	
	jQuery(document).ready(function()
	{
		/*
		**	Die beiden Reiter auf Click binden
		**	Ist die Referenz eingeklappt klappt sie mit dem entsprechenden Inhalt auf.
		**	Ist die Referenz aufgeklappt wechselts sie den Inhalt, bzw. klappt zu.
		*/
		jQuery(reiter).bind("click", manageToggleAndSwitch);
		
		bindNewHeightToReferenceContainer();
		jQuery(window).bind('resize', function() 
		{
			bindNewHeightToReferenceContainer();
		});
		
		//jQuery(".referenz-container-switcher a").bind("click", switchReferenzTab);
		
		if(document.location.href.indexOf("debug") > -1)
		{
			$(".referenz-container-switcher").show();
		}
		
		jQuery(".referenzBilderKlein").slide({"speed" : 20000});
		manageImageLinks();
		jQuery(".referenz").css({"display" : "none"});
	});
	
	function manageToggleAndSwitch()
	{
		if(jQuery(this).data("aktiv") != true)
		{
			jQuery(".referenzBilderKlein").slide("pauseAnimation");
			jQuery(reiter).data("aktiv", false);
			jQuery(this).data("aktiv", true);
			switchReferenz(this);
			openReferenz();
			jQuery("#referenz-" + this.alt + " .referenzBilderKlein").slide("startAnimation");
		}
		else
		{
			jQuery(".referenzBilderKlein").slide("pauseAnimation");
			jQuery(reiter).data("aktiv", false);
			closeReferenz();
		}
	}
	
	function switchReferenz(elem)
	{
		jQuery(referenzAlle).css({"display" : "none"});
		jQuery(referenz + elem.alt).css({"display" : "block"});
	}
	
	function openReferenz()
	{
		var jQueryRefCont = jQuery(referenzContainer);
		jQueryRefCont.data("open", true);
		if (jQueryRefCont.data("oldmarginleft") == null || jQueryRefCont.data("oldmarginleft") == undefined)
		{
			jQueryRefCont.data("oldmarginleft", parseInt(jQueryRefCont.css("marginLeft"),10));
		}
		jQueryRefCont	
			.dequeue()
			.animate({marginLeft:0}, 800);
	}
	
	function closeReferenz()
	{
		var jQueryRefCont = jQuery(referenzContainer)
		jQueryRefCont
			.data("open", false)
			.dequeue()
			.animate({marginLeft: jQueryRefCont.data("oldmarginleft")}, 800);
	}
	
	function bindNewHeightToReferenceContainer()
	{
		$(".referenz-wrapper").css({"height" : "100%"});
		
		var maxHeightreferenz = $(".referenz-wrapper").height();
		if($(".rw_wrapper").height() > maxHeightreferenz)
		{
			maxHeightreferenz = $(".rw_wrapper").height();
		}
		if($("body").height() > maxHeightreferenz)
		{
			maxHeightreferenz = $("body").height();
		}
		if($("html").height() > maxHeightreferenz)
		{
			maxHeightreferenz = $("html").height();
		}
		$(".referenz-wrapper").css({"height" : maxHeightreferenz});
	}
	
	function manageImageLinks()
	{
		jQuery(referenzLinksKlein).each(function()  
			{
				var curElem = jQuery(this);
				var curBigImageElem = curElem.closest(referenzAlle).find(referenzBildContainerGross);
				//debug(curBigImageElem.attr("class")); 
				curElem
					.data("imageContainer", curBigImageElem)
					.data("href", curElem.attr("href"))
					.data("target", curElem.attr("target"))
					.attr({"onClick" : "javascript: return false;", "href" : "#", "target" : ""})
					.bind("click", function()
					{
						var $this = jQuery(this);
						var bigImage = $this.data("imageContainer").find("img");
						bigImage.attr({"src" : $this.find("img").eq(0).attr("src").split("_thumb").join(""), "alt" : $this.find("img").eq(0).attr("alt")}); 
						
						var bigImageLink = $this.data("imageContainer").find("a");
						bigImageLink.attr({"href" : $this.data("href"), "target": $this.data("target")});
					});
				
			});
	}
	
	function debug(msg)
	{
		var debugmsg = jQuery("<div>");
		debugmsg.html(msg);
		debugmsg.appendTo("body");
	}
