; (function($) { var ver = 'Lite-1.0'; $.fn.cycle = function(options) { return this.each(function() { options = options || {}; if (this.cycleTimeout) clearTimeout(this.cycleTimeout); this.cycleTimeout = 0; this.cyclePause = 0; var $cont = $(this); var $slides = options.slideExpr ? $(options.slideExpr, this) : $cont.children(); var els = $slides.get(); if (els.length < 1) { if (window.console && window.console.log) window.console.log('terminating; too few slides: ' + els.length); return; // don't bother } if (els.length == 1) { this.cyclePause = 1; } // support metadata plugin (v1.0 and v2.0) var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {}); opts.before = opts.before ? [opts.before] : []; opts.after = opts.after ? [opts.after] : []; opts.after.unshift(function() { opts.busy = 0; }); // allow shorthand overrides of width, height and timeout var cls = this.className; opts.width = parseInt((cls.match(/w:(\d+)/) || [])[1]) || opts.width; opts.height = parseInt((cls.match(/h:(\d+)/) || [])[1]) || opts.height; opts.timeout = parseInt((cls.match(/t:(\d+)/) || [])[1]) || opts.timeout; if ($cont.css('position') == 'static') $cont.css('position', 'relative'); if (opts.width) $cont.width(opts.width); if (opts.height && opts.height != 'auto') $cont.height(opts.height); if (opts.startingSlide) opts.startingSlide = parseInt(opts.startingSlide); // if random, mix up the slide array if (opts.random) { opts.randomMap = []; for (var i = 0; i < els.length; i++) opts.randomMap.push(i); opts.randomMap.sort(function(a, b) { return Math.random() - 0.5; }); opts.randomIndex = 0; opts.startingSlide = opts.randomMap[0]; } else if (opts.startingSlide >= els.length) opts.startingSlide = 0; // catch bogus input opts.currSlide = opts.startingSlide = opts.startingSlide || 0; var first = opts.startingSlide; var first = 0; $slides.css({ position: 'absolute', top: 0, left: 0 }).hide().each(function(i) { $(this).css('z-index', els.length - i) }); $(els[first]).css('opacity', 1).show(); // opacity bit needed to handle reinit case if ($.browser.msie) els[first].style.removeAttribute('filter'); if (opts.fit && opts.width) $slides.width(opts.width); if (opts.fit && opts.height && opts.height != 'auto') $slides.height(opts.height); if (opts.pause) $cont.hover(function() { this.cyclePause = 1; }, function() { this.cyclePause = 0; }); $.fn.cycle.transitions.fade($cont, $slides, opts); $slides.each(function() { var $el = $(this); this.cycleH = (opts.fit && opts.height) ? opts.height : $el.height(); this.cycleW = (opts.fit && opts.width) ? opts.width : $el.width(); }); $slides.not(':eq(' + first + ')').css({ opacity: 0 }); if (opts.cssFirst) $($slides[first]).css(opts.cssFirst); if (opts.timeout) { // ensure that timeout and speed settings are sane if (opts.speed.constructor == String) opts.speed = { slow: 600, fast: 200}[opts.speed] || 400; if (!opts.sync) opts.speed = opts.speed / 2; while ((opts.timeout - opts.speed) < 250) opts.timeout += opts.speed; } opts.speedIn = opts.speed; opts.speedOut = opts.speed; opts.slideCount = els.length; opts.currSlide = first; opts.nextSlide = 1; // fire artificial events var e0 = $slides[first]; if (opts.before.length) opts.before[0].apply(e0, [e0, e0, opts, true]); if (opts.after.length > 1) opts.after[1].apply(e0, [e0, e0, opts, true]); if (opts.click && !opts.next) opts.next = opts.click; if (opts.next) $(opts.next).bind('click', function() { return advance(els, opts, opts.rev ? -1 : 1) }); if (opts.prev) $(opts.prev).bind('click', function() { return advance(els, opts, opts.rev ? 1 : -1) }); if (opts.pager) buildPager(els, opts); $cont.css('display', ''); $cont.css('visibility', ''); if (opts.timeout) this.cycleTimeout = setTimeout(function() { go(els, opts, 0, !opts.rev) }, opts.timeout + (opts.delay || 0)); }); }; function go(els, opts, manual, fwd) { if (opts.busy) return; var p = els[0].parentNode, curr = els[opts.currSlide], next = els[opts.nextSlide]; if (p.cycleTimeout === 0 && !manual) return; if (manual || !p.cyclePause) { if (opts.before.length) $.each(opts.before, function(i, o) { o.apply(next, [curr, next, opts, fwd]); }); var after = function() { if ($.browser.msie) this.style.removeAttribute('filter'); $.each(opts.after, function(i, o) { o.apply(next, [curr, next, opts, fwd]); }); }; if (opts.nextSlide != opts.currSlide) { opts.busy = 1; $.fn.cycle.custom(curr, next, opts, after); } var roll = (opts.nextSlide + 1) == els.length; opts.nextSlide = roll ? 0 : opts.nextSlide + 1; opts.currSlide = roll ? els.length - 1 : opts.nextSlide - 1; } if (opts.timeout) p.cycleTimeout = setTimeout(function() { go(els, opts, 0, !opts.rev) }, opts.timeout); if (opts.pager) $.fn.cycle.updateActivePagerLink(opts.pager, opts.currSlide); }; //Pager function buildPager(els, opts) { var $p = $(opts.pager); $.each(els, function(i, o) { $.fn.cycle.createPagerAnchor(i, o, $p, els, opts); }); $.fn.cycle.updateActivePagerLink(opts.pager, opts.startingSlide); }; $.fn.cycle.createPagerAnchor = function(i, el, $p, els, opts) { var a = ($.isFunction(opts.pagerAnchorBuilder)) ? opts.pagerAnchorBuilder(i, el) : '' + (i + 1) + ''; if (!a) return; var $a = $(a); // don't reparent if anchor is in the dom if ($a.parents('body').length == 0) $a.appendTo($p); $a.bind(opts.pagerEvent, function() { opts.nextSlide = i; var p = els[0].parentNode, timeout = p.cycleTimeout; if (timeout) { clearTimeout(timeout); p.cycleTimeout = 0; } if ($.isFunction(opts.pagerClick)) opts.pagerClick(opts.nextSlide, els[opts.nextSlide]); go(els, opts, 1, opts.currSlide < i); // trigger the trans return false; }); if (opts.pauseOnPagerHover) $a.hover(function() { els[0].parentNode.cyclePause++; }, function() { els[0].parentNode.cyclePause--; }); }; // helper fn to calculate the number of slides between the current and the next $.fn.cycle.hopsFromLast = function(opts, fwd) { var hops, l = opts.lastSlide, c = opts.currSlide; if (fwd) hops = c > l ? c - l : opts.slideCount - l; else hops = c < l ? l - c : l + opts.slideCount - c; return hops; }; // invoked after transition $.fn.cycle.updateActivePagerLink = function(pager, currSlide) { // $(pager).find('a').removeClass('activeSlide').filter('a:eq(' + currSlide + ')').addClass('activeSlide'); $(pager).find('a').removeClass('activeSlide').filter('a:eq(' + currSlide + ')').addClass('activeSlide'); }; // advance slide forward or back function advance(els, opts, val) { var p = els[0].parentNode, timeout = p.cycleTimeout; if (timeout) { clearTimeout(timeout); p.cycleTimeout = 0; } opts.nextSlide = opts.currSlide + val; if (opts.nextSlide < 0) { opts.nextSlide = els.length - 1; } else if (opts.nextSlide >= els.length) { opts.nextSlide = 0; } go(els, opts, 1, val >= 0); return false; }; $.fn.cycle.custom = function(curr, next, opts, cb) { var $l = $(curr), $n = $(next); $n.css({ opacity: 0 }); var fn = function() { $n.animate({ opacity: 1 }, opts.speedIn, opts.easeIn, cb) }; $l.animate({ opacity: 0 }, opts.speedOut, opts.easeOut, function() { $l.css({ display: 'none' }); if (!opts.sync) fn(); }); if (opts.sync) fn(); }; $.fn.cycle.transitions = { fade: function($cont, $slides, opts) { $slides.not(':eq(0)').css('opacity', 0); opts.before.push(function() { $(this).show() }); } }; $.fn.cycle.ver = function() { return ver; }; $.fn.cycle.defaults = { timeout: 4000, speed: 1000, next: null, prev: null, before: null, after: null, height: 'auto', sync: 1, fit: 0, pause: 0, delay: 0, slideExpr: null, pager: null, pagerClick: null, pagerEvent: 'click', pagerAnchorBuilder: null, pauseOnPagerHover: 0, fastOnEvent: 0, startingSlide: 0, prevNextClick: null, continuous: 0, fastOnEvent: 0 }; })(jQuery);