// -- for Internet Explorer - stops background flickering --//
   /*@cc_on 
	@if (@_win32)
	try {
	  document.execCommand('BackgroundImageCache', false, true);
	} catch(e) {}
	@end
@*/
// -- addLoadEvent function from http://simonwillison.net --//
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}



//---- DROPDOWN LIST SYNC ----//
addLoadEvent(filterDestinations);
function hideOpt(opt,select){
  //var opt = document.getElementById(id);
  var sel = select;
  opt && sel && sel.appendChild(opt.cloneNode(true));
}

function showOpt(opt,select){ 
  var dest = select;//document.getElementById('ctl00_FindHotel1_fDestinationselect');
  if (opt) {
    if (dest) {
      dest.appendChild(opt.cloneNode(true));
    }
  }
} 

function moveSelectOption(select,selectcopy,start1,start2) {
    selectcopy.options.length=start2;
    for(i=start1;i<select.length;i++)
	{  //ignore the first please select
       hideOpt(select.options[i],selectcopy);
	}
	select.options.length=start1;
}
function findByValue(select,value){
    var valueToSelect = value;
    var mySelect = select;
    for (var index = 0, roof = mySelect.options.length; index < roof; index++) {
       if (valueToSelect == mySelect.options[index].value) {
          return mySelect.options[index];
       }
    }
}
function filterDestinations(){
    
        if (typeof cIdTempSelectArrayId != 'undefined') 
            {for (var index = 0, roof = cIdTempSelectArrayId.length; index < roof; index++)
                {subFilterDestinations(cIdTempSelectArrayId[index][0],cIdTempSelectArrayId[index][1],cIdTempSelectArrayId[index][2]);}
        } 
    
}

function subFilterDestinations(tempId,mainSelect,subSelect){
  var temp = document.getElementById(tempId);
  var country,dest,selectedValue,mainS,subS;
  
  if (temp) if (mainSelect) country = document.getElementById(mainSelect);
  if (temp) if (mainSelect) dest = document.getElementById(subSelect);
  
  if (temp && country && dest) {
      selectedValue=dest.options[dest.selectedIndex].value;
      if (temp.length == 0 ) moveSelectOption(dest,temp,1,0);
      dest.options.length=1;
      if (country) {
        for (var currObj in CountrySlhDest){
           if (CountrySlhDest[currObj][country.value]) {showOpt(findByValue(temp,CountrySlhDest[currObj][country.value]),dest);}
        }
        if (country.selectedIndex==0) {moveSelectOption(temp,dest,0,1);}
        if (dest.options.length == 1 && (dest.options[0].text=='Please Choose' || dest.options[0].text=='-- Not Applicable --')) dest.options[0].text = '-- Not Applicable --'; else if (dest.options[0].text=='Please Choose' || dest.options[0].text=='-- Not Applicable --') dest.options[0].text='Please Choose';
      }
      var obj=findByValue(dest, selectedValue)
      if (obj) obj.setAttribute('selected',true);  
   }   
}

//---- NAVIGATION ROLLOVERS & MENU EVENTS ----//

addLoadEvent(setupNav);

/*function setupNav(){
	var nItems = new Array();
	if(n = document.getElementById("navigation")){
	nItems = n.getElementsByTagName("a");
	    for(i=0;i<nItems.length;i++){
		    navImg = nItems[i].getElementsByTagName("img");
		    if(navImg[0]){
			    if(navImg[0].src.indexOf("-on")==-1){
				    nItems[i].stored = navImg[0].id;
				    nItems[i].onmouseover = imgRoll;
				    nItems[i].onmouseout = imgOff;
			    }
		    }
	    }
	}	
}*/
function setupNav(){
	var nItems = [], n;
	if (document.getElementById("navigation")) {
		n = document.getElementById("navigation");
		nItems = n.getElementsByTagName("a");
	    for(i=0;i<nItems.length;i++){
		    navImg = nItems[i].getElementsByTagName("img");
		    if(navImg[0]){
			    if(navImg[0].src.indexOf("-on") == -1){
				    nItems[i].stored = navImg[0].id;
				    nItems[i].onmouseover = imgRoll;
				    nItems[i].onmouseout = imgOff;
			    }
		    }
	    }
	}	
}



