$(function() {

    var corners = '<div class="curve_TL"></div><div class="curve_TR"></div><div class="curve_BL"></div><div class="curve_BR"></div>';

    $('#searchform').before('<div class="large_button" id="searchbutton"><a href="#searchform">Search for Accommodation</a></div>');

    $('#searchform-body').append('<a id="searchform-close" href="#" onclick="$(\'#searchform\').hide(\'blind\'); return false;" title="Close Search Form"><img src="/content/img/icons/cross.png" width="16" height="16" alt="Close Search Form" /></a>');

    $('#searchbutton').prepend(corners).bind('click', function() {
        var pos = $('#searchbutton').position();

        $('#searchform').css({ 'top': (pos.top + 2) + 'px', 'left': pos.left + 'px' });
        $('#searchform').show('blind', function() { /* $('#EstablishmentName').focus(); */ });


        return false;

    });

    $('#searchform-body').prepend(corners);
    $('#searchform').hide();


    $('#EstablishmentName').autocomplete({
        source: "/searchsuggest/",
        minLength: 2,
        open: function(event, ui) {
            // console.log('test');
        },
        select: function(event, ui) {
            // alert(ui.item ? ("Selected: " + ui.item.label + " url " + ui.item.url) : "Nothing selected, input was " + this.value);

            //console.log(ui.item ? ("Selected: " + ui.item.label + " url " + ui.item.url) : "Nothing selected, input was " + this.value);
            window.location.href = ui.item.url;
        },
        close: function(event, ui) {
            // alert(ui.item ? ("Selected: " + ui.item.label + " url " + ui.item.url) : "Nothing selected, input was " + this.value);

            //console.log(ui.item ? ("Selected: " + ui.item.label + " url " + ui.item.url) : "Nothing selected, input was " + this.value);
            // window.location.href = ui.item.url;
        }
    });

    $("#Date").datepicker({ showAnim: '', dateFormat: 'dd/mm/yy' });

    $('#EstablishmentName').defaultValue({ text: 'Type the first few letters' });
    $('#Date').defaultValue({ text: 'Click to choose date' });

    $('#searchform-fields').bind('submit', function() {
        
        // Clear the default text values if they're still there
        if($('#EstablishmentName').val() == $('#EstablishmentName').defaultval()) $('#EstablishmentName').val('');

        if($('#Date').val() == $('#Date').defaultval()) $('#Date').val('');
    
        if ($('#EstablishmentName').val() != '') $('#searchform-fields input[type=checkbox]').removeAttr('checked');

        if ($('input[name=Town]').val() > 0 || $('#Date').val() != '' || $('#Nights').val() > 0) $('#EstablishmentName').val('');

        //return false;

    });

});