$(document).ready(function () {

        $('#text').jScrollPane({
            showArrows:true,
            scrollbarWidth: 30,
            scrollbarMargin : 0,
            arrowSize: 42,
            dragMinHeight : 6,
            dragMaxHeight : 6
            });

        // prettyPhoto plugin
        $("a[rel^='prettyPhoto']").prettyPhoto();
        // $("a[rel^='prettyPhoto']").prettyPhoto({
        //     theme: 'dark_square',
        //     // Als je dit weghaalt heb je de oorspronkelijke markup.
        //             //             markup: '<div class="pp_pic_holder"> \
        //             //  <div class="ppt">&nbsp;</div> \
        //             //  <div class="pp_content_container"> \
        //             //      <div class="pp_left"> \
        //             //      <div class="pp_right"> \
        //             //          <div class="pp_content"> \
        //             //              <div class="pp_loaderIcon"></div> \
        //             //              <div class="pp_fade"> \
        //             //                  <div class="pp_hoverContainer"> \
        //             //                  </div> \
        //             //                  <div id="pp_full_res"></div> \
        //             //                  <div class="pp_details clearfix"> \
        //             //                  </div> \
        //             //              </div> \
        //             //          </div> \
        //             //      </div> \
        //             //      </div> \
        //             //  </div> \
        //             // </div> \
        //             // <div class="pp_overlay"></div>',
        // });


}); // end document ready