var cache = []; 

$(function()
{
	var checkStyle = {
		fontWeight: "bold",
		fontSize: "14px",
		color: "#000000"
	}
	var reEditStyle = {
		fontWeight: "normal",
		fontSize: "12px",
		color: "#000000"
	}
	var sumBooking = 0;
	var sumAllSkipasses = 0;
	var sumDiscount = 0;
	
	/* preload gallery images for nicer transitions */
	$(".imageThumb").each(function(){
    	var cacheImage = document.createElement('img');
    	cacheImage.src = $(this).attr("id");
		cache.push(cacheImage);
	})
	
	$(".imageThumb").click(function(){
		var path = $(this).attr("id");
		$("#imageBig").fadeOut("fast", function(){ 	
			$(this).attr("src", path);
			$(this).fadeIn("slow");
		});
		$("#imageBig").attr({
			"alt": $(this).attr("title"), 
			"title": $(this).attr("alt")
		});
		$("#imgBigTitle").html($(this).attr("title"));
	})
	
	function toggleCreditCardPaymentInfo()
	{
		var pm = $("select[name=obo_payment_method]").val();
		var ccp = $("#creditcardIcons");
		pm == "creditcard" ? ccp.show("slow") : ccp.hide("slow");
	}
	
	/* check if credit card payment is default because the booking date is too short before the */
	toggleCreditCardPaymentInfo();
	
	/* display payment infos according to selected payment method and show creditcard fields, if creditcard payment is selected */
	$("select[name=obo_payment_method]").change(toggleCreditCardPaymentInfo);
	
	/* toggle exotic skipasses */
	$(".toggleSps").click(function(){
		$(".toggleSps").toggle();
		$("#orderableSkipasses").slideToggle("slow");
	});
	
	$("#acceptAgbSubmitButton").click(function(event){
		event.preventDefault();
		/* default: confirm booking*/
		var exit = 0;
		
		/* check if required booking fields are emtpy */
		$(".required > span > input").each(function(){
			if ($(this).val() == "") {
				exit = 1;
				$("#message_" + $(this).attr("name")).show("slow");
			}
			else {
				$("#message_" + $(this).attr("name")).hide("slow");
			}
		});
		
		/* check if payment method is not selected */
		if ($("select[name=obo_payment_method]").val() == "null") {
			exit = 2;
			$("#missingPaymentMethodMessage").show("slow");
		}
		else {
			$("#missingPaymentMethodMessage").hide("slow");
		}
		
		/* check if language has to be selected and is not selected */
		if ($("select[name=lang_id]").val() == "null") {
			exit = 2;
			$("#message_lang_id").show("slow");
		}
		else {
			$("#message_lang_id").hide("slow");
		}
		
		/* if payment method is creditcard, check if the creditcard fields are filled out*/
		if ($("select[name=obo_payment_method]").val() == "creditcard") {
			$("[name^='obo_creditcard']").each(function(){
				if ($(this).val() == "" || $(this).val() == "null") {
					exit = 1;
					$("#message_" + $(this).attr("name")).show("slow");
				}
				else {
					$("#message_" + $(this).attr("name")).hide("slow");
				}
			});
		}
		
		/* check if AGBs are accepted */
		if ($("input[name=accept_agb]").attr("checked") == false) {
			exit = 2;
			$("#acceptAgbsMessage").show("slow");
		}
		else {
			$("#acceptAgbsMessage").hide("slow");
		}
		
		/* if required fields are empty, go to top */
		if (exit == 1) {
			/*$.scrollTo("a[name=top]", scroll);*/
		}
		else if (exit == 2) {
			/*$.scrollTo("a[name=bookingFormBottom]", scroll);*/
		}
		/* if everything is okay, confirm booking */
		else {
			/* build the skipass order table*/
			$(".orderableSkipass").each(function(){
				var amount  = $(this).find("input").val();
				var price = 0;
				var sum = 0;
				/* calculate the prices and discounts */
				if (amount > 0) {
					price = parseFloat($(this).find("#spValue > span").html());
					sum = amount * price;
					spInfoId = $("#skipass" + $(this).find("input").attr("name"));
					$(spInfoId).find("#skipassAmount").html(amount);
					$(spInfoId).find("#skipassSum").html(sum);
					$(spInfoId).find("#skipassSum").moneyFormat();
					$(spInfoId).show("slow");
					sumAllSkipasses += sum;
					sumDiscount += parseFloat($(this).find("#spgDiscount").html()) * amount;
				}
			});
			
			/* disable field for better readability */
			$(".booFormField > span > input, .booFormField > span > select, .booFormField > span > textarea, h2 > select, #languageSection > select").css(checkStyle);
			$(".booFormField > span > input, .booFormField > span > select, .booFormField > span > textarea, h2 > select, #languageSection > select").attr("disabled", "disabled"); 
									  
			/* toggle skipass button */
			$(".toggleSps").hide("slow");
			
			/* hide headlines  */
			$("#bookingForm > .colSection > h2").each(function(){
				if ($(this).attr("id") != "skipassBookingSummary" && $(this).attr("id") != "bookingSummary" && $(this).attr("id") != "paymentMethod"){
					$(this).hide("slow");
				}
			});
			
			/* show data headline*/
			/*$("#yoData").show("slow");*/
			
			/* if no skipasses are beeing ordered, also hide the skipass headline */
			if (sumAllSkipasses != 0)
			{
				var sumBooking = parseFloat($("span#apPrice").html().replace(".","").replace(",", ".")) + sumAllSkipasses + sumDiscount;
				$("#bookingSum > span").html(sumBooking).moneyFormat();
				$("#bookingDiscount > span").html(sumDiscount).moneyFormat();
				$("div#bookingSummary").show("slow");
				$("#anzahlungInfo").css("display", "none");
				$("div#skipassBookingSummary").show("slow");
			}
			/* hide all other messages and texts*/
			$("#agbs").hide("slow");
			$("#creditcardInfo").hide("slow");
			$("#securityNumberInfo").hide("slow");
			$("#missingPaymentMethodMessage").hide("slow");
			$("#message_lang_id").hide("slow");
			$("#orderableSkipasses").hide("slow");
			$("#seeSkipassInfosTerm").hide("slow");
			
			/* remove margin from colSections */
			$("div#commentSection, div#comFieldsSection").css("margin-bottom", "0px");
			
			/* show submit / cancel button and the famous "do you really want it?" question */
			$("#confirmBookingMessage").show("slow");
			$("#bookingSubmitButton").show("slow");
			$("#bookingCancelButton").show("slow");
		}
	});
		
	$("#bookingCancelButton").click(function(event){
		event.preventDefault();
		
		sumDiscount = 0;
		sumAllSkipasses = 0;
		sumBooking = 0;
		 
		$(".booFormField > span > input, .booFormField > span > select, .booFormField > span > textarea, h2 > select, , #languageSection > select").css(reEditStyle);
		$(":disabled").removeAttr("disabled");
		$("#bookingForm > .colSection > h2").show("slow");
		$("#agbs").show("slow");
		$("#hideSps").css("display", "inline");
		$("#orderableSkipasses").show("slow");
		$("#seeSkipassInfosTerm").show("slow");
		$(this).hide("slow");
		$("#checkInfo").hide("slow");
		$("#transferInfo").hide("slow");
		$("#creditcardPayment").hide("slow");
		$("#bookingSubmitButton").hide("slow");
		$("#confirmBookingMessage").hide("slow");
		$("#acceptAgbsMessage").hide("slow");
		$("#bookingSummary").hide("slow");
		$("div#skipassBookingSummary").hide("slow");
				
		/* restore original margin of colSections */
		$("div#commentSection, div#comFieldsSection").css("margin-bottom", "12px");
	});

	$("#bookingSubmitButton").click(function(event){
		event.preventDefault();
		$(":disabled").removeAttr("disabled");
		$("#bookingForm").submit();
	});
	$(".goSubmitButton").throbber({image: "images/loading2.gif"});
	$("#bookingSubmitButton").throbber({image: "images/loading.gif", parent: "#submitAndCancelButtons"});
	
	
	$("a.fancybox").fancybox({
		"overlayShow": true, 
		"overlayOpacity": 0.8, 
		"overlayColor": "#4a4b4b",
		"padding": 10, 
		"centerOnScroll": false, 
		"frameWidth": 755, 
		"frameHeight": 480
	});
	
	$("a.planFancybox").fancybox({
		"overlayShow": true, 
		"overlayOpacity": 0.8, 
		"overlayColor": "#4a4b4b",
		"padding": 10, 
		"centerOnScroll": false, 
		"frameWidth": 930, 
		"frameHeight": 480
	});
		
	/* toggle nav elementss */
	$("li.navArea > a").click(function(){
		$(this).parent().siblings().find("ul.navRegions").hide("slow");
		$("li.navArea > a").removeClass("clicked");
		$("li.navArea > a").removeAttr("id");
		$(this).addClass("clicked");
		$(this).siblings("ul.navRegions").slideToggle("slow");
	});
	
	$("li.navRegion > a").click(function(){
		$(this).siblings("ul.navResorts").show("slow");
		$(this).parent().siblings().find("ul.navResorts").hide("slow");
		$("li.navRegion > a").removeAttr("id");
		$(this).addClass("clicked");
	});
	
	$("li.navResort > a").click(function(){
		$("li.navResort > a").removeAttr("id");
		$(this).addClass("clicked");
	});
	
	$("li.navPage > a").click(function(){
		$("li.navPage > a").removeAttr("id");
		$(this).addClass("clicked");
	});
});