$(function () {


    // start imagemap regios homepage

    // hoveren over de imagemap zelfde functionaliteit
    $('area').live('mouseenter', function () {
        var theIndex = $('area').index($(this));
        var newY = (theIndex) * 212;

        $('#highlightmap').css('backgroundPosition', '0 -' + newY + 'px');

    });
    $('area').live('mouseleave', function () {
        if (lock != null) {
            HighlightLockedArea();
        } else {
            resetHighlightmap();
        }
    });

    // selecteren van een regio op de kaart
    $('area').live('click', function () {

        var ff = $(this).attr('id').split('area');
        var theId = ff[ff.length - 1];
        var theIndex = $('area').index($(this));
        var newY = (theIndex) * 212;
        $('#highlightmap').css('backgroundPosition', '0 -' + newY + 'px');
        lock = theId;

        setRegionDropDown(theId);
        searchAccommodations();

    });


    $('select#search-region').live('change', function () {
        var theRegionId = $(this).val();
        if (theRegionId == "0") {
            resetHighlightmap();
        }
        else {
            var theIndex = $('area').index($('#area' + theRegionId));
            var newY = (theIndex) * 212;
            $('#highlightmap').css('backgroundPosition', '0 -' + newY + 'px');
            lock = theRegionId;
        }
    });




    // einde imagemap regios homepage


    getAccCountForRegions();

    getHomepageProfile();

    getHomepageOffers();

    $('#search-arrivaldate').live('change', function () {
        searchAccommodations();
        fadeDatepickerClearer();
    });

    // selecteren van een maand
    $('select#search-month').live('change', function () {
        // selected item
        var selected = $(this).find('option:selected');
        var year = $(selected).attr('data-year');
        var month = $(selected).attr('data-month');

        var date = Date.parse(year + '/' + month + '/1');

        if (!isNaN(date)) {
            // instellen datepickermaand
            var newDate = new Date(date);
            var firstSat = new Date(date);
            while (firstSat.getDay() != 6) { firstSat.setDate(firstSat.getDate() + 1); }
            var lastDate = new Date((new Date(newDate.getFullYear(), newDate.getMonth() + 1, 1)) - 1);

            $("#search-arrivaldate").datepicker("option", "minDate", newDate);
            $("#search-arrivaldate").datepicker("option", "maxDate", lastDate);
            $("#search-arrivaldate").datepicker("option", "buttonText", Resources.UI.ClickToPickDate);
            $("#search-arrivaldate").datepicker("enable");
        }
        else {
            $('#search-arrivaldate').datepicker("disable");
        }
    });

    // selecteren van een item
    $('#default-search-form select').live('change', function () {
        searchAccommodations();
    });

    $('#search-arrivaldate').live('blur', function () {
        searchAccommodations();
    });


});

function setRegionDropDown(id) {
    $('select#search-region').val(id);
    
    $('select#search-region').select_unskin();

    $('select#search-region').select_skin();
}