// CLEAR TEXT FROM FORM FIELDS

function addFormClear(id, defaultText) {
    var el = document.getElementById(id);
    if (!el) {
        return;
    }
    if (el.value == '' || el.value == defaultText) {
        el.value = defaultText;
        el.onfocus = function() {
            if (el.value == defaultText) {
                el.value = '';
            }
        }
        el.onblur = function() {
            if (el.value == '') {
                el.value = defaultText;
            }
        }
    }
    var parent = el.parentNode
    while (parent != null) {
        if (parent.tagName == 'FORM') {
            parent.onsubmit = function() {
                if (el.value == defaultText) {
                    el.value = '';
                }
            }
            break;
        }
        parent = parent.parentNode;
    }
}

// =================================================================

// SEARCH FORM CLEAR

function searchFormClear() {
    if (!document.getElementById('search')) return;
    addFormClear('search', $('#headerSearch label').text());
}

// =================================================================

// NEWSLETTER SIDEBAR FORM

function newsletterForm() {

    if (!$('#newsletterSidebar')) return;

    var newsletterSidebar = $('#newsletterSidebar');

    // validate
    newsletterSidebar.onsubmit = function() {

        var email = $('#newsletterEmail').val();
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

        if (!email || email == 'Your Email Address') {
            alert($.i18n._('Your email address is required'));
            return false;
        } else if (!filter.test(email)) {
            alert($.i18n._('Your email address is not valid'));
            return false;
        }
    }
}

// =================================================================



// =================================================================

// BOOKING FORM
function bookingForm() {
    if (!$('bookHotel')) return;
    if (!$('bookArrival')) return;
    if (!$('bookDeparture')) return;
    if (!$('bookNights')) return;

    function updateNights() {
        var arrivalDate = $('.bookArrival').datepicker('getDate');
        var departureDate = $('.bookDeparture').datepicker('getDate');
        var nights = $('.bookNights').val();
        var dateDifference = Math.round((departureDate - arrivalDate) / 86400000);

        if (dateDifference <= 20) {
            $("p.error").remove();
            $('.bookDeparture').parent().removeClass('error');
            $('.bookNights').attr('value', dateDifference);
            $('#modifyBooking').show();
            $('#BookingError').remove();
        } else {
            $('#modifyBooking').hide();
            $('#BookingError').remove();
            $('.sidebarBookBtn').after('<p id="BookingError" class="error">For a stay of more than 20 days, please contact us on +44 (0)844 824 6171</p>');
            $('.bookDeparture').parent().addClass('error');
            var newDate = new Date(arrivalDate);
            newDate.setDate(newDate.getDate() + 20);
            $('.bookDeparture').datepicker("disable");
            $('.bookDeparture').datepicker('setDate', newDate);
            $('.bookDeparture').datepicker("enable");
            $('.bookNights').attr('value', 20);
        }
    }

    $('.bookArrival').change(function() {
        // make sure dept is after this date
        var arrivalDate = $('.bookArrival').datepicker('getDate');
        var departureDate = $('.bookDeparture').datepicker('getDate');
        if (departureDate.getTime() <= arrivalDate.getTime()) {
            var newDate = new Date(arrivalDate);
            newDate.setDate(newDate.getDate() + 1);
            $('.bookDeparture').datepicker("disable");
            $('.bookDeparture').datepicker('setDate', newDate);
            $('.bookDeparture').datepicker("enable");
        }

        // update nights
        updateNights();
    });
    $('.bookDeparture').change(function() {
        // make sure arrival is before this date
        var arrivalDate = $('.bookArrival').datepicker('getDate');
        var departureDate = $('.bookDeparture').datepicker('getDate');
        if (arrivalDate >= departureDate) {
            var newDate = new Date(departureDate);
            newDate.setDate(newDate.getDate() - 1);
            $('.bookArrival').datepicker("disable");
            $('.bookArrival').datepicker('setDate', newDate);
            $('.bookArrival').datepicker("enable");
        }

        // update nights
        updateNights();
    });
    $('.bookNights').change(function() {
        // update dept
        var arrivalDate = $('.bookArrival').datepicker('getDate');
        var departureDate = $('.bookDeparture').datepicker('getDate');
        var newDate = new Date(arrivalDate);
        var days = parseInt($(this).val());
        newDate.setDate(newDate.getDate() + days);
        $('.bookDeparture').datepicker("disable");
        $('.bookDeparture').datepicker('setDate', newDate);
        $('.bookDeparture').datepicker("enable");
    });


    // booking validation
    $('.sidebarBookBtn').click(function(event) {

        $('#mainContent .section p.required').before('<p id="bookFormError"></p>');
        if ($('.bookHotel').val() == '') {
            $('#bookSidebar *, #bookForm *').removeClass('error');
            //$('#bookSidebar p:eq(0), #bookFormError').text($.i18n._('Please select a hotel.'));
            $('#bookHotelLabel').addClass('error');
            $('.bookHotel').addClass('error');
            $('#modifyBooking').hide();
            $('#BookingError').remove();
            $('.sidebarBookBtn').after('<p id="BookingError" class="error">Please select a hotel</p>');
            event.preventDefault();
            return false;
        }
        if ($('.bookArrival').val() == '') {

            $('#bookSidebar *, .bookForm *').removeClass('error');
            $('.bookArrival').parent().addClass('error');
            $('#modifyBooking').hide();
            $('#BookingError').remove();
            $('.sidebarBookBtn').after('<p id="BookingError" class="error">Please select an arrival date.</p>');
            event.preventDefault();
            return false;
        }
        if ($('.bookDeparture').val() == '') {
            $('#bookSidebar *, .bookForm *').removeClass('error');
            $('.bookDeparture').parent().addClass('error');
            $('#modifyBooking').hide();
            $('#BookingError').remove();
            $('.sidebarBookBtn').after('<p id="BookingError" class="error">Please select a departure date.</p>');
            event.preventDefault();
            return false;
        }

        // add Oakley Court room validation - not more than 4
        if ($('.bookHotel').val() == '18263' && $('.bookRooms').val() > '4') {
            $('#bookSidebar *, .bookForm *').removeClass('error');
            $('#modifyBooking').hide();
            $('#BookingError').remove();
            $('.sidebarBookBtn').after('<p id="BookingError" class="error">To book more than 4 rooms please contact the hotel directly on +44 (0) 1753 609 988.</p>');
            event.preventDefault();
            return false;
        }

        // track link
        pageTracker._linkByPost(this);
    });
}


