var $j = jQuery.noConflict();
var scrollElementApi;
$j(document).ready(function(){
  var scrollElement = $j('#content').jScrollPane({
    verticalDragMinHeight: 50,
    verticalDragMaxHeight: 50
  });
  scrollElementApi = scrollElement.data('jsp');

  $j('#impressies a').click(function(){
    $j('.scrollable .item a').eq(5).trigger('click');
  });
  
  $j('.klap1').enableKlapper('.klap1');
  
  $j('#footerContent').enableSlide();
  //$j('#footerLogo a#partnerBtn').partnerClick('#footerLogo');
  
});
(function($) {
 $.fn.enableKlapper = function(elClass){  

   $(elClass + ' .csc-header h3').click(function(event){
     event.stopPropagation();
     event.preventDefault();
     
     var parentEl = $(this).parent().parent();
     $(elClass).removeClass('open');
     if( parentEl.data('state') != 'open'){
       //clean up
       $(elClass).removeData("state");
       
       parentEl.addClass('open');
       parentEl.data('state', 'open');
       
       // initialise scrollpane on click
       scrollElementApi.reinitialise();
     } else {
       //clean up
       parentEl.removeData("state");
     }
   });
   
   //$(elClass + ' .csc-header h3:first').trigger('click'); 
 };
})(jQuery);

(function($) {
 $.fn.partnerClick = function(target){
  $(this).click(function(event){
    event.stopPropagation();
    event.preventDefault();
    
    var el = $(target);
    el.removeClass('open');
    
    if( el.data('state') != 'open'){
        el.addClass('open');
        el.data('state', 'open');
    } else {
      el.removeData("state");
    }
  }); 
 };
})(jQuery); 
 
(function($) {
 $.fn.enableSlide = function(){
  
  var slideContainer = '<div class="scrollable"> <div class="items"> </div> </div>';
  $(this).append(slideContainer);
  
  //add images to scrollcontainer
  $('img', $(this)).each(function(i){
    
    var photoHTML = $(this).photoWrapper();
    
    $('.items').append( photoHTML );  
    $('.items .add a').append( $(this) );
    $('.items .add').removeClass('add');
  });
  
  Shadowbox.init({
    handleOversize: "drag",
    modal: false,
    overlayOpacity: 0.8
  });
  Shadowbox.setup(".scrollable .items a", {
    gallery:        "sh",
    continuous:     true,
    counterType:    "skip"
    
  });
  
   //start scroll
  $(".scrollable").scrollable().autoscroll(3000).circular();
  
  return true;
 };
})(jQuery);

(function($) {
 $.fn.photoWrapper = function(){  
  var rContent = '<div class="item add"><a rel="shadowbox[sh]" href="'+$(this).attr("longdesc")+'" title="'+$(this).attr("title")+'"></a></div>';

  return rContent;
 };
})(jQuery);