/*if(document.images){
ctl00_TopNavigation1_nav01Roll = new Image();
ctl00_TopNavigation1_nav01Roll.src = "/images/nav_01_on.jpg";
ctl00_TopNavigation1_nav01Off = new Image();
ctl00_TopNavigation1_nav01Off.src = "/images/nav_01_off.jpg";

ctl00_TopNavigation1_nav02Roll = new Image();
ctl00_TopNavigation1_nav02Roll.src = "/images/nav_02_on.jpg";
ctl00_TopNavigation1_nav02Off = new Image();
ctl00_TopNavigation1_nav02Off.src = "/images/nav_02_off.jpg";

ctl00_TopNavigation1_nav03Roll = new Image();
ctl00_TopNavigation1_nav03Roll.src = "/images/nav_03_on.jpg";
ctl00_TopNavigation1_nav03Off = new Image();
ctl00_TopNavigation1_nav03Off.src = "/images/nav_03_off.jpg";

ctl00_TopNavigation1_nav04Roll = new Image();
ctl00_TopNavigation1_nav04Roll.src = "/images/nav_04_on.jpg";
ctl00_TopNavigation1_nav04Off = new Image();
ctl00_TopNavigation1_nav04Off.src = "/images/nav_04_off.jpg";

ctl00_TopNavigation1_nav05Roll = new Image();
ctl00_TopNavigation1_nav05Roll.src = "/images/nav_05_on.jpg";
ctl00_TopNavigation1_nav05Off = new Image();
ctl00_TopNavigation1_nav05Off.src = "/images/nav_05_off.jpg";

ctl00_TopNavigation1_nav06Roll = new Image();
ctl00_TopNavigation1_nav06Roll.src = "/images/nav_06_on.jpg";
ctl00_TopNavigation1_nav06Off = new Image();
ctl00_TopNavigation1_nav06Off.src = "/images/nav_06_off.jpg";

}*/
if(document.images){
    ctl00_TopNavigation1_nav01Roll=new Image();
    ctl00_TopNavigation1_nav01Roll.src="/images/nav_01_on.gif";
    ctl00_TopNavigation1_nav01Off=new Image();
    ctl00_TopNavigation1_nav01Off.src="/images/nav_01_off.gif";
    ctl00_TopNavigation1_nav02Roll=new Image();
    ctl00_TopNavigation1_nav02Roll.src="/images/nav_02_on.gif";
    ctl00_TopNavigation1_nav02Off=new Image();
    ctl00_TopNavigation1_nav02Off.src="/images/nav_02_off.gif";
    ctl00_TopNavigation1_nav03Roll=new Image();
    ctl00_TopNavigation1_nav03Roll.src="/images/nav_03_on.gif";
    ctl00_TopNavigation1_nav03Off=new Image();
    ctl00_TopNavigation1_nav03Off.src="/images/nav_03_off.gif";
    ctl00_TopNavigation1_nav04Roll=new Image();
    ctl00_TopNavigation1_nav04Roll.src="/images/nav_04_on.gif";
    ctl00_TopNavigation1_nav04Off=new Image();
    ctl00_TopNavigation1_nav04Off.src="/images/nav_04_off.gif";
    ctl00_TopNavigation1_nav05Roll=new Image();
    ctl00_TopNavigation1_nav05Roll.src="/images/nav_05_on.gif";
    ctl00_TopNavigation1_nav05Off=new Image();
    ctl00_TopNavigation1_nav05Off.src="/images/nav_05_off.gif";
    ctl00_TopNavigation1_nav06Roll=new Image();
    ctl00_TopNavigation1_nav06Roll.src="/images/nav_06_on.gif";
    ctl00_TopNavigation1_nav06Off=new Image();
    ctl00_TopNavigation1_nav06Off.src="/images/nav_06_off.gif";
    ctl00_TopNavigation1_nav07Roll=new Image();
    ctl00_TopNavigation1_nav07Roll.src="/images/nav_07_on.gif";
    ctl00_TopNavigation1_nav07Off=new Image();
    ctl00_TopNavigation1_nav07Off.src="/images/nav_07_off.gif";
    ctl00_TopNavigation1_imgLogLoggedInRoll=new Image();
    ctl00_TopNavigation1_imgLogLoggedInRoll.src="/images/nav_06_on.gif";
    ctl00_TopNavigation1_imgLogLoggedInOff=new Image();
    ctl00_TopNavigation1_imgLogLoggedInOff.src="/images/nav_06_off.gif";
    ctl00_TopNavigation1_imgLogLoggedOutRoll=new Image();
    ctl00_TopNavigation1_imgLogLoggedOutRoll.src="/images/nav_07_on.gif";
    ctl00_TopNavigation1_imgLogLoggedOutOff=new Image();
    ctl00_TopNavigation1_imgLogLoggedOutOff.src="/images/nav_07_off.gif";
}

