//$(document).ready(function() {
google.setOnLoadCallback(function () {

    if ($.browser.mozilla) $(".noautocomplete").attr("autocomplete", "off");
    if ($.browser.mozilla) $(".sortform").attr("autocomplete", "off");

    $("#Logo").click(function () {
        window.location.href = '/';
    });

    //    $('#AlertPaused').change(function () {
    //        var pauze = $(this).attr('checked');
    //        if (pauze) {
    //            $.post('/Home/PauseAlert/', '', function (data) {
    //                alert(data);
    //            }, '');
    //        } else {
    //            $.post('/Home/UnPauseAlert/', '', function (data) {
    //                alert(data);
    //            }, '');
    //        }
    //    });

    $('.DeleteAlert').click(function (e) {
        e.preventDefault();
        var theAlertMenu = $(this).closest('.WoningAlertMenu');

        $('<div class="modal"><p>Weet u het zeker?</p></div>').dialog({
            
            title: "WoningAlert verwijderen?",
            modal: true,
            buttons: {
                "Ja": function () {
                    var theDialog = $(this);        
                    $.get($(this).attr('href'), '', function (data) {
                        theDialog.dialog('close');
                        theAlertMenu.fadeOut('slow');
                    });
                },
                "Annuleren": function () { $(this).dialog("close"); }
            }
        });

        return false;
    });


    $('.UpdateAlert').click(function (e) {
        e.preventDefault();
        var theButton = $(this);
        $.post('/Home/UpdateAlert', $('#SearchFilterForm').serialize(), function (data) {
            if (!!data)
                theButton.html('Alert bijgewerkt');
        }, 'text');
        return false;
    });

    $("#Messages").dialog({
        modal: true,
        buttons: {
            Ok: function () {
                $(this).dialog('close');
                $("input:text:visible:first").focus();
            }
        }
    });

    $("#Messages").click(function () {
        $(this).fadeOut();
    });

    $("#OpenFotoTab").click(function () {
        $("#DetailsBottom").tabs('select', "tab-fotos"); // switch to third tab
        $.scrollTo('#DetailsBottom', 800);
    });

    $("#SaveSearchFilterButton").click(function () {

        var theMenu = $(this).closest('.ActionButtons');
        var theListItem = $(this).closest('li');
        $.ajax({
            url: '/Home/BewaarZoekOpdracht',
            success: function (data) {
                $("#SaveSearchFilterButton").html(data);
                $("#SaveSearchFilterButton").attr("title", data);
                if (theMenu.find('.ActionSavedSearches').size() == 0) {
                    $('<li><a class="ActionSavedSearches" href="/Home/Zoekopdrachten">Mijn zoekopdrachten</a></li>').insertBefore(theListItem).hide().fadeIn('slow');
                }
            }
        });

    });


    $("#FilterMenu .Forget").click(function () {
        // reset form en misschien redirect?

        $("#SearchFilterBox div.formelements").fadeOut().delay(500).find(':input').each(function () {
            switch (this.type) {
                case 'password':
                case 'select-multiple':
                case 'select-one':
                case 'text':
                case 'textarea':
                    $(this).val('');
                    break;
            }
            switch ($(this).attr("id")) {
                case 'BouwjaarMax':
                case 'PrijsMax':
                    $(this).val($(this).find("option:last").val());
                    break;
            }
        });
        $("#SearchFilterBox div.formelements").fadeIn();


    });
    $(".Pager a:last-child").addClass("last");
    $("#sort").change(function () {
        $("#overview").block({ overlayCSS: { backgroundColor: '#fff'} });
        $(this).closest("form").submit();
    });

    $("#ZoekStraat").focus(function () {

        if ($(this).val() == "type hier de straat") {
            $(this).val('');
        }
    });
    $("#ZoekStraat").blur(function () {
        if ($(this).val() == '') {
            $(this).val("type hier de straat");
        }
    });

    $("#Plaats, #PlaatsHuur").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/Home/Plaatsen",
                dataType: "json",
                data: {
                    q: request.term
                },
                success: function (data) {
                    response($.map(data, function (item) {
                        return {
                            value: item.Naam
                        }
                    }))
                }
            })
        },
        minLength: 2,
        delay: 100
    });

    $("#ZoekStraat").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/Home/Adressen",
                dataType: "json",
                data: {
                    q: request.term
                },
                success: function (data) {
                    response($.map(data, function (item) {
                        return {
                            value: item.Naam
                        }
                    }))
                }
            })
        },
        focus: function (event, ui) {
            $('#ZoekStraat').val(ui.item.label);
            return false;
        },
        select: function (event, ui) { $(this).closest("form").submit(); },
        minLength: 3,
        delay: 300
    });

    $(".filter a").click(function () {

        var knop = $(this);
        $.blockUI({ message: '<h1><img src="/content/_gfx/ajax_indicator.gif" /> Verversen...</h1>' });

        $(knop).parent().fadeOut();
        if ($(this).attr("href").indexOf("Plaats") != -1) {
            $("#Plaats").val("");
        }

        if ($(this).attr("href").indexOf("Radius") != -1) {
            $("#Radius").val("10000");
        }

        if ($(this).attr("href").indexOf("PrijsMin") != -1) {
            $("#PrijsMin").val("0");
        }

        if ($(this).attr("href").indexOf("PrijsMax") != -1) {
            $("#PrijsMax").val("100000000");
        }

        $("#SearchFilterForm").submit();


        //        $.ajax({
        //            url: $(this).attr("href"),
        //            beforeSend: function(data) {
        //                $.blockUI({ message: '<h1><img src="/content/_gfx/indicator.gif" /> Verversen...</h1>' });
        //            },
        //            success: function(data) {
        //                $("#overview").html(data);
        //                $(knop).parent().fadeOut();
        //                updateFilterBox();
        //            },
        //            complete: function(data) {
        //                $.unblockUI();
        //            }
        //        });

        return false; // prevent href
    });

});                                                            // end if document ready

function updateFilterBox() {
    $.ajax({
        url: "/Home/GetFilters",
        beforeSend: function(data) {
        },
        success: function(data) {
            $("#SearchFilterBox").html(data);
            $("#Plaats, #HuurPlaats").autocomplete({
                source: function(request, response) {
                    $.ajax({
                        url: "/Home/Plaatsen",
                        dataType: "json",
                        data: {
                            q: request.term
                        },
                        success: function(data) {
                            response($.map(data, function(item) {
                                return {
                                    value: item.Naam
                                }
                            }))
                        }
                    })
                },
                minLength: 2,
                delay: 100
            }); 
        }
    });
}

function OnPaginationClick() {

    BlockUI();
    // change back-button bij paginanering


}

function BlockUI() {
    $("#overview").block({ overlayCSS: {backgroundColor: '#fff'} }); 
}
function UnblockUI() {
    $("#overview").unblock();
}