// ---------------------------------------------------------------------------------------- //
// -- INIT -- //
// ---------------------------------------------------------------------------------------- //

Sys.Application.add_init(AppInit);

function AppInit(sender) {

    Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(Start);
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(End);

}

function Start(sender, args) {


    var dataItem = sender._postBackSettings.sourceElement.id;
    
    var sTransactieID = "transactie";
    var sTypeID = "type";
    var sStadID = "stad";
    var sPrijsID = "prijs";
    
    if(ddlTransactie != undefined){
        sTransactieID = ddlTransactie.id;
    }
    
    if(ddlType != undefined){
        sTypeID = ddlType.id;
    }
    
    if(ddlStad != undefined){
        sStadID = ddlStad.id;
    }
    
    if(ddlPrijs != undefined){
        sPrijsID = ddlPrijs.id;
    }
   
    switch (dataItem) {
        case sTransactieID: case sTypeID: case sStadID: case sPrijsID: 

            $('#filters').block({
                message: $('div.filter-loader'),
                css: {
                    border: "none",
                    backgroundColor: '#ffffff'
                },
                overlayCSS: {
                    backgroundColor: '#ffffff',
                    opacity: 1
                }
            });
            
            $('#filters_vertical').block({
                message: $('div.filter-loader-vertical'),
                css: {
                    border: "none",
                    backgroundColor: '#FFFFFF'
                },
                overlayCSS: {
                    backgroundColor: '#FFFFFF',
                    opacity: 1
                }
            });

            break;
    }

}

function End(sender, args) {

    var dataItem = sender._postBackSettings.sourceElement.id;
    
    var sTransactieID = "transactie";
    var sTypeID = "type";
    var sStadID = "stad";
    var sPrijsID = "prijs";
    
    if(ddlTransactie != undefined){
        sTransactieID = ddlTransactie.id;
    }
    
    if(ddlType != undefined){
        sTypeID = ddlType.id;
    }
    
    if(ddlStad != undefined){
        sStadID = ddlStad.id;
    }
    
    if(ddlPrijs != undefined){
        sPrijsID = ddlPrijs.id;
    }


    $(function() {
        $("select").uniform();
    });

    switch (dataItem) {
        case sTransactieID: case sTypeID: case sStadID: case sPrijsID: 

            $('#filters').unblock();
            $('#filters_vertical').unblock();
            break;


        default:

            $.unblockUI();
            break;
    }

}