function imgRoll(){
	var n = this.stored;
	if(document.getElementById(n)){
		if(n.indexOf('imgLog') == -1) {
			document.getElementById(n).src = eval(n+"Roll").src;
		}
		else {
			if(document.getElementById(n).alt.indexOf('Login') == -1) {
				document.getElementById(n).src = eval(n+"LoggedInRoll").src;
			}
			else {
				document.getElementById(n).src = eval(n+"LoggedOutRoll").src;
			}
		}
	}
}

function imgOff(){
	var n = this.stored;
	if(document.getElementById(n)){
		if(n.indexOf('imgLog') == -1) {
			document.getElementById(n).src = eval(n+"Off").src;
		}
		else {
			if(document.getElementById(n).alt.indexOf('Login') == -1) {
				document.getElementById(n).src = eval(n+"LoggedInOff").src;
			}
			else {
				document.getElementById(n).src = eval(n+"LoggedOutOff").src;
			}
		}
	}
}

//---- RESERVATION DROPDOWNS ----//  
function unSelect(dropdownId)
{
    //selects the first element of a dropdown list
    if (document.getElementById(dropdownId)){document.getElementById(dropdownId).selectedIndex =0;}
}

//---- DATEPICKER ----//   

addLoadEvent(function() {
	if (document.getElementById("sd")){
  		//datePickerController(window, 'load', initialiseInputs);
		initialiseInputs();
	}
	
});

function makeTwoChars(inp) {
        return String(inp).length < 2 ? "0" + inp : inp;
}

function initialiseInputs() {
        // Clear any old values from the inputs (that might be cached by the browser after a page reload)
        document.getElementById("sd").value = "dd/mm/yyyy";
        document.getElementById("ed").value = "dd/mm/yyyy";

        // Add the onchange event handler to the start date input
        document.getElementById("sd").onchange = setReservationDates;
        
        //and end date
        document.getElementById("ed").onchange = setReservationDates;
        
        //setLowRangeToBeSixWeeksAfterToday();
}
function setLowRangeToBeSixWeeksAfterToday() {
        if(!("sd" in datePickerController.datePickers)) {
                setTimeout("setLowRangeToBeSixWeeksAfterToday()", 50);
                return;
        }
        
        var dt = new Date();
        dt.setDate(dt.getDate() +  (6 * 7));
        
        var stringDt = dt.getFullYear() + String(makeTwoChars(dt.getMonth())) + makeTwoChars(dt.getDate());

        datePickerController.datePickers["sd"].setRangeLow(stringDt);
        datePickerController.datePickers["ed"].setRangeLow(stringDt);
}

function setReservationDates(e) {


        // Check the associated datePicker object is available (be safe)
        if(!("sd" in datePickerController.datePickers)) {
                document.getElementById("noOfNightsSpan").innerHTML ="--";
                return;
        }
        
        // Check the value of the input is a date of the correct format
        var dt = datePickerController.dateFormat(this.value, datePickerController.datePickers["sd"].format.charAt(0) == "m");
        
        // If the input's value cannot be parsed as a valid date then return
        if(dt == 0) {
        document.getElementById("noOfNightsSpan").innerHTML ="--";
        setDateDiff(e);
        return;}

        // Grab the value set within the endDate input and parse it using the dateFormat method
        // N.B: The second parameter to the dateFormat function, if TRUE, tells the function to favour the m-d-y date format
        var edv = datePickerController.dateFormat(document.getElementById("ed").value, datePickerController.datePickers["ed"].format.charAt(0) == "m");

        // Grab the end date datePicker Objects
        var ed = datePickerController.datePickers["ed"];

        //Set low range to be alway connected to the start date
         var lr = datePickerController.dateFormat(document.getElementById("sd").value, datePickerController.datePickers["sd"].format.charAt(0) == "m");
         var sdd;
         if (lr.length ==8) {sdd= new Date(lr.substring(0,4),lr.substring(4,6)-1,lr.substring(6,8));
         sdd.setTime(sdd.getTime()+(1000*24*60*60));//add a day
         lr = sdd.getFullYear().toString() + LZ((sdd.getMonth()+1).toString()) + LZ(sdd.getDate().toString());
         if(dt != 0) { ed.setRangeLow( lr);}
        }
        // If theres a value already present within the end date input and it's smaller than the start date
        // then clear the end date value
        if(edv < dt) {
                document.getElementById("ed").value = "";
                document.getElementById("noOfNightsSpan").innerHTML ="--";
        }
        
        var sdv = datePickerController.dateFormat(document.getElementById("sd").value, datePickerController.datePickers["sd"].format.charAt(0) == "m");

        //if date is ok, try to count the days and fill the span
        //if(document.getElementById("noOfNightsSpan")) {
        //        document.getElementById("noOfNightsSpan").innerHTML = (edv-sdv);
        //}
        setDateDiff(e);
}