// =================================================================

// VENUES - HOTELS OVERLAY
function venuesHotelsOverlay() {

    if (!$('#hotelFinder')) return;
    if (!$('#mainNav')) return;

    var hotelFinderMap = $('#hotelFinderMap');
    var hotelFinderList = $('#hotelFinderList');

    var isHotel = false;

    var CLOSE_DELAY = 500; // ms before closing	

    hotelFinderMap.hide();

    var closeInterval;

    // get x pos from nav item
    $.fn.x = function(n) {
        var result = null;
        this.each(function() {
            var o = this;
            if (n === undefined) {
                var x = 0;
                if (o.offsetParent) {
                    while (o.offsetParent) {
                        x += o.offsetLeft;
                        o = o.offsetParent;
                    }
                }
                if (result === null) {
                    result = x;
                } else {
                    result = Math.min(result, x);
                }
            } else {
                o.style.left = n + 'px';
            }
        });
        return result;
    };

    // IE6 sniffing - http://www.thefutureoftheweb.com/blog/detect-ie6-in-javascript
    var ie6 = false/*@cc_on || @_jscript_version < 5.7@*/;

    // IE6 insert/remove iframe
    var insertIframe = function() {
        if (document.getElementById('hotelFinder')) {
            var iframe = document.createElement('iframe');
            iframe.src = '';
            iframe.width = '550';
            iframe.height = '400';
            iframe.frameborder = false;
            iframe.id = 'ieHotelFinder';
            iframe.name = 'ieHotelFinder';
            document.body.appendChild(iframe);
            //if($('#mainNav li.last').x() != null) {
            $('#ieHotelFinder').x($('#mainNav li.last').x() - 550 + $('#mainNav li.last').outerWidth());
            //} else {
            //$('#ieHotelFinder').x(411);
            //}
        }
    }

    $(window).resize(function() {
        $('#ieHotelFinder').x($('#mainNav li.last').x() - 550 + $('#mainNav li.last').outerWidth());
    });

    var hideIframe = function() {
        $("#ieHotelFinder").css("display", "none");
    }
    var showIframe = function() {
        $("#ieHotelFinder").css("display", "block");
    }

    if (ie6 == true) {
        insertIframe();
        hideIframe();
    }


    var closeOverlay = function() {
        clearInterval(closeInterval);
        $('#hotelFinder').fadeOut("slow");
        $('#mainNav li.last').removeClass("hoverFinder");
        if (ie6 == true) { hideIframe(); }
    }

    // show/hide hotelFinder all non-hotel pages
    $('#mainNav li.last a').hover(
		function() {
		    clearInterval(closeInterval);
		    // add class if it's meant to be active, i.e. non-hotel pages
		    if ($('#mainNav li.last').hasClass("active")) {
		        isHotel = true;
		    } else {
		        isHotel = false;
		    }
		    $('#hotelFinder').x($('#mainNav li.last').x() - 550 + $('#mainNav li.last').outerWidth());
		    $('#hotelFinder').fadeIn("slow");
		    if (ie6 == true) {
		        showIframe();
		        //$('#hotelFinder').x($('#mainNav li.last').x() +1);
		        //$('#ieHotelFinder').x($('#mainNav li.last').x() +1);
		    }
		},
		function() {
		    closeInterval = setInterval(closeOverlay, CLOSE_DELAY);
		}
	);

    $('#hotelFinder').hover(
		function() {
		    clearInterval(closeInterval);
		    $('#mainNav li.last').addClass("hoverFinder");
		},
		function() {
		    closeInterval = setInterval(closeOverlay, CLOSE_DELAY);
		}
	);

    $('#hotelFinderClose a').click(function(event) {
        $('#hotelFinder').fadeOut("slow");
        $('#mainNav li.last').removeClass("active");
        closeInterval = setInterval(closeOverlay, CLOSE_DELAY);
        event.preventDefault();
    });

    // show/hide content
    $('#hotelFinderMapView a').click(function(event) {
        hotelFinderList.fadeOut("slow");
        hotelFinderMap.fadeIn("slow");
        event.preventDefault();
    });
    $('#hotelFinderListView a').click(function(event) {
        hotelFinderMap.fadeOut("slow");
        hotelFinderList.fadeIn("slow");
        event.preventDefault();
    });
}


