$(document).ready(function() {
	
	//============= Projectslider =============//
		
	// die Seiten anzeigen und den 1. Link aktivieren
	$('.paging').show();
	$('.paging a:first').addClass('active');	
	
	// die grösse der Bilder, wieviele und die grösse des gesamten Slider festlegen
	var imageWidth = $('.window').width();
	var imageSum = $('.imageRow img').size();
	var imageRowWidth = imageWidth * imageSum;
	
	// imageRow die neue Grösse geben
	$('.imageRow').css({'width' : imageRowWidth});
	
	// Seiten und Sliderfunkction
	rotate = function() {
		var triggerID = $active.attr('rel') - 1;
		var imageRowPosition = triggerID * imageWidth; 
		
		$('.paging a').removeClass('active');
		$active.addClass('active'); 
		
		// Slider
		$('.imageRow').animate({
			left: -imageRowPosition
		}, 500);
	};
	
	// Rotation und Timing
	rotateSwitch = function(stop) { // Rotations stoppt bei false
		if(stop === true) { // Rotations läuft
			$(this).everyTime(7000, 'play', function() {
				$active = $('.paging a.active').next();
				if ($active.length === 0) {
					$active = $('.paging a:first');
				}
				rotate(); //rotate aufrufen
			});
		} else { // Rotations stoppt
			$(this).stopTime('play');
		}
	};
	
	// Bei Hover stoppen	
	$('.imageRow a').hover(function() {
		rotateSwitch(false); // Rotation stoppen
	}, function() {
		if($fbOpen === true) {
			rotateSwitch(true);
		}
	});
	
	//$fbOpen = true; //stopp bei Hover normalerweise ein
	
	// beim Öffnen der Fancybox stoppeen
	fbOpened = function() {
		rotateSwitch(false);
		$fbOpen = false;
	};
	
	// beim schliessen der Fancybox wieder starten
	fbClosed = function() {
		rotateSwitch(true);
		$fbOpen = true;
	};
	
	$('.imageRow a').click(function() {
		fbOpened();
	});
	
	$('a#fancybox-close').click(function() {
		fbClosed();
	});
	
	/* Funktioniert nicht!
	$('#fancybox-overlay').click(function() {
		fbClosed();
	});*/
		
	// wenn eine Seite im Pager ausgewählt wird
	$('.paging a').click(function() {
		$active = $(this); // angeklickte Seite aktivieren
		rotateSwitch(false);
		rotate();
		rotateSwitch(true);
		$fbOpen = true;
		return false;
	});
	
	//============= Fancybox =============//
	
	// Projekt Slider
	$('a[rel=project_slider]').fancybox({
		'autoScale' : false,
		'onCleanup'  : fbClosed(),
		//'onStart'   : fbOpened(), beide zusammen will nicht klappen
		'scrolling' : 'no'
	});

	// Allerlei Popups
	$('.fancybox').fancybox();
	
	//============= Kontaktformular =============//
	
	sendForm = function() {
		
		// Rahenfarbe zurücksetzen
		$('input').css({'border' : '1px solid #aaaaaa'});
		$('textarea').css({'border' : '1px solid #aaaaaa'});
		
		// Überprüfung (von Name, Email & Nachricht)
		// (umgekehrte Reihenfolge, damit Fokus am richtigen Ort ist)
		var nachricht = $('textarea#nachricht').val();
		if( nachricht == '' ) {
			$('textarea#nachricht').css({'border' : '1px solid #d73827'});
			$('textarea#nachricht').focus();
		}
		
		var betreff = $('input#betreff').val();
		
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; //Regular Expression für korrekte Email
		var email = $('input#email').val();
		if( email == '' || !emailReg.test(email) ) {
			$('input#email').css({'border' : '1px solid #d73827'});
			$('input#email').focus();
		}
		
		var name = $('input#name').val();
		if( name == '' ) {
			$('input#name').css({'border' : '1px solid #d73827'});
			$('input#name').focus();
		}
		
		// ünerwünsche Werbungsfeld
		var klnrd5 = $('input#nerxli').val();
		
		
		// Nur senden, wenn alle erforderlichen Felder ausgefüllt sind
		if( name != '' && email != '' && nachricht != '' && emailReg.test(email) ) {
			var dataString =  {'name': name, 'emailFrom': email, 'subject': betreff, 'message': nachricht, 'in4wel': klnrd5 };
						
			// alert (dataString); return false;
			
			$.ajax({
				type : 'POST',
				url  : 'php/mailer.php',
				data : dataString,
				success : function() {
					$('#kontaktformular').fadeOut("slow");
					$('#kontaktformular_wrap').html('<div id="gesendet"></div>');
					$('#gesendet').hide();
					$('#gesendet').append('<p>Herzlichen Dank f&uuml;r die Kontaktaufnahme. Ich werde so schnell wie m&ouml;glich antworten.</p>');
					if( klnrd5 != '' ) {
						$('#gesendet').html('<p class="achtung">Achtung du bist im Spam gelandet!<br />Bitte lade die Seite neu und versuche es direkt per Email.</p>');
					}
					$('#gesendet').fadeIn("slow");
					$('#kontaktformular_wrap').animate( {height: "90px"}, 500);
				}
			});
		}
		
		return false; // Reload der Seite verhindern
	};
	
	// Klick auf den Sendenbutton
	$('.button').click(function() {
		sendForm();
		return false; // Reload der Seite verhindern
	});
	
	$('#kontaktformular').live('submit',function(event) { 
		event.preventDefault();
		sendForm();
	});
	
});