function LZ(x){return(x<0||x>9?"":"0")+x}

function setDateDiff(e) {
        
        var sdv = datePickerController.dateFormat(document.getElementById("sd").value, datePickerController.datePickers["sd"].format.charAt(0) == "m");
        var edv = datePickerController.dateFormat(document.getElementById("ed").value, datePickerController.datePickers["ed"].format.charAt(0) == "m");

        // Check the associated datePicker object is available (be safe)
        if(!("sd" in datePickerController.datePickers || sdv==0)) {
                document.getElementById("noOfNightsSpan").innerHTML ="--";
                return;
        }
        if(!("ed" in datePickerController.datePickers || edv==0)) {
                document.getElementById("noOfNightsSpan").innerHTML ="--";
                return;
        }
        var sdd,edd;
        if (sdv==edv) {document.getElementById("ed").value="";
                       document.getElementById("noOfNightsSpan").innerHTML ="--";
                return;}
        
        if (sdv.length ==8) {sdd= new Date(sdv.substring(0,4),sdv.substring(4,6)-1,sdv.substring(6,8));}
        if (edv.length ==8) {edd= new Date(edv.substring(0,4),edv.substring(4,6)-1,edv.substring(6,8));}
        
                   //if date is ok, try to count the days and fill the span
        if(document.getElementById("noOfNightsSpan")) {
                //document.getElementById("noOfNightsSpan").innerHTML = (edv-sdv);
                var one_day=1000*60*60*24;

            //Calculate difference btw the two dates, and convert to days
            var daysspan=Math.ceil((edd-sdd)/one_day);
            if (daysspan > 0) {document.getElementById("noOfNightsSpan").innerHTML = daysspan;} else {document.getElementById("noOfNightsSpan").innerHTML ="--";}
            
        }
}

addLoadEvent(dropdownRedirect);
function dropdownRedirect() {
		
		var dropdown = document.getElementById('footer').getElementsByTagName('select')[0];
		var button = document.getElementById('footer').getElementsByTagName('input')[0];
		
		button.onclick = function() {
			if (dropdown.value !== '') {
				window.location = dropdown.value;
			}
			else {
				alert('Please select a language');
			}
			return false;
		}
}






$(function() {
	$('body').addClass('js');
    if ($("#masthead-gallery").length > 0) {hotelGallery();};
    if ($("ol.reasons").length) {clubReasons();};

	if ($('.gallery-inner .thumb a').length){
		showImage();
		scroller();
		prevNext();
		gallerySlideShow();
		//var $imageURLs = getURLs();	
	};
	if ($('.club-member').length){showLogin();};
	if($('#panel-recommended-destinations').length){showRecommendedDestinations();}
	if($('.tabs-bigger-js').length){tabs();}
	if($('.login-link').length){logInSlideDown();}
	if($('#worldmap').length){worldmap();}
	if($('div.logged-home li.selected').length){clubHomeLoggedIn();}
	if($('.special-offer-summary-details').length){specialOfferDescription()};
})



/* GALLERY SHOW/HIDE */
var galleryPLImages = [];

var hotelGallery = function() {

    var __intro = $("#masthead-hotel");
    var __gallery = $("#masthead-gallery");
    var __galleryInner = $(".gallery-inner");
    var __open = $(".masthead-gallery-link");
    var __close = $("#masthead-gallery a.close");
    var __content = $("#content");
	
	// Preload images. This makes correctImageDimensions work more reliably
	var imageUrlsForPreloading = getURLs();
	for(var i=0; i<imageUrlsForPreloading.length; i++) {
		var image = new Image();
		image.src = imageUrlsForPreloading[i];
		galleryPLImages.push(image);
	}
	
	var openGallery = function() {
        __intro.fadeOut(500, function() {

            __gallery.css({ display: "block" });
            __content.animate({ paddingTop: 483 }, 500);
            __gallery.animate({ height: 465 }, 500, function() {
                __galleryInner.fadeIn(500);
				correctImageDimensions();
            });

        });

        return false;
	}

    __open.bind("click", openGallery);


    __close.bind("click", function() {
        // stop the slideshow
        gallerySlideShowStop();
        __galleryInner.fadeOut(500, function() {

            __content.animate({ paddingTop: 254 }, 500);
            __gallery.animate({ height: 236 }, 500, function() {

                __gallery.css({ display: "none" });
                __intro.fadeIn(500);

            });

        });

        return false;

    });

	if($('body.opengallery').length > 0) {
		openGallery();
	}

}




