/*{*{taglib name=pylon.gear.PylonTagLib}
{loadresource name=labels}
{taglib name=webdrive.gear.WebdriveTagLib}*}*/

var basicWidth = 384; //Basislänge des divs redbar
var leftRedBar = 7; //Ausgangsverschiebung des divs redbar

var ulLeftPosition = 410; //benötigt für die 2te und 3te Level Anpassung 

var amountIDs = 6; //Manuelle Bestimmung der Anzahl der Menüpunkte

var widthRedBar = ''; //Breite des roten Balken
var activeId = 0; // id-Nummer des aktiven Menü-Elements
var widthIds = {}; //Objekt, in welchem die Breiten für alle Punkte gespeichert wird
var left = {}; //Objekt, in welchem die Verschiebungen für alle Punkte gespeichert werden

var leftRedBarActual = '';
var leftRedBarMove = '';


var	nameonload = $("#Name").attr("value");
var	mailonload = $("#Mail").attr("value");
var	textonload = $("#Nachricht").text();

$(document).ready(function () {
	
	var $atmosphere = $('#atmosphere');
	if (typeof(atmospheres) != 'undefined') {
		for (index in atmospheres) {
			$atmosphere.append($('<img>', {src: atmospheres[index]}));
		}
	}
	
	$atmosphere.cycle({
		fx: 'fade',
		speed: 1400,
		timeout: 4000
	});

	/* Breite aller lis + aktives li bestimmen */
	for (var i = 1; i <= amountIDs; i++) {
		var idname = "#navelement" + i;	
		widthIds[i] = $(idname).innerWidth(); //Die Breite aller Elemente in Array speichern 
		if ( $(idname).hasClass("activeLi") ) {activeId = i;} //Nummer des aktiven Elements speichern
	}
	
	/* Ausgangsbreite des roten Balkens bestimmen */
	widthRedBar = basicWidth + widthIds[1] - 13; /* Startbalken */
	widthRedBarOutput = widthRedBar + "px";
	$("#redbar").css({ width:widthRedBarOutput });

	/* Verschiebung für alle Positionen bestimmen */
	addLeft = leftRedBar;
	left[1] = 7;
	for (var i = 2; i <= amountIDs; i++) {
			addLeft += widthIds[i];
			left[i] = addLeft;
	}

	/* Ausgangsverschiebung des roten Balkens anzeigen */
	leftRedBarActual = left[activeId] + widthRedBar;
	leftRedBarActualOutput = leftRedBarActual + "px";
	$("#redbar").css({ width:leftRedBarActualOutput });

	/*secondlevelmenü*/
	if($("#secnavigation")) {
		var addleftreal = 0;
		var leftreal = {};
		for (var i = 1; i <= amountIDs; i++) {
			addleftreal += widthIds[i];
			leftreal[i] = addleftreal;
		}
		
		var width2nd = $("#secnavigation").innerWidth(); //Breite des 2nd Level Uls
		var left2nd = ulLeftPosition - width2nd + leftreal[activeId]; // Berechnung der neuen Position
		left2nd = left2nd + "px";
		$("#secnavigation").css({ left:left2nd });
		
		if($("#thirdnavigation")) {
			var width3rd = $("#thirdnavigation").innerWidth(); //Breite des 3rd Level Uls		
			var left3rd = ulLeftPosition - width3rd + leftreal[activeId]; // Berechnung der neuen Position
			left3rd = left3rd + "px";
			$("#thirdnavigation").css({ left:left3rd });
		}
	}
	
	
	/* Wechseln des Hintergrunds*/	
	/*
	$("#bggrey").click(function () { 
		$("body").addClass("bggrey");
		$("body").removeClass("bgblue");
	});

	$("#bgblue").click(function () { 
		$("body").addClass("bgblue");
		$("body").removeClass("bggrey");
	});
	*/
	/*Checkt beim laden, welche Werte im Kontaktformular am Anfang eingetragen sind*/
	$("#form").attr("onSubmit", "return beforeSubmit()");
	nameonload = $("#Name").attr("value");
	mailonload = $("#Mail").attr("value");
	textonload = $("#Nachricht").text();
	
	
	
		$(".block").each(function (i) {
		var thisArrow = $(this).find(".toggler");
		var thisContent = $(this).find(".togglecontent");
		var thisAnchor = $(this).find(".anchor");
		thisArrow.click(function(e) {
		
			thisArrow.toggleClass("opened");
			thisArrow.addClass("helpopened");
			thisContent.addClass("contentopened");
			
			thisContent.slideToggle(600, function() {
				/*$(window).scrollTo(thisAnchor, 450);*/
				CSBfleXcroll('content');
			});
			
			$(".togglecontent").not(".contentopened").slideUp(600);
			$(".toggler").not(".helpopened").removeClass("opened")
			
			thisContent.removeClass("contentopened");
			thisArrow.removeClass("helpopened");
			
		return false;
		});
	});
	
	
	
	
});


function mouseIn(hoverId) {
	leftRedBarMove = widthRedBar + left[hoverId] /*+ leftRedBarActual*/;
	leftRedBarMoveOutput =  leftRedBarMove + "px";	
	$("#redbar").stop().animate({width:leftRedBarMoveOutput}, 280, "swing").css('overflow', 'visible');
}

function mouseOut() {
	$("#redbar").stop().animate({width:leftRedBarActualOutput}, 560, "swing").css('overflow', 'visible');
}


function beforeSubmit() {
	/* Checkt beim Submit, welche Werte in den Feldern eigetragen sind */
	var name = $("#Name").attr("value");
	var mail = $("#Mail").attr("value");
	var text = $(".textform").text();	

	/* Sind Werte verändert worden? Wenn ja, Pflichtfeld leeren, damit Nachricht nicht abgeschickt wird */

	if (text==textonload) {
		$(".textform").text("");
	}
	if (name==nameonload) {
		$("#Name").attr("value", "");	
	}
	if (mail==mailonload) {
		$("#Mail").attr("value", "");	
	}	
	
}