numImages=0;
currentImage=1;
currentPanel="none";

$(document).ready(function(){		
						   
	// Initializes FancyBox Lightbox
	$("a.sliderImage").fancybox({
		'zoomSpeedIn':200, 
		'zoomSpeedOut':200, 
		'overlayShow':true,
		'autoScale': false,
		'padding':4
	});
	
	SelectButton("none");
	$("#arrow").fadeOut(0);// Pfeil wird ausgeblendet
	
	if (navigator.appVersion.indexOf("MSIE 7.0")!=-1){
		$("input").css({"height":13});
		$("#name").css({"width":155});
	};
	
	$("#title").click(function(){
		ShowPanel("none");
	});
						   
	// Handles Formatting the Portfolio Slider
	$("#imgList").children().each(function(){
		numImages++;									   
	});
	$("#imageWrapper").css({"width":(numImages*560)});
	
	// Handles Function of the Portfolio Slider
	$("#prevButton").click(function(){
		if (currentImage==1){
			currentImage=numImages;
		} else {
			currentImage--;
		};
		$("#imageWrapper").animate({"left":-((currentImage-1)*560)},500);
	});
	$("#nextButton").click(function(){
		if (currentImage==numImages){
			currentImage=1;
		} else {
			currentImage++;
		};
		$("#imageWrapper").animate({"left":-((currentImage-1)*560)},500);
	});
		
	// Handles Rollover and Click For the Nav Buttons
	$("#eventsButton").mouseenter(function(){
		SelectButton("events");
	});
	$("#aboutButton").mouseenter(function(){
		SelectButton("about");
	});
	$("#portfolioButton").mouseenter(function(){
		SelectButton("portfolio");
	});
	$("#servicesButton").mouseenter(function(){
		SelectButton("services");
	});
	$("#preiseButton").mouseenter(function(){
		SelectButton("preise");
	});
	$("#contactButton").mouseenter(function(){
		SelectButton("contact");
	});
	$("#impressumButton").mouseenter(function(){
		SelectButton("impressum");
	});
	$("#eventsButton,#aboutButton,#portfolioButton,#servicesButton,#preiseButton,#contactButton,#impressumButton").mouseleave(function(){
		SelectButton("none");
	});
	$("#eventsButton").click(function(){
		ShowPanel("events");								 
	});
	$("#aboutButton").click(function(){
		ShowPanel("about");								 
	});
	$("#portfolioButton").click(function(){
		ShowPanel("portfolio");								 
	});
	$("#servicesButton").click(function(){
		ShowPanel("services");								 
	});
	$("#preiseButton").click(function(){
		ShowPanel("preise");								 
	});
	$("#contactButton").click(function(){
		ShowPanel("contact");
		//open ("http://xxxl-dieschmiede.de/contact/", "contactform");
		//ShowPanel("contact");								 
	});
	$("#impressumButton").click(function(){
		ShowPanel("impressum");						 
	});
	
	// Kontaktformular	
	$("#name").focus(function(){
		$("#name").css({"background-color":"#FFFFFF"});
		if ($("#name").val()=="name"){
			$("#name").val("");
			$("#name").css({"color":"#444444"});
		};
	});
	$("#name").blur(function(){
		if ($("#name").val()==""){
			$("#name").val("name");
			$("#name").css({"color":"#888888"});
			$("#name").css({"background-color":"#ffdddd"});
		};
	});
	$("#email").focus(function(){
		$("#email").css({"background-color":"#FFFFFF"});
		if ($("#email").val()=="email"){
			$("#email").val("");
			$("#email").css({"color":"#444444"});
		};
	});
	$("#email").blur(function(){
		if ($("#email").val()==""){
			$("#email").val("email");
			$("#email").css({"color":"#888888"});
			$("#email").css({"background-color":"#ffdddd"});
		};
		if ($("#email").val().indexOf("@")==-1 || $("#email").val().indexOf(".")==-1){
			$("#email").css({"background-color":"#ffdddd"});
		};
	});
	$("#nachricht").focus(function(){
		$("#nachricht").css({"background-color":"#FFFFFF"});
		if ($("#nachricht").val()=="nachricht"){
			$("#nachricht").val("");
			$("#nachricht").css({"color":"#444444"});
		};
	});
	$("#nachricht").blur(function(){
		if ($("#nachricht").val()==""){
			$("#nachricht").val("nachricht");
			$("#nachricht").css({"color":"#888888"});
			$("#nachricht").css({"background-color":"#ffdddd"});
		};
	});
	$("#submit").mousedown(function(){
		$("#submit").attr({"src":"images/senden_md.png"});
	});
	$("#submit").mouseup(function(){
		$("#submit").attr({"src":"images/senden.png"});	
	});
	$("#submit").mouseout(function(){
		$("#submit").attr({"src":"images/senden.png"});								
	});
	$("#name,#email,#nachricht").keyup(function(){
		if ($("#name").val()!="" && $("#name").val()!="name" && $("#email").val()!="" && $("#email").val()!="email" && $("#email").val().indexOf("@")>-1 && $("#email").val().indexOf(".")>-1 && $("#nachricht").val()!="" && $("#nachricht").val()!="nachricht"){
			EnableSubmitButton();
		} else {
			DisableSubmitButton();
		};
	});
	$("#submit").click(function(){
		DisableSubmitButton();
		var dataString="name=" + $("#name").val() + "&email=" + $("#email").val() + "&nachricht=" + $("#nachricht").val();
		$.ajax({  
			type: "POST",  
			url: "mailer.php",  
			data: dataString,  
			success: function() {  
				ResetForm();
				$("#successMessage").fadeIn(10);
				setTimeout('$("#successMessage").fadeOut(1000);',2000);
			}
		});
		return false; 
	});

});

