$(document).ready(function() {
	// ++ RESIZE HINTERGRUNDBILD ++
	$("#resizeImage").ezBgResize();

	
	// ++ HANDTUCHSEITE SCROLLEN ++
	$.localScroll();
	
	// LIGHTBOX
	$("a.lightboxOpen").fancybox({
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'overlayColor'		: '#000',
		'overlayOpacity'	: 0.9
		});

	
	// ++ SLIDER AUF STARTSEITE ++ 
	$("#sliderManufaktur").easySlider({
		auto: false, 
		continuous: false,
		pause: 7000,
		speed: 500,
		prevId: 'prevBtn',
		prevText: '',
		nextId: 'nextBtn',	
		nextText: '',
		controlsShow: false // Wenn nur ein Element Online ist dann schalte die Controls aus
	});
	
	
	// ++ POSITIONIERUNG VON ENERGIEMARKT-BUTTON  ++
	function resizeEnergieNavigation(){
		// Der Navigationspunkt Energiemarkt soll immer unterhalb der Subnavigation auf Referenzen platziert werden.
		var naviHeight = $("#referenzNavigation").height() + 5;
		// document.getElementById('energiePosition').style.marginTop = naviHeight + 'px';
		// document.getElementById('mainNavigation').style.right = '18px';
	}
	
	
	// HIGHLIGHT VON MANUFAKTUR BEI ERSTEM SEITEN-AUFRUF
	highlight('Manufaktur');

	
	// ++ HÖHE BESTIMMEN UND HIGHTLIGHTEN VON NAVIGATION ++
	$(window).scroll(function () {
		// Aktuelle Position
		var winPos = $(window).scrollTop();
		// Höhe der einzelnen Areas
		var heightManufaktur = $("#manufaktur").height() - 10;
		var heightKommunikation = $("#kommunikation").height() + heightManufaktur - 100;
		var heightReferenzen = $("#referenzen").height() + heightKommunikation - 100;
		var heightEnergiemarkt = $("#energiemarkt").height() + heightReferenzen - 100;
			
		if (winPos > 0 && winPos <= heightManufaktur) highlight('Manufaktur');
		if (winPos > heightManufaktur && winPos <= heightKommunikation) highlight('Kommunikation');
		if (winPos > heightKommunikation && winPos <= heightReferenzen) highlight('Referenzen');
		if (winPos > heightReferenzen && winPos <= heightEnergiemarkt) highlight('Energiemarkt');
	});

	function resetBG() {
		if($('#rszImg').attr('src') != 'img/vignette_1024x768.png') {
				$('#rszImg').fadeOut('normal', function() {
					$('#rszImg').attr('src', 'img/vignette_1024x768.png');
					$('#rszImg').fadeIn('normal');
					$('#referenzNavigation li').removeClass('active');
					});
			}
		}		
		
	function highlight(section) {
		$('#mainNavigation li A').removeClass('active');
		$('#a' + section).addClass('active');
			
			if (section == 'Kommunikation'){
				// Wenn Viewport bei Kompetenz (Kommunikation), Referenz ausblenden und Hintergrundbild zurücksetzen
				resetBG();					
				$('#referenzArea').html('');
				document.getElementById('mainNavigation').style.right = '22px';				
				document.getElementById('energiePosition').style.marginTop = '30px';
				//pausiert den VideoPlayer
				$('#flowPlayerStart').flowplayer(0).pause();
				// Schließt die Lightbox
				parent.$.fancybox.close();
			}
			if (section == 'Referenzen'){
				// Wenn Viewport bei Referenzen, Navigation neu justieren
				resizeEnergieNavigation();
			}
			else if (section == 'Energiemarkt'){
				// Wenn Viewport bei Energiemarkt, Referenz ausblenden und Hintergrundbild zurücksetzen
				resetBG();					
				$('#referenzArea').html('');
				document.getElementById('mainNavigation').style.right = '22px';
				document.getElementById('energiePosition').style.marginTop = '30px';
			}
			else{
			}		
	}

	
	// TOGGLE CONTAINER -> Set default
	$('.acc_container').hide(); //Hide/close all containers

	
	// TOGGLE CONTAINER -> On Click
	$('.acc_trigger').click(function(){
		if( $(this).next().is(':hidden') ) { 	// Wenn der direkte nächste 
												// Container geschlossen ist
			$('.acc_trigger').removeClass('active').next().slideUp();	// Lösche alle "active" Class 
																		// und slideUP nächsten Container
			$(this).toggleClass('active').next().slideDown(); 	// Füge "active" Class hinzu 
																// uns slideDown nächsten Container
		} else {
			$('.acc_trigger').removeClass('active').next().slideUp();	// Lösche alle "active" Class 
																		// und slideUP nächsten Container
		}
		return false; 	// Halte den Browser davon ab zum nächsten Anker zu springen
	});
		
});

 // Add VideoJS to all video tags on the page when the DOM is ready
// VideoJS.setupAllWhenReady();



// ++ KONTAKTFORMULAR ++
function checkResult() {  // Überprüft ob auch alle Pflichtfelder ausgefüllt sind.
	var i = 0;
	
	if($('#formFirstname').val() == ""){
		document.getElementById('formFirstname').style.borderColor = "#e8441e";
		i++;
	} 
	if($('#formLastname').val() == ""){
		document.getElementById('formLastname').style.borderColor = "#e8441e";
		i++;
	}
	if($('#formEmail').val() == ""){
		document.getElementById('formEmail').style.borderColor = "#e8441e";
		i++;
	}
	if($('#formTextarea').val() == ""){
		document.getElementById('formTextarea').style.borderColor = "#e8441e";
		i++;
	}
	
	if(i>0){
		// alert( "Zum Absenden des Formulars müssen alle Pflichtfelder ausgefüllt sein!" );
	} else {
		sendMail();
	}
}

function sendMail() {  
	$.ajax({
		type: "POST",
		url: "php/sendmail.php",
		data: "vorname=" + $('#formFirstname').val() + "&nachname=" + $('#formLastname').val() + "&email=" + $('#formEmail').val() + "&nachricht=" + $('#formTextarea').val(),
		success: function(msg){
			// alert( "Data Saved: " + msg );
			$('#dataSave').html(msg);
			if(msg == 'Herzlichen Dank!'){
				document.getElementById('formButton').style.display = "none";
			}
			document.getElementById('dataSave').style.display = "inline";
		}
 });
}


// AJAX ANFRAGE in Sectio: Referenzen
// Zeige Referenzen mit bestimmter referenz_ID
function getReferenz(referenz_id) {	
	$.ajax({
		type: "GET",
		url: "php/db_referenz.php",
		data: "q=" + referenz_id,
		success: function(msg){
			$('#referenzNavigation li').removeClass('active');	
			
			// CONTENT
			$('#referenzArea').html(msg);
				
			// BACKGROUND-IMAGE	
			var bckgrImage = document.getElementById('bckgrImg').value;
			setBG('img-content/referenzen/' + bckgrImage);
			//$('#rszImg').attr('src', bckgrImage);
			$('#flashBG').html('');
			
			
			// SLIDER		
			$("#sliderReferenzen").easySlider({
				auto: false, 
				continuous: false,
				pause: 7000,
				speed: 600,
				numericId: 'controlsReferenz',
				numeric: true
			});

		
			// LIGHTBOX
			$("a[rel=gallery]").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9
			});
			
			// HIGHLIGHT Referenz
			$('#' + referenz_id).addClass('active');			
		}
	});
}