var animationTime = 400;

$(document).ready(function(){

	// Legende wird ausgeblendet
	$('li.legend').css({'opacity':'0'});
	
	// Mitteilungen Box Startseite Navigation
	$("a.toggler").click(function(){
		var target = $(this).attr("rel");
		var active = $("#news-start-nav a.aktiv").attr("rel");
		$("#"+active).slideUp();
		$("#"+target).slideDown();
		$("#news-start-nav a").removeClass("aktiv");
		$(this).addClass("aktiv");
		// Mitteilungen Box Startseite Legende
		$('li.legend').css({'visibility':'visible'});
		if (target == "box-current-news")
		{				
			$('ul#news-start-nav').css('height', 'auto');
			$('li#legend').animate({'opacity':'1'}, 1000 );
		}
		else
		{				
			$('li#legend').animate({'opacity':'0'}, 100, 'linear', function(){$('ul#news-start-nav').css('height', '100px');} );	
		}
		return false;
	});
	

	// Blaues Schaufenster ****************************************************************
	
	// Boxbreite wird berechnet
	var studienwith = parseInt($(".studien ul li").css("width"))+parseInt($(".studien ul li").css("paddingLeft"))+parseInt($(".studien ul li").css("paddingRight"))+parseInt($(".studien ul li").css("marginLeft"))+parseInt($(".studien ul li").css("marginRight"));

	// Anzahl der Boxen (li) wird ermittelt
	var anzahlBoxen = $('div.studien ul li').length;
	
	// positioniert alle Boxen (li) absolute, z-index und au�erhalb des sichtbaren bereichs
	$('div.studien ul li').css({'position':'absolute','left':'800px','zIndex':'45'}); 
	
	
	// verteilt die Boxen und setzt den z-index
	$("div.studien ul li:nth-child(1)").css({'left':'30px','zIndex':'41'});
	$("div.studien ul li:nth-child(2)").css({'left':'211px','zIndex':'42'});
	$("div.studien ul li:nth-child(3)").css({'left':'392px','zIndex':'43'});
	$("div.studien ul li:nth-child(4)").css({'left':'573px','zIndex':'44'});
	
	// Eigenschaften f�r Animation setzen
	// Links hinten transparent
	//var posBoxHintenLinks = {'left':'0px', 'height':'159px', 'padding':'13px', 'opacity':'0.4', 'width':'128px', 'top':'16px', 'zIndex':'39' };
	var posBoxHintenLinks = {'left':'0px', 'height':'159px', 'padding':'13px', 'opacity':'0.4', 'width':'128px', 'top':'16px' };
	var posBoxHintenLinksH3 = { 'fontSize':'17px', 'marginTop':'9px' /*, 'marginBottom':'14px' */ };
	var posBoxHintenLinksP = { 'marginTop':'8px', 'marginBottom':'13px', 'fontSize':'13px' };
	
	// Rechts hinten transparent
	//var posBoxHintenRechts = {'left':'633px', 'height':'159px', 'padding':'13px', 'opacity':'0.4', 'width':'128px', 'top':'16px', 'zIndex':'38' };
	var posBoxHintenRechts = {'left':'633px', 'height':'159px', 'padding':'13px', 'opacity':'0.4', 'width':'128px', 'top':'16px' };
	var posBoxHintenRechtsH3 = { 'fontSize':'17px', 'marginTop':'9px' /*, 'marginBottom':'14px' */ };
	var posBoxHintenRechtsP = { 'marginTop':'8px', 'marginBottom':'13px', 'fontSize':'13px' };
	
	// Eigenschaften der ersten normalen Box
	// var posBoxNormalLinks = {'left':'30px', 'zIndex':'41', 'height':'187px', 'padding':'15px', 'opacity':'1', 'width':'150px', 'top':'0px' };
	var posBoxNormalLinks = {'left':'30px','height':'187px', 'padding':'15px', 'opacity':'1', 'width':'150px', 'top':'0px' };
	var posBoxNormalLinksH3 = { 'fontSize':'20px', 'marginTop':'10px' /*, 'marginBottom':'20px' */ };
	var posBoxNormalLinksP = { 'marginTop':'10px', 'marginBottom':'15px', 'fontSize':'15px' };
	
	// Eigenschaften der ersten normalen Box
	// var posBoxNormalRechts = {'left':'573px', 'zIndex':'41', 'height':'187px', 'padding':'15px', 'opacity':'1', 'width':'150px', 'top':'0px' };
	var posBoxNormalRechts = {'left':'573px','height':'187px', 'padding':'15px', 'opacity':'1', 'width':'150px', 'top':'0px' };	
	var posBoxNormalRechtsH3 = { 'fontSize':'20px', 'marginTop':'10px' /*, 'marginBottom':'20px' */ };
	var posBoxNormalRechtsP = { 'marginTop':'10px', 'marginBottom':'15px', 'fontSize':'15px' };
												
	// baut die letzte Box vor die Erste und
	$('div.studien ul li:first').before($('div.studien ul li:last'));
	// setzt die eigenschaften dieser nach hinten versetzten linken transparenten box
	$("div.studien ul li:nth-child(1)").css( posBoxHintenLinks );
	$("div.studien ul li:nth-child(1) h3").css( posBoxHintenLinksH3 );
	$("div.studien ul li:nth-child(1) p").css( posBoxHintenLinksP );
	$("div.studien ul li:nth-child(1)").css({ 'zIndex':'39' });
	// baut die folgende Box hinter die Letzte
	// setzt die eigenschaften dieser nach hinten versetzten rechten transparenten box
	$("div.studien ul li:nth-child(6)").css( posBoxHintenRechts );
	$("div.studien ul li:nth-child(6) h3").css( posBoxHintenRechtsH3 );
	$("div.studien ul li:nth-child(6) p").css( posBoxHintenRechtsP );
	$("div.studien ul li:nth-child(6)").css({ 'zIndex':'38' });
	
	
	
	// Klick auf Pfeil nach links
	$("a#prev2, a#prev2_inner").click(function()
	{
		hideLinks();
		
		// schiebt die 3 boxen die sich nicht ver�ndern nach rechts
		$("div.studien ul li:nth-child(2), div.studien ul li:nth-child(3), div.studien ul li:nth-child(4)").animate({"left":"+=181px"}, animationTime);
		// animiert die box hinten links > auf Position Normal links
		$("div.studien ul li:nth-child(1)").animate( posBoxNormalLinks, animationTime );
		$("div.studien ul li:nth-child(1) h3").animate( posBoxNormalLinksH3, animationTime );
		$("div.studien ul li:nth-child(1) p").animate( posBoxNormalLinksP, animationTime );
		
		// initialisiert die eigenschaften der rechten normalen box
		$("div.studien ul li:nth-child(5)").css( posBoxNormalRechts );
		$("div.studien ul li:nth-child(5) h3").css( posBoxNormalRechtsH3 );
		$("div.studien ul li:nth-child(5) p").css( posBoxNormalRechtsP );
		// schiebt die rechte normale box > rechts nach hinten
		$("div.studien ul li:nth-child(6)").css({ 'zIndex':'37' });
		$("div.studien ul li:nth-child(5)").css({ 'zIndex':'38' });
		$("div.studien ul li:nth-child(5)").animate( posBoxHintenRechts, animationTime );
		$("div.studien ul li:nth-child(5) h3").animate( posBoxHintenRechtsH3, animationTime );
		$("div.studien ul li:nth-child(5) p").animate( posBoxHintenRechtsP, animationTime );
		// animiert die box hinten rechts > auf Warte Position
		$("div.studien ul li:nth-child(6)").animate({ 'left':'-=70px' }, animationTime, function(){ $(this).css({ 'left':'800px' }); } );
		
		
		// baut die letzte Box vor die Erste und
		$('div.studien ul li:first').before($('div.studien ul li:last'));
		// setzt die eigenschaften dieser nach hinten versetzten transparenten box
		$("div.studien ul li:nth-child(1)").css( posBoxHintenLinks );
		$("div.studien ul li:nth-child(1) h3").css( posBoxHintenLinksH3 );
		$("div.studien ul li:nth-child(1) p").css( posBoxHintenLinksP );
		$("div.studien ul li:nth-child(1)").css({ 'zIndex':'39' });
		$("div.studien ul li:nth-child(1)").css({ 'left':'70px' });
		$("div.studien ul li:nth-child(1)").animate({ 'left':'0px' }, animationTime);
		
		ready();
		
		return false;
	});
	
	// Klick auf Pfeil nach rechts
	$("a#next2, a#next2_inner").click(function(){
		hideLinks();
		
		// schiebt die 3 boxen die sich nicht ver�ndern nach rechts
		$("div.studien ul li:nth-child(3), div.studien ul li:nth-child(4), div.studien ul li:nth-child(5)").animate({"left":"-=181px"}, animationTime );
        // animiert die box hinten rechts > auf Position Normal rechts
		$("div.studien ul li:nth-child(6)").css({ 'zIndex':'40' });
		$("div.studien ul li:nth-child(6)").animate( posBoxNormalRechts, animationTime,function(){ $(this).css({ 'zIndex':'41' }); } );
		$("div.studien ul li:nth-child(6) h3").animate( posBoxNormalRechtsH3, animationTime );
		$("div.studien ul li:nth-child(6) p").animate( posBoxNormalRechtsP, animationTime );
		// animiert die box hinten links > auf Warte Position
		$("div.studien ul li:nth-child(1)").animate({ 'left':'+=70px' }, animationTime,function(){ $(this).css({ 'left':'800px' }); } );
		
		// initialisiert die eigenschaften der linken normalen box
		$("div.studien ul li:nth-child(2)").css( posBoxNormalLinks );
		$("div.studien ul li:nth-child(2) h3").css( posBoxNormalLinksH3 );
		$("div.studien ul li:nth-child(2) p").css( posBoxNormalLinksP );
		// schiebt die linke normale box > links nach hinten
		$("div.studien ul li:nth-child(1)").css({ 'zIndex':'37' });
		$("div.studien ul li:nth-child(2)").css({ 'zIndex':'39' });
		$("div.studien ul li:nth-child(2)").animate( posBoxHintenLinks, animationTime );
		$("div.studien ul li:nth-child(2) h3").animate( posBoxHintenLinksH3, animationTime );
		$("div.studien ul li:nth-child(2) p").animate( posBoxHintenLinksP, animationTime );
		
		
		// setzt die eigenschaften der neuen rechten hinteeren transparenten box		
		$("div.studien ul li:nth-child(7)").css( posBoxHintenRechts );
		$("div.studien ul li:nth-child(7) h3").css( posBoxHintenRechtsH3 );
		$("div.studien ul li:nth-child(7) p").css( posBoxHintenRechtsP );
		$("div.studien ul li:nth-child(7)").css({ 'zIndex':'36' });
		$("div.studien ul li:nth-child(7)").css({ 'left':'563px' });
		$("div.studien ul li:nth-child(7)").animate({ 'left':'633px' }, animationTime);
		// baut die erste Box nach der Letzten
		$('div.studien ul li:last').after($('div.studien ul li:first'));
		
		ready();

		return false;
	});
	
	// Klick auf Pfeil nach links (innerhalb der Detaibox eines Schaufensters)
	$('a#prev2_inner').click(function ()
	{
		var target = $(this).parents('div.schaufensterDetails').prev('div.schaufensterDetails');
		if (target.length <= 0)
		{
			// wenn es kein vorheriges Schaufenster mehr gibt, dann fangen wir wieder beim letzten an
			$('.schaufensterDetails').each(function (i, schaufensterDetails)
			{
				target = $(schaufensterDetails).attr('rel');
			});
		}
		else
		{
			target = $(target).attr("rel");
		}
		
		if (target != null &&
			target.trim().length > 0)
		{
			var time = animationTime * 2;
			
			$("div[rel='" + target + "']").show("slide", { direction: "left" }, time);
			$(this).parents("div.schaufensterDetails").delay(time).hide("slide", { direction: "right" }, time);
		}
	});
	
	// Klick auf Pfeil nach rechts (innerhalb der Detaibox eines Schaufensters)
	$('a#next2_inner').click(function ()
	{
		var target = $(this).parents('div.schaufensterDetails').next('div.schaufensterDetails');
		if (target.length <= 0)
		{
			// wenn es kein nächstes Schaufenster mehr gibt, dann fangen wir wieder beim ersten an
			$('.schaufensterDetails').each(function (i, schaufensterDetails)
			{
				target = $(schaufensterDetails).attr('rel');
				return false;
			});
		}
		else
		{
			target = $(target).attr("rel");
		}
		
		if (target != null &&
			target.trim().length > 0)
		{
			var time = animationTime * 2;
			
			$("div[rel='" + target + "']").show("slide", { direction: "right" }, time);
			$(this).parents("div.schaufensterDetails").delay(time).hide("slide", { direction: "left" }, time);
		}
	});
	
	// Klick auf die Box slidet die Detaibox ein
	$("div.studien ul a.mehr").click(function(){
		var target = $(this).parent("li").attr("id");
		$("div[rel='"+target+"']").slideDown();
		return false;
	});
	
	// Detailbox schlie�en slidet sie wieder weg
	$("div#carousel div.unsichtbar a.close").click(function(){
		$(this).parents("div.unsichtbar").slideUp();
		return false;
	});
});

function hideLinks(){
	$("#prev2").hide();
	$("#next2").hide();
}

function showLinks(){
	$("#prev2").show();
	$("#next2").show();
}

function ready(){
	window.setTimeout("showLinks();",animationTime);
}