​

//wrap the whole plugin in a closure

(function($){

  //create a jQuery collection method

  $.fn.clickthrough = function(options){

    //private vars

    var number_of_slides = this.length,

        slides = this,

        settings = $.extend({

          'bg_color' : 'red',

          'text_color' : 'white'

        }, options); // we have set some defaults and merged them with the incoming 'options' object

    return this.each(function(i, slide){

      var next_slide = (i + 1 < number_of_slides) ? i + 1 : 0;

      if(i > 0)

          $(slide).hide();

      $(slide).bind('click', function(){

        $(this).fadeOut('slow', function(){

          $(slides.eq(next_slide))

            .show()

            .trigger('slideOpen', (next_slide + 1)); //custom event trigger which passes the opened slide index + 1 to offset zero indexing

        });

      })

        .css('background', settings.bg_color)

        .css('color', settings.text_color);

    });

  };

})(jQuery);

​

$(document).ready(function(){

  $('div.slide').clickthrough({

    'bg_color' : 'blue',

    'text_color' : 'yellow'

  }).bind('slideOpen', function(event, slide_id){

    $('#status').html('slide ' + slide_id + ' open');

  });

});

​

​