// =================================================================

// FLASH MAP - HOTELLIST SWITCH
function flashMapSwitch() {
    if (!document.getElementById('mapView')) return;
    if (!document.getElementById('listView')) return;
    if (!document.getElementById('tabsMapList')) return;


    // not needed anymore as list view is one page now
    if (window.location.search.substring(1).indexOf('pageNo') != -1) {
        $('#mapView').hide();
        $('#tabsMapList li:eq(1)').addClass("ui-tabs-active");
        $('#tabsMapList li:eq(0)').removeClass("ui-tabs-active");
    } else {
        $('#listView').hide();
        $('#tabsMapList li:eq(0)').addClass("ui-tabs-active");
        $('#tabsMapList li:eq(1)').removeClass("ui-tabs-active");
    }

    // show/hide content
    $('#tabsMapList a:eq(0)').click(function(event) {
        $('#listView').hide();
        $('#mapView').fadeIn("slow");
        $('#tabsMapList li:eq(0)').addClass("ui-tabs-active");
        $('#tabsMapList li:eq(1)').removeClass("ui-tabs-active");
        event.preventDefault();
    });
    $('#tabsMapList a:eq(1)').click(function(event) {
        $('#mapView').hide();
        $('#listView').fadeIn("slow");
        $('#tabsMapList li:eq(1)').addClass("ui-tabs-active");
        $('#tabsMapList li:eq(0)').removeClass("ui-tabs-active");
        event.preventDefault();
    });
}


// =================================================================

// TABBED SECTIONS - TAB SWITCH
function featuredTabSwitch() {
    if (!$('.featuredSection')) return;
    if (!$('#featuredNav')) return;
    if (!$('#tab1')) return;

    if ($('#tab2')) {
        $('#tab2').hide();
    }

    if ($('#tab3')) {
        $('#tab3').hide();
    }

    $('#featuredNav li:eq(0)').addClass("active");

    // show/hide content

    $('#featuredNav a:eq(0)').click(function(event) {
        if ($('#tab2')) { $('#tab2').hide(); }
        if ($('#tab3')) { $('#tab3').hide(); }
        $('#tab1').fadeIn("fast");
        $('#featuredNav li:eq(0)').addClass("active");
        if ($('#featuredNav li:eq(1)')) { $('#featuredNav li:eq(1)').removeClass("active"); }
        if ($('#featuredNav li:eq(2)')) { $('#featuredNav li:eq(2)').removeClass("active"); }
        event.preventDefault();
    });

    if ($('#featuredNav li:eq(1)')) {
        $('#featuredNav a:eq(1)').click(function(event) {
            if ($('#tab1')) { $('#tab1').hide(); }
            if ($('#tab3')) { $('#tab3').hide(); }
            $('#tab2').fadeIn("fast");
            $('#featuredNav li:eq(1)').addClass("active");
            if ($('#featuredNav li:eq(0)')) { $('#featuredNav li:eq(0)').removeClass("active"); }
            if ($('#featuredNav li:eq(2)')) { $('#featuredNav li:eq(2)').removeClass("active"); }
            event.preventDefault();
        });
    }

    if ($('#featuredNav li:eq(2)')) {
        $('#featuredNav a:eq(2)').click(function(event) {
            if ($('#tab1')) { $('#tab1').hide(); }
            if ($('#tab2')) { $('#tab2').hide(); }
            $('#tab3').fadeIn("fast");
            $('#featuredNav li:eq(2)').addClass("active");
            if ($('#featuredNav li:eq(0)')) { $('#featuredNav li:eq(0)').removeClass("active"); }
            if ($('#featuredNav li:eq(1)')) { $('#featuredNav li:eq(1)').removeClass("active"); }
            event.preventDefault();
        });
    }
}