function EnableSubmitButton(){
	$("#submit").attr({"disabled":""});
	$("#submit").attr({"src":"images/senden.png"});
};

function DisableSubmitButton(){
	$("#submit").attr({"disabled":"disabled"});
	$("#submit").attr({"src":"images/sendenDis.png"});
};

function ResetForm(){
	DisableSubmitButton();
	$("#name, #email, #nachricht").css({"background-color":"#FFFFFF"});
	$("#name, #email, #nachricht").css({"color":"#888888"});
	$("#name").val("name");
	$("#email").val("email");
	$("#nachricht").val("nachricht");
};

function ShowPanel(panel){
	currentPanel=panel;
	SelectButton(panel);
	$(".content").fadeOut(250);
		switch(panel){
			case "none":
				$("#contentPanelWrapper").animate({"left":"100%"},500);
				$("#arrow").fadeOut(50)
			break;
			case "events":
				$("#contentPanelWrapper").animate({"left":"100%"},500,function(){
					$("#eventsContent").show();
					$("#contentPanelWrapper").animate({"left":"44%"},500);
				});
				$("#arrow").animate({"top":140},150,function(){$("#arrow").fadeIn(50)});
			break;
			case "about":
				$("#contentPanelWrapper").animate({"left":"100%"},500,function(){
					$("#aboutContent").show();
					$("#contentPanelWrapper").animate({"left":"44%"},500);
				});
				$("#arrow").animate({"top":216},150,function(){$("#arrow").fadeIn(50)});
			break;
			case "portfolio":
				$("#contentPanelWrapper").animate({"left":"100%"},500,function(){
					$("#portfolioContent").show();
					$("#contentPanelWrapper").animate({"left":"44%"},500);
				});
				$("#arrow").animate({"top":288},150,function(){$("#arrow").fadeIn(50)});
			break;
			case "services":
				$("#contentPanelWrapper").animate({"left":"100%"},500,function(){
					$("#servicesContent").show();
					$("#contentPanelWrapper").animate({"left":"44%"},500);
				});
				$("#arrow").animate({"top":364},150,function(){$("#arrow").fadeIn(50)});
			break;
			case "preise":
				$("#contentPanelWrapper").animate({"left":"100%"},500,function(){
					$("#preiseContent").show();
					$("#contentPanelWrapper").animate({"left":"44%"},500);
				});
				$("#arrow").animate({"top":440},150,function(){$("#arrow").fadeIn(50)});
			break;
			case "contact":
				$("#contentPanelWrapper").animate({"left":"100%"},500,function(){
					$("#contactContent").show();
					$("#contentPanelWrapper").animate({"left":"44%"},500);
				});
				$("#arrow").animate({"top":515},150,function(){$("#arrow").fadeIn(50)});
			break;
			case "impressum":
				$("#contentPanelWrapper").animate({"left":"100%"},500,function(){
					$("#impressumContent").show();
					$("#contentPanelWrapper").animate({"left":"44%"},500);
				});
				$("#arrow").fadeOut(50)
			break;
		};
};

