jquery.cycle.scrubber.js

/*
 * jQuery Cycle Scrubber Plugin by M. Pezzi
 * http://thespiral.ca/jquery/scrubber/demo/
 * Version: 1.1 (08/08/10)
 * Dual licensed under the MIT and GPL licences:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 * Requires: jQuery v1.3.2 or later
 */
 
;(function($){

var instance = 1;

$.fn.scrubber = function(options) {
  if ( typeof $.fn.cycle == 'undefined' )
    alert('This plugin required the jQuery Cycle Plugin.\nhttp://www.malsup.com/jquery/cycle/');
  
  return this.each(function(){
    var self = $(this),
        pager = $.fn.scrubber.defaults.scrubber + '-' + instance,
        o = $.extend({ pager: '#' + pager }, $.fn.scrubber.defaults, options || {}),
        container =   $('<div></div>').addClass(o.container)
                                      .html(self.html())
                                      .css({ zIndex: 999 }),
        scrubber =    $('<div></div>').addClass(o.scrubber)
                                      .attr('id', pager)
                                      .css({ display: 'block', position: 'absolute', top: 0, left: 0, zIndex: 1000 });
    
    // Empty and append new container and scrubber.
    self.empty().css('position', 'relative').append(container).append(scrubber);
    
    // Initialize cycle plugin.
    container.cycle(o);
    
    self.css({ width: container.width(), height: container.height() });
    
    // Position cycle pagers.
    scrubber.find('a').each(function(i){
      var items = scrubber.children().length,
          width = Math.floor(container.width() / items),
          remainder = container.width() % items,
          height = container.height(),
          css = $.extend(o.pagerCss, { 
            left: width * i, 
            width: ( i < (items - 1) ) ? width : width + remainder, 
            height: height
          });
      
      $(this).css(css).attr('href', o.link || '#');
    }).bind('mouseup', function(){
      if ( o.link ) {
        window.location = o.link;
      }
    });
    
    // Remove alt and title attributes to prevent hover tips.
    container.find('img').removeAttr('alt').removeAttr('title');
    
    instance++;
  });
};

$.fn.scrubber.defaults = {
  timeout: 0,
  speed: 100,
  fastOnEvent: 0,
  fx: 'none',
  pagerEvent: 'mouseover',
  pauseOnPagerHover: true,
  link: false,
  container: 'scrubber',
  scrubber: 'scrubber-pager',
  pagerCss: { 
    display: 'block', 
    position: 'absolute', 
    top: 0, 
    zIndex: 1001, 
    fontSize: '1px', 
    textIndent: '-1000em', 
    outline: 'none', 
    cursor: 'pointer',
    backgroundColor: '#000',
    opacity: 0
  }
};
  
})(jQuery);