// JavaScript Document
	$(function(){
		$("#navigation > ul > li").mouseover(function() {
			$(this).addClass('hovered').hide().show();
			$(this).find('ul:first').css('left', '0px');
		}).mouseleave(function() {
			$(this).removeClass('hovered').hide().show();
			$(this).find('ul:first').css('left', '-9999px');
		});
		$("#foot-links > ul > li:last").addClass("last");
		$("#navigation > ul").find("li").filter(":has(ul)").addClass("has-children");
		$("#navigation > ul").find("li").filter(":last-child").addClass("last-item");

		var alternateImages = $("#more-imgs > ul > li").length;
		var alternateHeight = $("#more-imgs").height() + 1;
		var alternateCurrTop = 0;
		var imagesPerPage = 4;
//		if ($("#hotel-details").length != 0) {
//			imagesPerPage = 3;
//		}
		if (alternateImages > imagesPerPage) {
			var alternatePosition = 1;
			var alternateCap = parseInt(alternateImages / imagesPerPage) + 1;
			$("#buttons-container").html('<a href="#" id="more-alternates" class="btn-next">More &raquo;</a><a href="#" id="prev-alternates" class="btn-prev">&laquo; Prev</a>');
			$("#prev-alternates").hide();
		}
		$('#more-alternates').click(function() {
			alternatePosition++;
			$("#prev-alternates").show();
			if(alternatePosition == alternateCap){
				$("#more-alternates").hide();
			}
			alternateCurrTop += alternateHeight;
			$("#more-imgs > ul").animate({ top:"-"+alternateCurrTop +"px"}, 800);
			return false;
		});
		$('#prev-alternates').click(function() {
			alternatePosition--;
			$("#more-alternates").show();
			if(alternatePosition == 1){
				$("#prev-alternates").hide();
			}
			alternateCurrTop -= alternateHeight;
			$("#more-imgs > ul").animate({ top:"-"+alternateCurrTop +"px"}, 800);
			return false;
		});

		$("#more-imgs > ul > li").each(function(i){
			$(this).click(function(i){
				var thumbN = $(this).find("a > img").attr("src");
				thumbN = thumbN.replace("/thumbs/", "/");
				$("#image-main").attr("src", thumbN);
				return false;
			});
		});
		
		var totalImages = 0;
		$("#crossfade-container > ul > li").each(function(i) {   
			$(this).attr("id", "myImage" + i);
			$(this).css("z-index", 30-i);
			totalImages++;
		});
		var currImage = 99999;
		var imageSwap = function() {
			setTimeout(startAni, 3000);
		}
		imageSwap();
		function loopIm(){
			currImage++;
			if(currImage >= totalImages){
				currImage = 0;
			}
		}
		function startAni(){
			loopIm();
			$("#myImage"+currImage).fadeOut(1000, revealMe);
		}
		
		function animateTheRest() {
			$("#crossfade-container > ul > li").each(function(i) { 
				$(this).css("z-index", 30-i);
			});
		}
		function revealMe() {
			var target = "#myImage"+currImage;
			$(target).parent().append($(target));
			animateTheRest();
			$(target).show();
			imageSwap();
		}
	});