// GALLERY - Self contained 
var showImage = function(){
	$('.gallery-inner .thumb a').bind("click",function(){
		gallerySlideShowStop();	
		var __imgPath = $(this).attr('href');
		gallerySlideShowMainImage.fadeOut(250,function(){
			gallerySlideShowMainImage.attr('src',__imgPath);
			correctImageDimensions();
			gallerySlideShowMainImage.fadeIn(250);
			//gallerySlideShowMainImage.attr('display','inline-block');	
		});
		return false;
	});			
}


//Slideshow
var gallerySlideShowButton = $(".buttons .view");
var gallerySlideShowButtonImage = gallerySlideShowButton.find('img');
var gallerySlideShowMainImage = $('.main-image img');

var gallerySlideShow = function(){
	gallerySlideShowButton.bind("click", function(){
		if(window.slideshowRunning) {
			gallerySlideShowStop();
		}
		else {
			gallerySlideShowStart();
		}
		return false;
	});
	gallerySlideShowMainImage.bind("click", function(){
		if(window.slideshowRunning) {
			gallerySlideShowStop();
		}
		return false;
	})
}

var gallerySlideShowStart = function() {
	changeImage(0);
	window.slideshowInterval = setInterval("cycle()",4000);
	window.slideshowRunning = true;
	gallerySlideShowButtonImage.attr('src', function(){
		return this.src.replace('-view-', '-stop-');
	});
}
var gallerySlideShowStop = function() {
	window.clearInterval(window.slideshowInterval);
	window.slideshowRunning = false;
	gallerySlideShowButtonImage.attr('src', function(){
		return this.src.replace('-stop-', '-view-');
	});
}

var cycle = function(){
	var $imageURLs = getURLs();	
	__counter = getCurrentImage($imageURLs);
	__counter++;
	if(__counter==$imageURLs.length){__counter=0;}
	changeImage(__counter);
}



// CHANGE THE IMAGE 
var changeImage = function(__counter){
	var $imageURLs = getURLs();	

	gallerySlideShowMainImage.fadeOut(300,function(){
		gallerySlideShowMainImage.attr('src',$imageURLs[__counter]);
		gallerySlideShowMainImage.fadeIn(300);
		correctImageDimensions();
	});
}

var correctImageDimensions = function() {
	var MAXWIDTH = 473;
	var MAXHEIGHT = 360;
	
	var currentImageIndex = getCurrentImage(getURLs());
	gallerySlideShowMainImage.removeAttr('width');
	gallerySlideShowMainImage.removeAttr('height');

	var width = galleryPLImages[currentImageIndex].width;
	var height = galleryPLImages[currentImageIndex].height;
	
	if(width > MAXWIDTH || height > MAXHEIGHT) {
		var widthRatio = MAXWIDTH/width;
		var heightRatio = MAXHEIGHT/height;
		
		if(widthRatio < heightRatio) {
			var ratio = widthRatio;
		}
		else {
			var ratio = heightRatio;
		}

		var newWidth = Math.round(width*ratio);
		var newHeight = Math.round(height*ratio);
		
		//alert('Width: ' + width + '\nHeight: ' + height + '\n\nwidthRatio: ' + widthRatio + '\nheightRatio: ' + heightRatio + '\n\nnewWidth: ' + newWidth + '\nnewHeight: ' + newHeight);
		
		gallerySlideShowMainImage.attr('width', newWidth);
		gallerySlideShowMainImage.attr('height', newHeight);
	}
}



//Previous and Next buttons
var prevNext = function(){

	var $imageURLs = getURLs();
		
	$('.main-image .previous').bind("click", function(){
		gallerySlideShowStop();
		__counter = getCurrentImage($imageURLs);	
		__counter--;

		if (__counter < 0){
			__counter = ($imageURLs.length-1);
		} 
		changeImage(__counter);
		return false;
		
	});
	$('.main-image .next').bind("click", function(){
		gallerySlideShowStop();
		__counter = getCurrentImage($imageURLs);	
		__counter++;
		// ensure it's not going past the length of the array
		if (__counter > ($imageURLs.length - 1)){
			__counter = 0;
		}
		changeImage(__counter);
		return false;
	});
}