// MAPS FILTER TABS
function mapsFilterSwitch() {
    if (!$('#section-1')) return;

    if ($('#section-2')) {
        $('#section-2').hide();
    }

    if ($('#section-3')) {
        $('#section-3').hide();
    }

    $('#tabsMapFilters a:eq(0)').addClass("active");

    // show/hide content

    $('#tabsMapFilters a:eq(0)').click(function(event) {
        if ($('#section-2')) { $('#section-2').hide(); }
        if ($('#section-3')) { $('#section-3').hide(); }
        $('#section-1').fadeIn("fast");
        $('#tabsMapFilters a:eq(0)').addClass("active");
        if ($('#tabsMapFilters a:eq(1)')) { $('#tabsMapFilters a:eq(1)').removeClass("active"); }
        if ($('#tabsMapFilters a:eq(2)')) { $('#tabsMapFilters a:eq(2)').removeClass("active"); }
        event.preventDefault();
    });

    if ($('#tabsMapFilters li:eq(1)')) {
        $('#tabsMapFilters a:eq(1)').click(function(event) {
            if ($('#section-1')) { $('#section-1').hide(); }
            if ($('#section-3')) { $('#section-3').hide(); }
            $('#section-2').fadeIn("fast");
            $('#tabsMapFilters a:eq(1)').addClass("active");
            if ($('#tabsMapFilters a:eq(0)')) { $('#tabsMapFilters a:eq(0)').removeClass("active"); }
            if ($('#tabsMapFilters a:eq(2)')) { $('#tabsMapFilters a:eq(2)').removeClass("active"); }
            event.preventDefault();
        });
    }

    if ($('#tabsMapFilters li:eq(2)')) {
        $('#tabsMapFilters a:eq(2)').click(function(event) {
            if ($('#section-1')) { $('#section-1').hide(); }
            if ($('#section-2')) { $('#section-2').hide(); }
            $('#section-3').fadeIn("fast");
            $('#tabsMapFilters a:eq(2)').addClass("active");
            if ($('#tabsMapFilters a:eq(0)')) { $('#tabsMapFilters a:eq(0)').removeClass("active"); }
            if ($('#tabsMapFilters a:eq(1)')) { $('#tabsMapFilters a:eq(1)').removeClass("active"); }
            event.preventDefault();
        });
    }
}

// =================================================================

// REGISTER FORM - SHOW/HIDE "How did you hear... - Other" FIELD
function showHideHowAboutOther() {
    // used on various forms so just checking for fields themselves
    if (!document.getElementById('hearAbout')) return;
    if (!document.getElementById('hearAboutOtherContainer')) return;

    $('#hearAboutOtherContainer').hide();

    $('#hearAbout').change(function() {
        if ($('#hearAbout option:selected').attr('value') == 'Other') {
            $('#hearAboutOtherContainer').show();
        } else {
            $('#hearAboutOtherContainer').hide();
        }
    });
}

function updateOccupancy() {
    var roomCount = $('.bookRooms').val();
    var adultCount = roomCount * 2;
    var optionsAdults = '';
    var optionsChildren = '';
    for (var i = 0; i < adultCount; i++) {
        var val = i + 1;
        optionsAdults += '<option value="' + (i + 1) + '">' + (i + 1) + '</option>';
        optionsChildren += '<option value="' + i + '">' + i + '</option>';
    }
    // add extra number to children since that dropdown starts at 0
    optionsChildren += '<option value="' + adultCount + '">' + adultCount + '</option>';

    var currentAdults = $('.bookAdults').val();
    var currentChildren = $('.bookChildren').val();
    $('.bookAdults').html(optionsAdults);
    $('.bookAdults').val(currentAdults);
    $('.bookChildren').html(optionsChildren);
    $('.bookChildren').val(currentChildren);
}

// add load events
$(searchFormClear);
$(venuesHotelsOverlay);

$(bookingForm);
$(newsletterForm);
$(flashMapSwitch);
$(featuredTabSwitch);
$(showHideHowAboutOther);
$(function() {
    updateOccupancy();
    $('.bookRooms').change(updateOccupancy);
});


// EXTERNAL LINKS
function externalLinks() {
    if (!document.getElementsByTagName) return;
    var anchors = document.getElementsByTagName("a");
    for (var i = 0; i < anchors.length; i++) {
        var anchor = anchors[i];
        if (anchor.getAttribute("href") &&
       anchor.getAttribute("rel") == "external")
            anchor.target = "_blank";
    }
}
window.onload = externalLinks;

// REMOVE LINKS FOCUS

$(document).ready(function() {
    $('a').click(function() {
        $(this).blur();
    });
});