// ---------------------------------------------------------------------------------------- //
// -- 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) {


    if (sender._postBackSettings.sourceElement != null) {

        //*** init ***
        var dataItem = sender._postBackSettings.sourceElement.id;


        //*** overzicht - datapager ***
        try {
            if ((dpAanbodTop != null) && (dataItem.indexOf(dpAanbodTop.id) != -1)) {
                blockOverzicht();
            }
        } catch (e) { }


        //*** overzicht - datapager ***
        try {
            if ((dpAanbodBottom != null) && (dataItem.indexOf(dpAanbodBottom.id) != -1)) {
                blockOverzicht();
            }
        } catch (e) { }


        //*** filters - type ***
        try {
            if ((ddlType != null) && (dataItem.indexOf(ddlType.id) != -1)) {
                blockOverzicht();
            }
        } catch (e) { }

        //*** filters - begindatum ***
        try {
            if ((ddlBegindatum != null) && (dataItem.indexOf(ddlBegindatum.id) != -1)) {
                blockOverzicht();
            }
        } catch (e) { }

        //*** filters - periode ***
        try {
            if ((ddlPeriode != null) && (dataItem.indexOf(ddlPeriode.id) != -1)) {
                blockOverzicht();
            }
        } catch (e) { }

        //*** filters - ligging ***
        try {
            if ((ddlLigging != null) && (dataItem.indexOf(ddlLigging.id) != -1)) {
                blockOverzicht();
            }
        } catch (e) { }

        //*** filters - periodes ***
        try {
            if ((rblPeriodes != null) && (dataItem.indexOf(rblPeriodes.id) != -1)) {
                blockOverzicht();
            }
        } catch (e) { }


        //*** vhr detail - jaar ***
        try {
            if ((ddlVHRJaar != null) && (dataItem.indexOf(ddlVHRJaar.id) != -1)) {
                blockDetail();
            }
        } catch (e) { }

        //*** vhr detail - maand ***
        try {
            if ((ddlVHRMaand != null) && (dataItem.indexOf(ddlVHRMaand.id) != -1)) {
                blockDetail();
            }
        } catch (e) { }

        //*** vhr detail - vorige maand ***
        try {
            if ((gvVorigeMaand != null) && (dataItem.indexOf(gvVorigeMaand.id) != -1)) {
                blockDetail();
            }
        } catch (e) { }

        //*** vhr detail - huidige maand ***
        try {
            if ((gvGeselecteerdeMaand != null) && (dataItem.indexOf(gvGeselecteerdeMaand.id) != -1)) {
                blockDetail();
            }
        } catch (e) { }

        //*** vhr detail - volgende maand ***
        try {
            if ((gvVolgendeMaand != null) && (dataItem.indexOf(gvVolgendeMaand.id) != -1)) {
                blockDetail();
            }
        } catch (e) { }
        
        


    } else {

        unblockAll();

    }

}

function End(sender, args) {

    unblockAll();

}

function unblockAll() {
    $(".filter-blockUI").unblock();
    $(".aanbod-blockUI").unblock();
    $.unblockUI();
}


function  blockOverzicht() {

    $('.filter-blockUI').block({
        message: $('.vhr-loader'),
        css: {
            padding: 0,
            margin: 0,
            width: '160px',
            height: '24px',
            textAlign: 'center',
            color: '#000',
            border: 'none',
            backgroundColor: '#ffffff',
            cursor: 'wait'
        },
        overlayCSS: {
            backgroundColor: '#ffffff',
            opacity: 0.9
            
        }
    });

//    $.blockUI({
//        message: '<img src="/imgsite/vhr-loader.gif" />',
//        css: {
//            padding: 20,
//            textAlign: 'center',
//            color: '#000',
//            border: 'none',
//            backgroundColor: '#fff',
//            cursor: 'wait'
//        },
//        overlayCSS: {
//            backgroundColor: '#fff',
//            opacity: 1
//        }
//     }); 

}

function blockDetail() {

    $.blockUI({
        message: '<img src="/imgsite/vhr-loader.gif" />',
        css: {
            padding: 20,
            textAlign: 'center',
            color: '#000',
            border: 'none',
            backgroundColor: '#fff',
            cursor: 'wait'  
        },
         overlayCSS:  { 
        backgroundColor: '#fff', 
        opacity:         1 
        }
    }); 

//    $('.filter-blockUI').block({
//                message: $('.vhr-loader'),
//                centerY: 0, 
//                css: { 
//                    padding:        10, 
//                    margin:         0, 
//                    width:          '90%', 
//                    top:            '5px', 
//                    left:           '', 
//                    textAlign:      'center', 
//                    color:          '#000', 
//                    border:         '1px solid #dddddd', 
//                    backgroundColor:'#fff', 
//                    cursor:         'wait' 
//                }, 
//                overlayCSS: {
//                    backgroundColor: '#ffffff',
//                    opacity: 0.5
//                }
//     });         

}