// get all the images into an array
var getURLs = function(){
	var $imageURLs = [];
	
	var __counter = 0;
	$(".gallery-inner .thumbCol li a").each(function() { 
		$imageURLs[__counter] = $(this).attr('href'); 
		__counter++;
	});
	return $imageURLs;
}

// find the current image and made the array number match it - that way we can figure out which image to show next/previous
var getCurrentImage = function($imageURLs){
	var __arrayCounter = 0;
	for( var i = 0; i < $imageURLs.length; i++ ){
		 if (gallerySlideShowMainImage.attr('src') == ($imageURLs[i])){
			 __arrayCounter = i;	
		}
	}
	return __arrayCounter;
}

// scroller function for IMAGE GALLERY */
var scroller = function(){
	$(".buttons .next").show();
	$(".buttons .previous").show();
	$(".thumbnailContainer").css('overflow-x','hidden');

	var __right = $(".buttons .next a");
	var __left = $(".buttons .previous a");
	var __container = $(".thumbnailContainer");
	var __scrollAmount = 1;
	var __current = 0;
	var __contentBoxes = $(".thumbnailContainer .thumbnailWrapper .thumbCol");
	var __max = Math.floor(__contentBoxes.length/__scrollAmount);
	__max = __max*__scrollAmount;
	
	//Activate both rollovers
	//rollover(__right,"FormatsRight",0);
	//rollover(__left,"FormatsLeft",0);
	
	//Make sure the scroller is at the start
	__container.scrollTo( '.thumbCol:eq('+0+')', 500, {axis:'x'});
	
	
	if(__max==__contentBoxes.length){
		__max=__max-__scrollAmount;
	}


	//Left scroller button
	__left.bind("click", function(){

		if(__current>0){
		
			//rollover(__right,"FormatsRight",0);
			//__right.find("img").attr("src","../images/country/colour5/buttons/products-right-off.gif");
			
			__current = __current-__scrollAmount;
			__container.scrollTo( '.thumbCol:eq('+__current+')', 500, {axis:'x'});	
		}
		//if(__current==0){
		//	rollover(__left,"FormatsLeft",1);
		//	__left.find("img").attr("src","../images/country/colour5/buttons/products-left-inactive.gif");
		//}
		return false;
	});
	
	
	
	
	
	//Right scroller button
	__right.bind("click", function(){

		if(__current<__max){
			
			//if(__current==(__max-__scrollAmount)){
			//	rollover(__right,"FormatsRight",1);
			//	__right.find("img").attr("src","../images/country/colour5/buttons/products-right-inactive.gif");
			//}
			
			//rollover(__left,"FormatsLeft",0);
			//__left.find("img").attr("src","../images/country/colour5/buttons/products-left-off.gif");
			
			__current = __current+__scrollAmount;
			__container.scrollTo( '.thumbCol:eq('+__current+')', 500, {axis:'x'});
			
			
		}
		
		return false;
	});

}


var showLogin = function(){

	var checkbox = $('.club-member input');
	var clubLoginBox = $('.clubLogin');
	var checkAvailabilityButton = $('input.check-availability');
	
	// Pre-load images
	var imagePaths = [
		'/images/button_check_availability.gif',
		'/images/button_sign-in-and-check-availability.gif'
	];
	for(var i=0; i<imagePaths.length;i++) {
		var a = new Image();
		a.src = imagePaths[i];
	}
	// Images should be pre-loaded now
	
	var hideClubLoginBox = function() {
		checkAvailabilityButton.attr('src', imagePaths[0]);
		clubLoginBox.hide();
	}
	
	var showClubLoginBox = function() {
		checkAvailabilityButton.attr('src', imagePaths[1]);
		clubLoginBox.show();
	}
	
	if(!checkbox.get(0).checked && $('.panel-club.club-login-reservation').length == 0) {
		hideClubLoginBox();// Hide the Make Reservations login box, but only if the "I am a Club member" checkbox isn't checked, and the class indicating a log-in error isn't present
	}
	else {
		showClubLoginBox();// It's shown by default anyway, but this sorts out the button stuff too
	}
	
	checkbox.bind("click", function(){
		//if it's selected, then show the div
		if(this.checked){
			showClubLoginBox();
		}else{
		//hide the div
			hideClubLoginBox();
		}
										 
	});

}