function SelectButton(button){
	if (currentPanel!="events"){
		$("#eventsCaption").animate({"left":50},{queue:false, duration:250});
		$("#eventsCaption").animate({"opacity":0},{queue:false, duration:250});
		$("#eventsButton").css({"background-position":"0px -0px"});
	};
	if (currentPanel!="about"){
		$("#aboutCaption").animate({"left":50},{queue:false, duration:250});
		$("#aboutCaption").animate({"opacity":0},{queue:false, duration:250});
		$("#aboutButton").css({"background-position":"0px -64px"});
	};
	if (currentPanel!="portfolio"){
		$("#portfolioCaption").animate({"left":50},{queue:false, duration:250});
		$("#portfolioCaption").animate({"opacity":0},{queue:false, duration:250});
		$("#portfolioButton").css({"background-position":"0px -128px"});
	};
	if (currentPanel!="services"){
		$("#servicesCaption").animate({"left":50},{queue:false, duration:250});
		$("#servicesCaption").animate({"opacity":0},{queue:false, duration:250});
		$("#servicesButton").css({"background-position":"0px -192px"});
	};
	if (currentPanel!="preise"){
		$("#preiseCaption").animate({"left":50},{queue:false, duration:250});
		$("#preiseCaption").animate({"opacity":0},{queue:false, duration:250});
		$("#preiseButton").css({"background-position":"0px -256px"});
	};
	if (currentPanel!="contact"){
		$("#contactCaption").animate({"left":50},{queue:false, duration:250});
		$("#contactCaption").animate({"opacity":0},{queue:false, duration:250});
		$("#contactButton").css({"background-position":"0px -322px"});
	};
	if (currentPanel!="impressum"){
		$("#impressumCaption").animate({"left":50},{queue:false, duration:250});
		$("#impressumCaption").animate({"opacity":0},{queue:false, duration:250});
		//$("#impressumButton").css({"background-position":"0px 0px"});
	};
	switch(button){
		case "none":
		break;
		case "events":
			$("#eventsCaption").animate({"left":70},{queue:false, duration:250});
			$("#eventsCaption").animate({"opacity":1},{queue:false, duration:250});
			$("#eventsButton").css({"background-position":"65px -0px"});
		break;
		case "about":
			$("#aboutCaption").animate({"left":70},{queue:false, duration:250});
			$("#aboutCaption").animate({"opacity":1},{queue:false, duration:250});
			$("#aboutButton").css({"background-position":"65px -64px"});
		break;
		case "portfolio":
			$("#portfolioCaption").animate({"left":70},{queue:false, duration:250});
			$("#portfolioCaption").animate({"opacity":1},{queue:false, duration:250});
			$("#portfolioButton").css({"background-position":"65px -128px"});
		break;
		case "services":
			$("#servicesCaption").animate({"left":70},{queue:false, duration:250});
			$("#servicesCaption").animate({"opacity":1},{queue:false, duration:250});
			$("#servicesButton").css({"background-position":"65px -192px"});
		break;
		case "preise":
			$("#preiseCaption").animate({"left":70},{queue:false, duration:250});
			$("#preiseCaption").animate({"opacity":1},{queue:false, duration:250});
			$("#preiseButton").css({"background-position":"65px -256px"});
		break;
		case "contact":
			$("#contactCaption").animate({"left":70},{queue:false, duration:250});
			$("#contactCaption").animate({"opacity":1},{queue:false, duration:250});
			$("#contactButton").css({"background-position":"65px -322px"});
		break;
		case "impressum":
			$("#impressumCaption").animate({"left":170},{queue:false, duration:250});
			$("#impressumCaption").animate({"opacity":1},{queue:false, duration:250});
			//$("#impressumButton").css({"background-position":"65px -384px"});
		break;
	};

};