function customRange(input)
{
	var min = new Date();
	var dateMin = min;
	var dateMax = "+1Y +1D";

	if (input.id == "depart") {
		dateMax = new Date();
		if ($("#arrive").datepicker("getDate") != null) {
			dateMin = $("#arrive").datepicker("getDate");
			dateMin.setDate(dateMin.getDate() + 1);
			dateMax = $("#arrive").datepicker("getDate");
			dateMax.setDate(dateMax.getDate() + 7);
		}
	}
	return {
		minDate: dateMin,
		maxDate: dateMax
	};
}

$(function() {

	var pageHiddenTimeout = 500;
	var pageHiddenElements = $("header.primary, #main, footer.ftr-main, #bg .title img");
    if (!$.browser.msie) {
		pageHiddenElements.hide();
	}


	
	var pageInit = function() {
		
		pageHiddenElements.not("header.primary").fadeIn('normal');

		pageHiddenElements.filter("header.primary").fadeIn('normal', function() {

			// determine height and width for main dropdown
			var setcolheight = 370;
			var setcolwidth = $(".nav-primary > ul > li > ul > li").outerWidth();
			var menuwidth = setcolwidth;
			var primaryNavDropDowns = $(".nav-primary > ul > li > ul");
			primaryNavDropDowns.each(function() {
				var th = 0;
				var el = $(this);
				var colcount = 1;
				var colheight = 0;
				// get height of li's to build column count
				el.children("li").each(function() {
					var elHeight = $(this).height();
					th = th + elHeight;
					if (th > setcolheight) {
						colcount++;
						if (th - elHeight > colheight) {
							colheight = th - elHeight;
						}
						th = elHeight;
					}
				});
				if (th > colheight) {
					colheight = th;
				}
				// set width and height of downdown ul
				el.width(colcount*setcolwidth).height(colheight).append($("<li>").addClass("mask"));
			});
			var primaryNav = $(".nav-primary > ul > li");
			primaryNav.each(function() {
				var pnitem = $(this);
				var pndd = pnitem.children("ul");
				var pnddwidth = pndd.outerWidth();
				if (pnitem.position().left + pnddwidth > 990) {
					pndd.css("left", 990 - pnddwidth - pnitem.position().left);
				}
			});
	
			// initiate isotopes for main dropdown
			$(".nav-primary > ul > li > ul").isotope({
				animationEngine: 'jquery',
				layoutMode: "fitColumns",
				resizesContainer: false,
				resizable: false
			});

			// Superfish for navigation
			$(".nav-primary > ul").superfish({
				delay: 0,
				speed: 'fast',
				animation: { opacity: 'show', height: 'show' },
				autoArrows: false,
				dropShadows: false,
				onShow: function() {
					var navSearch = this.parent().parent().find('.icn_search');
					if (navSearch.hasClass("icn_search_active")) {
						navSearch.removeClass("icn_search_active");
					}
				}
			});
			
			$("#main .tabs section .tab ul").isotope({
				animationEngine: 'jquery',
				itemSelector: "li",
				layoutMode: "fitRows"
			});
			
		});
		
	};

	// initiate default value function
    $("input.defaultvalue, textarea.defaultvalue").defaultvalue();

	var messages = $(".messages div li");
	var messagesLength = messages.size();
	var messagesNav = $("<ul>");
	
	if (messagesLength > 1) {
		messages.each(function(index) {
			messagesNav.append($("<li>").append($("<span>").text(index + 1)));
		});
		$(".messages").append($("<nav>").append(messagesNav));
	}
	
	var messages_initCallback = function(carousel) {
		// stop auto carousel if only 1 photo
		if (carousel.size() < 2) {
			carousel.startAuto(0);
		}
	
		$(".messages nav span").click(function() {
			var navIndex = $(this).parent().index();
			var navItems = $(".messages nav li");
			
			var currentIndex = carousel.first % navItems.size();
			if (currentIndex === 0) {
				currentIndex = navItems.size();
			}
			currentIndex--;
			
			var scrollPosition = carousel.first;
			if (navIndex < currentIndex) {
				scrollPosition -= (currentIndex - navIndex); 
			} else if (currentIndex < navIndex) {
				scrollPosition += (navIndex - currentIndex);
			}
			
			carousel.scroll(scrollPosition);
			carousel.startAuto(0);
		});
	};
	
	var messages_itemLoadCallbackBefore = function(carousel, state) {
		var navItems = $(".messages nav li");
		var currentIndex = carousel.first % navItems.size();
		if (currentIndex === 0) {
			currentIndex = navItems.size();
		}
		currentIndex--;
		
		navItems.filter(".active").removeClass("active");
		navItems.eq(currentIndex).addClass("active");
	}
	
	$(".messages div").jcarousel({
		scroll: 1,
		auto: 8,
		wrap: "circular",
		nuttonPrevHTML: null,
		buttonNextHTML: null,
		initCallback: messages_initCallback,
		itemLoadCallback: { onBeforeAnimation: messages_itemLoadCallbackBefore }
	});
	
	$("#main .tabs section .tab ul").each(function() {
		var container = $(this);
		var items = container.find("li");
		var columns = Math.ceil(items.size() / 2);
		
		container.width(items.width() * columns);
	});
		
	var tabsSet = function(id, container) {
		var currentItem;
		
		if (typeof container == "undefined") {
			currentItem = $("#main .tabs header a[href=\"#" + id + "\"]");
			if (currentItem.size() > 0) {
				container = currentItem.parent().parent().parent().parent();
			}
		} else {
			currentItem = container.find("header a[href=\"#" + id + "\"]");
		}
		
		if (currentItem && currentItem.size() > 0) {
			currentItem = currentItem.parent();
			
			var navItems = container.find("header li");
			var prevItem = navItems.filter(".active");
		
			if (currentItem.index() !== prevItem.index()) {
				prevItem.removeClass("active");
				currentItem.addClass("active");
				
				container.children(".active").removeClass("active").animate({ opacity: 0 }, "normal", "linear", function() {
					$(this).css("visibility", "hidden");
				});
				
				container.children(".tab:eq(" + currentItem.index() + ")").addClass("active").css("visibility", "visible").animate({ opacity: 1 }, "normal", "linear", function() {
				});
			}
		}
	};
	tabsSet("explore");
	tabsSet("reservations");

	$("#main .tabs header a").click(function(e) {
		e.preventDefault();
		
		var el = $(this);

		tabsSet(el.attr("href").substring(1), el.parent().parent().parent().parent());
	});
	
	var bookingDates = $("#main .tabs .inpdate").datepicker({
        defaultDate: "0",
        minDate: 0,
        maxDate: "+1Y +1D",
        showOn: "both",
		beforeShow: customRange,
        buttonImage: "Images/icn-calendar.png",
        buttonImageOnly: true,
        buttonText: "",
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 1,
		dateFormat: "m/d/yy",
        onSelect: function( selectedDate ) {
			var el = $(this);
			var option = "maxDate";
			var instance = el.data("datepicker");
			
			if (el.hasClass("inpdatefrom")) {
				option = "minDate";
				selectedDate = new Date(selectedDate);
				selectedDate.setDate(selectedDate.getDate() + 1);
				selectedDate = (selectedDate.getMonth() + 1) + "/" + selectedDate.getDate() + "/" + selectedDate.getFullYear();
			}

			var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);

			var bookingDatesOther = bookingDates.not(el);
			
			if (el.hasClass("inpdatefrom")) {
				bookingDatesOther.val(selectedDate);
			}
        }
    }).focus(function() {
        $(this).select();
    });

	var bgItems = $("#bg li");
	var bgItemsLength = bgItems.size();

	var bgImages = $("#bg .image img");
	var bgImagesLength = bgImages.size();
	var bgImageSize = { "width": 1246, "height": 996 };
	
	var bgTimeout = 10000;
	
	bgItems.each(function(index) {
		var el = $(this);
		$("<img>")
			.bind('load readystatechange', function(e) {
				if (!el.hasClass("image_loaded")) {
					var img = $(this);
					var image = $("<span>").addClass("image").append(img);

					if (index === 0) {
						el.addClass("current").append(image.css("display", "none").fadeIn(function() {
							
							setTimeout(pageInit, pageHiddenTimeout);
							
						}));
					} else {
						el.append(image);
					}
					
					el.addClass("image_loaded");
					
					bgImages = $("#bg .image img");
					bgImagesLength = bgImages.size();
					
					bgResize(e, img);
				}
			})
			.attr("src", el.data("imageUrl"));
	});
	
	var bgRotate = function() {
		var currentItem = $("#bg .current");
		
		var nextItem = currentItem.next();
		if (nextItem.size() === 0) {
			nextItem = bgItems.first();
		}
		
		currentItem.removeClass("current").addClass("previous");
		
		nextItem.addClass("current").fadeIn('slow', function() {
			currentItem.removeClass("previous").css("display", "none");
			setTimeout(bgRotate, bgTimeout);
		});
	};
	setTimeout(bgRotate, bgTimeout);
	
	var bgResize = function(e, args) {
		var viewportWidth = $(window).width();
		var viewportHeight = $(window).height();

		var images;
		if (typeof args == "undefined") {
			images = bgImages;
		} else {
			images = $(args[0]);
		}
		
		if (viewportWidth >= bgImageSize.width) {
			images.width(viewportWidth).height("auto").css("marginLeft", viewportWidth / 2 * -1);
		} else {
			images.width(bgImageSize.width).height(bgImageSize.height).css("marginLeft", bgImageSize.width / 2 * -1);
		}
	};
	$(window).resize(bgResize);
	bgResize();

    $("#inp-promo input").attr('disabled','disabled');
	$("#inp-promo input").addClass('disabled');
	$("#sel-codetype").change(function() {
		var codeval = $("#sel-codetype").val();
		if (codeval == "") {
			$("#inp-promo label").html("Promo<br/>Code");
			$("#inp-promo input").attr('disabled','disabled');
			$("#inp-promo input").addClass('disabled');
		} else {
			$("#inp-promo label").html(codeval+"<br/>Code");
			$("#inp-promo input").attr('name',codeval+'code');
			$("#inp-promo input").removeAttr('disabled');
			$("#inp-promo input").removeClass('disabled');
		}
	});

    $.simpleWeather({
        zipcode: '95389',
        unit: 'f',
        success: function(weather) {
                html = '<p><strong>Yosemite National Park</strong> '+weather.currently+'</p>';
                html += '<img src="Images/weather-'+weather.code+'.png" alt="'+weather.currently+'" />';
                html += '<span class="temp">'+weather.temp+'&deg;</span>';
                $("#hdr-weather-update").html(html);
        },
        error: function(error) {
                $("#hdr-weather-update").html("<p><strong>Yosemite National Park</strong></p><span class=\"temp\">n/a</span>");
        }
	});

	$('body').click(function(e) {
		var target = $(e.target),
			navSearch = $('.nav-primary .icn_search');
		if (navSearch.hasClass("icn_search_active") && target.parents('.icn_search').size() === 0) {
			navSearch.removeClass("icn_search_active");
		}
	});

	$('.nav-primary .icn_search a').click(function(e) {
		e.preventDefault();
		e.stopPropagation();

		var parent = $(this).parent();

		parent.toggleClass("icn_search_active");
	});


    $("#main .tabs .inpdate, .ui-datepicker-trigger").datepicker().bind('click keyup', function() {
	    if ($('#ui-datepicker-div :last-child').is('table'))
	        $('#ui-datepicker-div').append($("<p>").append($("<a>").attr("href","/booking-help.aspx").html("Booking Questions?")));
	});
});