var showRecommendedDestinations = function() {
	var heading = $('#panel-recommended-destinations h2');
	var spanToReceiveClickElement = $('#panel-recommended-destinations h2 .ie-js');
	var headingAndSIFR = $('#panel-recommended-destinations h2, #panel-recommended-destinations h2 object, #panel-recommended-destinations h2 embed');
	var content = $('#panel-recommended-destinations ul');

	//set default to collapsed
	heading.addClass('collapsed');
	content.hide();
	
	headingAndSIFR.toggle(
		function() {
			content.show();
			heading.removeClass('collapsed');
			return false;
		},							   
		function() {
			content.hide();
			heading.addClass('collapsed');
			return false;
		}
	);
	spanToReceiveClickElement.css({
		'cursor': 'pointer'
	});
}



var clubHomeLoggedIn = function(){

    $('div.logged-home li').click( 
								   
		function() {
			
			if(!$(this).hasClass('selected') && $('#tab-offer-data').hasClass('hideThis'))
			{
				$(this).addClass('selected');
				$('#tab-hotel-nav').removeClass('selected');
				
				$('#tab-hotel-data').addClass('hideThis');
				$('#tab-hotel-data').removeClass('showThis');
				
				$('#tab-offer-data').addClass('showThis');
				$('#tab-offer-data').removeClass('hideThis');
				
				return false;
				
			}
			else if(!$(this).hasClass('selected') && $('#tab-offer-data').hasClass('showThis'))
			{
				$(this).addClass('selected');
				$('#tab-offer-nav').removeClass('selected');
				
				$('#tab-hotel-data').addClass('showThis');
				$('#tab-hotel-data').removeClass('hideThis');
				
				$('#tab-offer-data').addClass('hideThis');
				$('#tab-offer-data').removeClass('showThis');
				
				return false
				
			}

		}

	);
}


var clubReasons = function() {
    //console.log("club reasons");
    $("ol.reasons li").find(".text").css("margin-top", "10px");
    $("ol.reasons li .text-collapse").each(function() {
        $(this).addClass("collapsed").hide().after($("<a></a>").addClass("collapse-link").addClass("large-link").attr("href", "#").text("Tell me more"));
        $(this).parents(".text").siblings(".image-collapse").css("height", "76px");
    });
    //alert($(".collapse-link").length);
    $(".collapse-link").bind("click", function() {
        if ($(this).siblings(".collapsed").length) {
            $(this).text("Close");
            $(this).siblings(".collapsed").removeClass("collapsed").addClass("expanded").slideDown(500);
            $(this).parents(".text").siblings(".image-collapse").animate({ height: 150 }, 500);
            $(this).parents(".text").animate({ marginTop: 0 }, 500);
            $(this).parents(".text").addClass("alt");
        } else {
            $(this).text("Tell me more");
            $(this).siblings(".expanded").removeClass("expanded").addClass("collapsed").slideUp(500);
            $(this).parents(".text").siblings(".image-collapse").animate({ height: 76 }, 500);
            $(this).parents(".text").animate({ marginTop: 10 }, 500);
            $(this).parents(".text").removeClass("alt");
        }
        return false;
    });
}

var tabs = function() {
	var tabsContainers = $(".tabs-bigger-js");
	var SELECTEDCLASS = 'selected';

	tabsContainers.each(function(){
		var tabContainer = $(this);
		var tabLinks = tabContainer.find('.tabs li a');
			
		tabLinks.bind('click', function(){
			var oldTab = tabContainer.find('.' + SELECTEDCLASS);
			var oldContent = $(oldTab.find('a').attr('href'));
			
			var newTab = $(this.parentNode);
			var newContent = $($(this).attr('href'));
			
			if(oldTab.get(0) !== newTab.get(0)) {
				oldTab.removeClass(SELECTEDCLASS);
				newTab.addClass(SELECTEDCLASS);
				
				tabContainer.get(0).className = tabContainer.get(0).className.replace('tabs-bigger_' + oldContent.attr('id'), 'tabs-bigger_' + newContent.attr('id'));// Set a class on the tab container indicating which tab content should be shown. You'll need to add a selector to the following rule in the stylesheet to actually make the content visible:

				// body.js .tabs-bigger_destination-map .tab-content#destination-map,
				// body.js .tabs-bigger_destination-list .tab-content#destination-list {
				//     position: static;
				//}
				
				// This was the only way I could find to make the transition smooth.
			}

			
			return false;
		});
	});
}

