// JavaScript Document

$(document).ready(function(){
	
	/* ---------------------
		Switch off otherLocation selector with button OFF when javascript is turned ON. 
		--------------------- */
	$('#otherLocation').hide();
	$('#otherLocationJS').show().css({'visibility':'visible'});


	/* ---------------------
		Using Javascript to enable block rollover for .promo boxes (for IE6)
		--------------------- */
	$('.promo li').hover(function(){
		$('h3', this).css({'color':'#717171'});
	}, function(){
		$('h3', this).css({'color':'#9c9c9c'});
	});

	/* ---------------------
		Javascript to enable opacity hover on homepage #homePromo
		--------------------- */
	$('#homePromo .homePromoItem a.blockLink').hover(function(){
		$(this).css({'opacity': 0.8});
	}, function(){
		$(this).css({'opacity': 1});
	});
	
	/* ---------------------
		Javascript to replace list of hotels into fancy dropdown
		--------------------- */
	
	$('.hotelDropDown').wrap('<div id="hotelDropDown"></div>').addClass('hotelDDpop').hide();
	$('.hotelDropDown').before('<div class="label">Choose a hotel</div>');
	
	$('#hotelDropDown').hover(function(){
		$('.hotelDropDown', this).show();
	}, function(){
		$('.hotelDropDown', this).hide();
	});
	
	
	
});