$(document).ready(function () {

	$("#checkin").datepicker({ 
		minDate: '+1',
		buttonImage: '/teatro/sitebase/wrap/theme2/images/booking-calendar.png', 
		showOn: 'both',
		buttonImageOnly: true
	});

	var heroIdx = 0;
	$(function() {

		$('#heroPrev').click(function() {
			heroIdx--;
			if (heroIdx < 0) {
				heroIdx = heroImgs.length - 1;
			}
			updateHero();
		});
		$('#heroNext').click(function() {
			heroIdx++;
			if (heroIdx > heroImgs.length - 1) {
				heroIdx = 0;
			}
			updateHero();
		});
		function updateHero() {
			var oldBgImage = $('.bgImage');
			var newBgImage = $(oldBgImage).clone();
			$(newBgImage).css('z-index', 5);
			var img = $(newBgImage).find('img.hero');
			$(img).remove();
			var newImg = $('<img></img>');
			$(newImg).addClass('hero');
			$(newImg).load(function() {
				$(oldBgImage).fadeOut(700, function() {
					$(this).remove();
					$(newBgImage).css('z-index', 10);
				});
			});
			$(newBgImage).append($(newImg));
			$('.bgWrap').append($(newBgImage));
			$(newImg).attr('src', heroImgs[heroIdx].img);
		}
	});


	// BEGIN MAIN DROP DOWN NAVIGATION
	// documentation - flowplayer.org/tools/tooltip.html
	
		$("#nav_1").tooltip({ 
		relative: true,
		position: 'bottom right',
		offset: [0, -80],
		effect: 'toggle',
		onBeforeShow: function() {
			$('#nav_1').addClass('navActive');
			},
		onHide: function() {
			$('#nav_1').removeClass('navActive');
			}
		});
		
		$("#nav_2").tooltip({ 
		relative: true,
		position: 'bottom right',
		offset: [0, -160],
		effect: 'toggle',
		onBeforeShow: function() {
			$('#nav_2').addClass('navActive');
			},
		onHide: function() {
			$('#nav_2').removeClass('navActive');
			}
		});
		
		$("#nav_3").tooltip({ 
		relative: true,
		position: 'bottom right',
		offset: [0, -240],
		effect: 'toggle',
		onBeforeShow: function() {
			$('#nav_3').addClass('navActive');
			},
		onHide: function() {
			$('#nav_3').removeClass('navActive');
			}
		});
		
		$("#nav_4").tooltip({ 
		relative: true,
		position: 'bottom right',
		offset: [0, -320],
		effect: 'toggle',
		onBeforeShow: function() {
			$('#nav_4').addClass('navActive');
			},
		onHide: function() {
			$('#nav_4').removeClass('navActive');
			}
		});
		
		$("#nav_5").tooltip({ 
		relative: true,
		position: 'bottom right',
		offset: [0, -400],
		effect: 'toggle',
		onBeforeShow: function() {
			$('#nav_5').addClass('navActive');
			},
		onHide: function() {
			$('#nav_5').removeClass('navActive');
			}
		});
		
		$("#nav_6").tooltip({ 
		relative: true,
		position: 'bottom left',
		offset: [0, 0],
		effect: 'toggle',
		onBeforeShow: function() {
			$('#nav_6').addClass('navActive');
			},
		onHide: function() {
			$('#nav_6').removeClass('navActive');
			}
		});




// create custom tooltip effect for jQuery Tooltip 
    $.tools.tooltip.addEffect("blind",
    // opening animation 
	    function (done) {
	        this.getTip().show("blind", {}, 200);
	    },
    // closing animation 
	    function (done) {
	        this.getTip().fadeOut();
	        done.call();
	    }
	);
// tooltip for background image gallery controls
    $('#infoIcon').tooltip({
	    relative: true,
	    position: 'bottom right',
	    offset: [-24, 3],
	    effect: 'blind',
	    predelay: 300,
	    delay: 800,
	    onBeforeShow: function() {
	    	this.getTrigger().addClass('visible');
	    },
	    onHide: function() {
	    	this.getTrigger().removeClass('visible');
	    }
    });	



	// homepage tabs
	// setup jQuery tools tabs/panes
    $("ul.tabsHome").tabs("div.panesHome > div");
	LoadPromotionCarouselPaging('Specials_promoCarousel');
	LoadPromotionCarouselPaging('Accolades_promoCarousel');
	LoadPromotionCarouselPaging('Events_promoCarousel');

	// click accolades tab to show first
	$("#tabAccolades").click();    



	// iOS specific stuff
    if (navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod') {
        $("#containerEvents").css("background", "#ffffff");


    };


	//google map
    var mapLatLng = new google.maps.LatLng(39.7462051, -104.9985506);
    var mapOptions = {
        zoom: 13,
        center: mapLatLng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControl: false
    };
    map = new google.maps.Map(document.getElementById("mapCanvas"), mapOptions);
    // add marker
	var geocoder = new google.maps.Geocoder();
	var marker = new google.maps.Marker({
		map: map, 
		position: new google.maps.LatLng(39.7462051, -104.9985506),
		title: "Hotel Teatro, 1100 Fourteenth Street, Denver, CO 80202"
	});	
	google.maps.event.addListener(marker, 'click', function() {
		window.open( $('#googleMapUrl').attr('href'), '_blank');

	});


});


function LoadPromotionCarouselPaging(promotionCarouselId) {

	var promotionCarousel = $('#' + promotionCarouselId);
	if (!promotionCarousel) return;
	
	var iLength = promotionCarousel.find('.promoItem').length;
	
	if (iLength > 1) {
		promotionCarousel.find('.promoCount').html( iLength );
		promotionCarousel.find('.promoIndex').html("1");
				
		promotionCarousel.find('.prev').click(function() {
			changePromotion(promotionCarouselId, 'prev');
		});
		promotionCarousel.find('.next').click(function() {
			changePromotion(promotionCarouselId, 'next');
		});
	} else {
		promotionCarousel.find('.boxPaginatePromos').hide();
	}
}

function changePromotion(promotionCarouselId, direction) {

	var promotionCarousel = $('#' + promotionCarouselId);
	if (!promotionCarousel) return;
	
	var promoIdx = promotionCarousel.find('.promoIndex').html();
	promoIdx = promoIdx - 1;
	var totalPromos = promotionCarousel.find('.promoCount').html();
	var currentPromo = promotionCarousel.find('.promoItems').find('.promoItem').eq(promoIdx);
	
	switch (direction) {
		case 'prev':
			promoIdx--;
			if (promoIdx < 0) {
				promoIdx = totalPromos - 1;
			}
			promotionCarousel.find('.promoItems').find('.promoItem').eq(promoIdx).fadeToggle("slow", "linear");
			break;
			
		case 'next':
			promoIdx++;
			if (promoIdx >= totalPromos) {
				promoIdx = 0;
			}
			promotionCarousel.find('.promoItems').find('.promoItem').eq(promoIdx).fadeToggle("slow", "linear");
			break;
	}
	currentPromo.hide();
	promotionCarousel.find('.promoIndex').html(promoIdx + 1);
}