var $jq = jQuery.noConflict();

$jq(document).ready(function() {

    // Scrollable Accordion
    //    $jq(function() {        
    //                  
    //        $jq("div.scrollable").scrollable({ 
    //            vertical:true           
    //        
    //        }).mousewheel();     
    //         
    //    });

    // Dialog
    var taal = $jq('#ctl00_hiddenTaal').val();

    $jq(function() {

        if (taal = "BR") {

            $jq('#bairro_modal').dialog({
                modal: true,
                autoOpen: false,
                //bgiframe: true,
                resizable: false,
                width: 620,
                //height: 400,
                //minHeight : 300,
                //maxHeight: 400,
                open: function(type, data) {

                    $jq(this).parents(".ui-dialog").wrap(
                  '<div class="modal_class"></div>'
                );

                    //$jq("div.scrollable").scrollable();

                    $jq("div.scrollable").scrollable({
                        vertical: true,
                        size: 10

                    }).mousewheel();

                },
                close: function(type, data) {

                    var wrapper = $jq(this).parents(".modal_class");
                    wrapper.replaceWith(wrapper.children());

                },
                buttons: {
                    "MARCAR TODOS": function() {

                        $jq("#bairro_modal").find("input:checkbox").each(function() {
                            this.checked = true;
                        });

                        //controleerBairros();

                    },
                    "DESMARCAR TODOS": function() {

                        $jq("#bairro_modal").find("input:checkbox").each(function() {
                            this.checked = false;
                        });

                        //controleerBairros();

                    },
                    "OK": function() {

                        $jq(this).dialog("close");
                        controleerBairros();

                    }
                }
            });

        } else {

            $jq('#bairro_modal').dialog({
                modal: true,
                autoOpen: false,
                //bgiframe: true,
                resizable: false,
                width: 620,
                //height: 400,
                //minHeight : 300,
                //maxHeight: 400,
                open: function(type, data) {

                    $jq(this).parents(".ui-dialog").wrap(
                  '<div class="modal_class"></div>'
                );

                    //$jq("div.scrollable").scrollable();

                    $jq("div.scrollable").scrollable({
                        vertical: true,
                        size: 10

                    }).mousewheel();

                },
                close: function(type, data) {

                    var wrapper = $jq(this).parents(".modal_class");
                    wrapper.replaceWith(wrapper.children());

                },
                buttons: {
                    "CHECK ALL": function() {

                        $jq("#bairro_modal").find("input:checkbox").each(function() {
                            this.checked = true;
                        });

                        //controleerBairros();

                    },
                    "UNCHECK ALL": function() {

                        $jq("#bairro_modal").find("input:checkbox").each(function() {
                            this.checked = false;
                        });

                        //controleerBairros();

                    },
                    "OK": function() {

                        $jq(this).dialog("close");
                        controleerBairros();

                    }
                }
            });

        }

    });
    
    
    // Shadow
    $jq(".tblPandFotoBorder").dropShadow({ left: 0, top: 2, opacity: 0.2, blur: 2 });


    // Titels
    $jq(".tdAlgemeenTitel").each(function() {

        var sTitel = $jq(this).text();
        sTitel = $jq.trim(sTitel);
        var arrTitel = sTitel.split(" ");
        var sEersteWoord = arrTitel[0];

        var titelArray = $jq.grep(arrTitel, function(n, i) {
            return (i > 0);
        });
        $jq(this).html("<span class='orange'>" + sEersteWoord + "</span> ").append(titelArray.join(" "));

    });

    // Tabs
    $jq(function() {

        $jq('#tabs').tabs();
        $jq('#tabs_panden').tabs();

    });

    // Lightbox
    $jq(function() {

        $jq('a.lightbox').lightBox();

    });


    // Preview

    $jq('.imgPandDetailFoto').each(function() {

        $jq('.imgPandDetailFoto').imgPreview({
            srcAttr: 'rel',
            containerID: 'imgPreviewContainer',
            imgCSS: {
                // Limit
                width: 300
            }

        });

    });

    // Modal
    function toonModalBox_Bairro() {

        $jq(function() {

            $jq.nyroModalManual({
                url: '#modalbox_bairro'
            });

        });

    }

});


//

function controleerBairros() {

    var waardes = [];

    $jq("#bairro_modal").find("input:checkbox").each(function() {

        if (this.checked) {

            //var name = $jq(this).attr('name');
            var val = $jq(this).val();

            waardes.push($jq(this).val());

        }


    });

    __doPostBack('ctl00_uptBairros', waardes.join(';'));



}