$(document).ready(function () {
 
 jQuery(function(){ // after DOM has loaded
  bafinstance = new ddbeforeandafter({
   wrapperid: 'baf',
   //dragUI: '<div class="drag"><div class="draghandle"></div></div>',
   revealduration: 0.4,
   initialreveal: ['50%', 1],
   initialrevealeasing: 'cubic-bezier(0.390, 0.575, 0.510, 1.650)',
   hidedragbardelay: 1
  })
 });
 jQuery(function(){ // after DOM has loaded
  bafinstance = new ddbeforeandaftera({
   wrapperid: 'bafa',
   //dragUI: '<div class="drag"><div class="draghandle"></div></div>',
   revealduration: 0.4,
   initialreveal: ['50%', 1],
   initialrevealeasing: 'cubic-bezier(0.390, 0.575, 0.510, 1.650)',
   hidedragbardelay: 1
  })
 });
 
 $('.mb02_n_inner').slick({
  arrows:false, 
  //autoplay:true, 
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  dots: true,
  asNavFor: '.mb02_page_inner'
 });
 $('.mb02_page_inner').slick({
  arrows:true, 
  slidesToShow: 2,
  slidesToScroll:1,
  asNavFor: '.mb02_n_inner',
  dots: false,
  //centerMode: true,
  focusOnSelect: true
 });
 
 
});