var logInSlideDown = function() {
	var logInLink = $('.login-link');
	var logInBox = $('#navigation .panel-club');
	logInBox.addClass('club-login-topmenu-closed');
	
	var logInBoxCloseLink = $('<a href="#" title="Close login window" class="login-close-link">x</a>');
	
	var openLogInBox = function(){
		logInBox.slideDown();
		logInBox.removeClass('club-login-topmenu-closed');
		logInBox.addClass('club-login-topmenu-open');
	}
	
	var closeLogInBox = function(){
		logInBox.slideUp();
		logInBox.removeClass('club-login-topmenu-open');
		logInBox.addClass('club-login-topmenu-closed');
	}
	
	$(logInBoxCloseLink).bind('click', function(){
		closeLogInBox();
		return false;
	});
	logInBox.append(logInBoxCloseLink);
	
	$(logInLink).bind("click", function(){
		if(logInBox.is('.club-login-topmenu-closed')) {
			openLogInBox();
		}
		else {
			closeLogInBox();
		}
		return false;
	});
	
	if($('.panel-club.club-login-topmenu').length) {
		openLogInBox(); // Open the log-in box if the server says we should (i.e. because there's a sign-in error the user needs to see).
	}
}

var worldmap = function() {
	var worldmap = $('#worldmap');
	var areas = $(worldmap.attr('usemap') + ' area')
	
	//alert(areas.length);
	
	areas.each(function(){
		var i = new Image();// Good old image pre-loading trick
		i.src = '/images/map-' + this.id.replace('worldmap-', '') + '.jpg';
		//alert(i.src);
	});
	
	areas.each(function(){
		$(this).bind('mouseover', function(){
			worldmap.get(0).src = '/images/map-' + this.id.replace('worldmap-', '') + '.jpg';
		});
		$(this).bind('focus', function(){
			worldmap.get(0).src = '/images/map-' + this.id.replace('worldmap-', '') + '.jpg';
		});
		$(this).bind('mouseout', function(){
			worldmap.get(0).src = '/images/map-placeholder.jpg';
		});
	});
}

function specialOfferDescription() {
	function init() {		
		var specialOfferDetails = $(this);
		
		var description = specialOfferDetails.find('.special-offer-description');
		var image = specialOfferDetails.find('img');
		var additionalLinks = specialOfferDetails.find('.additional-links');
		var truncateTextAt = 200; // Rough guess as to how many characters the paragraph can hold at its maximum height. It's dependent on font size, but the font would have to get pretty big to stop this working.
		
		if (image.length) {
			var imageHeight = image.height();
		}
		else {
			var imageHeight = 119;
		}

		// Max description height is:
		// - height of image (currently 119px)
		// - minus height of .additional-links
		// - minus .onecol top and bottom padding (currently 5px + 5px)
		var maxDescriptionHeight = imageHeight - additionalLinks.height() - 10;
		
		// Remove stylesheet's min-height declaration from description
		description.css({
			'min-height': '0'
		});

		var fullText = description.text();
		var truncateAt = fullText.lastIndexOf(' ', truncateTextAt);

		description.fcSpecialOfferFullText = fullText;
		description.fcSpecialOfferTruncatedText = fullText.slice(0, truncateAt) + ' ... ';

		var collapse = function() {
			description.addClass('special-offer-description-collapsed');
			description.removeClass('special-offer-description-expanded');
			
			description.text(description.fcSpecialOfferTruncatedText);
			
			description.css({
				'height': maxDescriptionHeight
			});

			description.append(moreHideLink);
		}
		
		var expand = function() {
			description.addClass('special-offer-description-expanded');
			description.removeClass('special-offer-description-collapsed');
			
			description.text(description.fcSpecialOfferFullText);
			
			description.css({
				'height': 'auto'
			});
			
			description.append(moreHideLink);
		}
		
		var moreHideLink = $('<a href="#" class="more-hide-link">More &gt;</a>');
		moreHideLink.bind ('click', function(){
			var self = $(this);
			if(description.attr('class').indexOf('special-offer-description-collapsed') > -1) {
				expand();
				self.text('Close >');
			}

			else {
				collapse();
				self.text('More >');
			}
			return false;
		});

		if(description.height() > maxDescriptionHeight) {
			collapse();
		}
	}

	$('.special-offer-summary-details').each(init);
}