$(document).ready(function(){

	//$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
 $('#img').fadeIn('slow');
$('#content').fadeIn('slow');

	
	
	$("ul.topnav li a").mouseover(function() { //When trigger is clicked...
		
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});

	$("#nav img").hover(
		 function()
		 {
		  this.src = this.src.replace("_off","_on");
		 },
		 function()
		 {
		  this.src = this.src.replace("_on","_off");
		 }
		);
		
	
	$("#ToogleSidebar img").hover(
		 function()
		 {
		  this.src = this.src.replace("_off","_on");
		 },
		 function()
		 {
		  this.src = this.src.replace("_on","_off");
		 }
		);
 
	  $("a#ToogleSidebar").click(function(){
	  		
			  $("#sidebar").animate({
			  "width": "toggle"
				}, { duration: "medium" });
	
		
			$("#sidebarContent").animate({
			  "opacity": "toggle"
			}, { duration: "slow" });
			
		
        }); 
		
		$("#submit").click(function(){
			$(".error").hide();
			var hasError = false;
			var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
			
			var nameVal = $("#name").val();
			if(nameVal === '') {
				$(".name label").append('<span class="error">Bitte geben Sie Name & Vorname ein.</span>');
				hasError = true;
			}
			
			var companyVal = $("#company").val();
			
			var emailFromVal = $("#emailFrom").val();
			if(emailFromVal === '') {
				$(".emailFrom label").append('<span class="error">Bitte geben Sie ihre E-Mailadresse ein.</span>');
				hasError = true;
			} else if(!emailReg.test(emailFromVal)) {	
				$(".emailFrom label").append('<span class="error">Ihre E-Mailadresse ist ungültig.</span>');
				hasError = true;
			}
		
			
			var messageVal = $("#message").val();
			if(messageVal === '') {
				$(".message label").append('<span class="error">Bitte geben Sie eine Nachricht ein.</span>');
				hasError = true;
			}
			
			
			if(hasError === false) {
				$(this).hide();				
				$.post("http://www.begegnungmitstil.ch/kontakt/sendemail.php",
					{ name: nameVal, company: companyVal, emailFrom: emailFromVal, message: messageVal },
						function(data){
							$("#sendEmail").fadeOut("fast", function() {				   
								
								$("#sendEmail").before('<h1 class="pink">Erfolg<span class="white">!</span></h1><p>Ihr E-Mail wurde gesendet. Vielen Dank für Ihre Anfrage.</p>');											
							});
						}
					 );
			}
		
		return false;
	});			
		
	jQuery('#accordion').accordion({
		event: 'click',
		autoheight: false, 
		header: 'h3.zero',
		alwaysOpen: false,
		showSpeed: 400,
		hideSpeed: 800
	});	

	$("a#contact").click(
		function()
		{
			if ($("#divLageplan").is(":visible")) {
				$("#divLageplan").fadeOut("fast",
					function() {
						$("#divKontakt").fadeIn("fast");
					}
				);
			 }
			
			
			$("a#contact").addClass("act");
			$("a#lageplan").removeClass("act");
		}	
	);

	$("a#lageplan").click(
		function()
		{
			if ($("#divKontakt").is(":visible")) {
				$("#divKontakt").fadeOut("fast",
					function() {
						$("#divLageplan").fadeIn("fast");
					}
				);
			 }
			
			$("a#contact").removeClass("act");
			$("a#profil").removeClass("act");
			$("a#lageplan").addClass("act");
		}	
	);

	
		
});