/*
* jQuery Cycle Plugin for light-weight slideshows
* Examples and documentation at: http://malsup.com/jquery/cycle/
* Copyright (c) 2007-2008 M. Alsup
* Version: 2.28 (06-OCT-2008)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
* Requires: jQuery v1.2.3 or later
*
* Based on the work of:
*  1) Matt Oakes (http://portfolio.gizone.co.uk/applications/slideshow/)
*  2) Torsten Baldes (http://medienfreunde.com/lab/innerfade/)
*  3) Benjamin Sterling (http://www.benjaminsterling.com/experiments/jqShuffle/)
*/
; (function($) {

  var ver = '2.28';
  var ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent);

  function log() {
    if (window.console && window.console.log)
      window.console.log('[cycle] ' + Array.prototype.join.call(arguments, ''));
  };

  $.fn.cycle = function(options) {
    var opt2 = arguments[1];
    return this.each(function() {
      if (options === undefined || options === null)
        options = {};
      if (options.constructor == String) {
        switch (options) {
          case 'stop':
            if (this.cycleTimeout) clearTimeout(this.cycleTimeout);
            this.cycleTimeout = 0;
            $(this).data('cycle.opts', '');
            return;
          case 'pause':
            this.cyclePause = 1;
            return;
          case 'resume':
            this.cyclePause = 0;
            if (opt2 === true) { // resume now!
              options = $(this).data('cycle.opts');
              if (!options) {
                log('options not found, can not resume');
                return;
              }
              if (this.cycleTimeout) {
                clearTimeout(this.cycleTimeout);
                this.cycleTimeout = 0;
              }
              go(options.elements, options, 1, 1);
            }
            return;
          default:
            options = { fx: options };
        };
      }
      else if (options.constructor == Number) {
        // go to the requested slide
        var num = options;
        options = $(this).data('cycle.opts');
        if (!options) {
          log('options not found, can not advance slide');
          return;
        }
        if (num < 0 || num >= options.elements.length) {
          log('invalid slide index: ' + num);
          return;
        }
        options.nextSlide = num;
        if (this.cycleTimeout) {
          clearTimeout(this.cycleTimeout);
          this.cycleTimeout = 0;
        }
        go(options.elements, options, 1, num >= options.currSlide);
        return;
      }

      // stop existing slideshow for this container (if there is one)
      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 < 2) {
        log('terminating; too few slides: ' + els.length);
        return; // don't bother
      }

      // support metadata plugin (v1.0 and v2.0)
      var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {});
      if (opts.autostop)
        opts.countdown = opts.autostopCount || els.length;

      $cont.data('cycle.opts', opts);
      opts.container = this;

      opts.elements = els;
      opts.before = opts.before ? [opts.before] : [];
      opts.after = opts.after ? [opts.after] : [];
      opts.after.unshift(function() { opts.busy = 0; });
      if (opts.continuous)
        opts.after.push(function() { go(els, opts, 0, !opts.rev); });

      // clearType corrections
      if (ie6 && opts.cleartype && !opts.cleartypeNoBg)
        clearTypeFix($slides);

      // 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 (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
      var first = opts.startingSlide || 0;
      $slides.css({ position: 'absolute', top: 0, left: 0 }).hide().each(function(i) {
        var z = first ? i >= first ? els.length - (i - first) : first - i : els.length - i;
        $(this).css('z-index', z)
      });

      $(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; });

      // run transition init fn
      var init = $.fn.cycle.transitions[opts.fx];
      if ($.isFunction(init))
        init($cont, $slides, opts);
      else if (opts.fx != 'custom')
        log('unknown transition: ' + opts.fx);

      $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();
      });

      opts.cssBefore = opts.cssBefore || {};
      opts.animIn = opts.animIn || {};
      opts.animOut = opts.animOut || {};

      $slides.not(':eq(' + first + ')').css(opts.cssBefore);
      if (opts.cssFirst)
        $($slides[first]).css(opts.cssFirst);

      if (opts.timeout) {
        opts.timeout = parseInt(opts.timeout);
        // ensure that timeout and speed settings are sane
        if (opts.speed.constructor == String)
          opts.speed = $.fx.speeds[opts.speed] || parseInt(opts.speed);
        if (!opts.sync)
          opts.speed = opts.speed / 2;
        while ((opts.timeout - opts.speed) < 250)
          opts.timeout += opts.speed;
      }
      if (opts.easing)
        opts.easeIn = opts.easeOut = opts.easing;
      if (!opts.speedIn)
        opts.speedIn = opts.speed;
      if (!opts.speedOut)
        opts.speedOut = opts.speed;

      opts.slideCount = els.length;
      opts.currSlide = first;
      if (opts.random) {
        opts.nextSlide = opts.currSlide;
        if (++opts.randomIndex == els.length)
          opts.randomIndex = 0;
        opts.nextSlide = opts.randomMap[opts.randomIndex];
      }
      else
        opts.nextSlide = opts.startingSlide >= (els.length - 1) ? 0 : opts.startingSlide + 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);

      // expose fn for adding slides after the show has started
      opts.addSlide = function(newSlide) {
        var $s = $(newSlide), s = $s[0];
        if (!opts.autostopCount)
          opts.countdown++;
        els.push(s);
        if (opts.els)
          opts.els.push(s); // shuffle needs this
        opts.slideCount = els.length;

        $s.css('position', 'absolute').appendTo($cont);

        if (ie6 && opts.cleartype && !opts.cleartypeNoBg)
          clearTypeFix($s);

        if (opts.fit && opts.width)
          $s.width(opts.width);
        if (opts.fit && opts.height && opts.height != 'auto')
          $slides.height(opts.height);
        s.cycleH = (opts.fit && opts.height) ? opts.height : $s.height();
        s.cycleW = (opts.fit && opts.width) ? opts.width : $s.width();

        $s.css(opts.cssBefore);

        if (opts.pager)
          $.fn.cycle.createPagerAnchor(els.length - 1, s, $(opts.pager), els, opts);

        if (typeof opts.onAddSlide == 'function')
          opts.onAddSlide($s);
      };

      if (opts.timeout || opts.continuous)
        this.cycleTimeout = setTimeout(
                function() { go(els, opts, 0, !opts.rev) },
                opts.continuous ? 10 : opts.timeout + (opts.delay || 0));
    });
  };

  function go(els, opts, manual, fwd) {
    if (opts.busy) return;
    var p = opts.container, curr = els[opts.currSlide], next = els[opts.nextSlide];
    if (p.cycleTimeout === 0 && !manual)
      return;

    if (!manual && !p.cyclePause &&
        ((opts.autostop && (--opts.countdown <= 0)) ||
        (opts.nowrap && !opts.random && opts.nextSlide < opts.currSlide))) {
      if (opts.end)
        opts.end(opts);
      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 && opts.cleartype)
          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;
        if (opts.fxFn)
          opts.fxFn(curr, next, opts, after, fwd);
        else if ($.isFunction($.fn.cycle[opts.fx]))
          $.fn.cycle[opts.fx](curr, next, opts, after);
        else
          $.fn.cycle.custom(curr, next, opts, after, manual && opts.fastOnEvent);
      }
      if (opts.random) {
        opts.currSlide = opts.nextSlide;
        if (++opts.randomIndex == els.length)
          opts.randomIndex = 0;
        opts.nextSlide = opts.randomMap[opts.randomIndex];
      }
      else { // sequence
        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.pager)
        $.fn.cycle.updateActivePagerLink(opts.pager, opts.currSlide);
    }
    if (opts.timeout && !opts.continuous)
      p.cycleTimeout = setTimeout(function() { go(els, opts, 0, !opts.rev) }, opts.timeout);
    else if (opts.continuous && p.cyclePause)
      p.cycleTimeout = setTimeout(function() { go(els, opts, 0, !opts.rev) }, 10);
  };

  $.fn.cycle.updateActivePagerLink = function(pager, currSlide) {
    $(pager).find('a').removeClass('activeSlide').filter('a:eq(' + currSlide + ')').addClass('activeSlide');
  };

  // advance slide forward or back
  function advance(els, opts, val) {
    var p = opts.container, timeout = p.cycleTimeout;
    if (timeout) {
      clearTimeout(timeout);
      p.cycleTimeout = 0;
    }
    if (opts.random && val < 0) {
      // move back to the previously display slide
      opts.randomIndex--;
      if (--opts.randomIndex == -2)
        opts.randomIndex = els.length - 2;
      else if (opts.randomIndex == -1)
        opts.randomIndex = els.length - 1;
      opts.nextSlide = opts.randomMap[opts.randomIndex];
    }
    else if (opts.random) {
      if (++opts.randomIndex == els.length)
        opts.randomIndex = 0;
      opts.nextSlide = opts.randomMap[opts.randomIndex];
    }
    else {
      opts.nextSlide = opts.currSlide + val;
      if (opts.nextSlide < 0) {
        if (opts.nowrap) return false;
        opts.nextSlide = els.length - 1;
      }
      else if (opts.nextSlide >= els.length) {
        if (opts.nowrap) return false;
        opts.nextSlide = 0;
      }
    }

    if (opts.prevNextClick && typeof opts.prevNextClick == 'function')
      opts.prevNextClick(val > 0, opts.nextSlide, els[opts.nextSlide]);
    go(els, opts, 1, val >= 0);
    return false;
  };

  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 = (typeof opts.pagerAnchorBuilder == 'function')
        ? $(opts.pagerAnchorBuilder(i, el))
        : $('<a href="#">' + (i + 1) + '</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 = opts.container, timeout = p.cycleTimeout;
      if (timeout) {
        clearTimeout(timeout);
        p.cycleTimeout = 0;
      }
      if (typeof opts.pagerClick == 'function')
        opts.pagerClick(opts.nextSlide, els[opts.nextSlide]);
      go(els, opts, 1, opts.currSlide < i);
      return false;
    });
    if (opts.pauseOnPagerHover)
      $a.hover(function() { opts.container.cyclePause = 1; }, function() { opts.container.cyclePause = 0; });
  };


  // this fixes clearType problems in ie6 by setting an explicit bg color
  function clearTypeFix($slides) {
    function hex(s) {
      var s = parseInt(s).toString(16);
      return s.length < 2 ? '0' + s : s;
    };
    function getBg(e) {
      for (; e && e.nodeName.toLowerCase() != 'html'; e = e.parentNode) {
        var v = $.css(e, 'background-color');
        if (v.indexOf('rgb') >= 0) {
          var rgb = v.match(/\d+/g);
          return '#' + hex(rgb[0]) + hex(rgb[1]) + hex(rgb[2]);
        }
        if (v && v != 'transparent')
          return v;
      }
      return '#ffffff';
    };
    $slides.each(function() { $(this).css('background-color', getBg(this)); });
  };


  $.fn.cycle.custom = function(curr, next, opts, cb, immediate) {
    var $l = $(curr), $n = $(next);
    $n.css(opts.cssBefore);
    var speedIn = immediate ? 1 : opts.speedIn;
    var speedOut = immediate ? 1 : opts.speedOut;
    var easeIn = immediate ? null : opts.easeIn;
    var easeOut = immediate ? null : opts.easeOut;
    var fn = function() { $n.animate(opts.animIn, speedIn, easeIn, cb) };
    $l.animate(opts.animOut, speedOut, easeOut, function() {
      if (opts.cssAfter) $l.css(opts.cssAfter);
      if (!opts.sync) fn();
    });
    if (opts.sync) fn();
  };

  $.fn.cycle.transitions = {
    fade: function($cont, $slides, opts) {
      $slides.not(':eq(' + opts.startingSlide + ')').css('opacity', 0);
      opts.before.push(function() { $(this).show() });
      opts.animIn = { opacity: 1 };
      opts.animOut = { opacity: 0 };
      opts.cssBefore = { opacity: 0 };
      opts.cssAfter = { display: 'none' };
    }
  };

  $.fn.cycle.ver = function() { return ver; };

  // override these globally if you like (they are all optional)
  $.fn.cycle.defaults = {
    fx: 'fade', // one of: fade, shuffle, zoom, scrollLeft, etc
    timeout: 4000,  // milliseconds between slide transitions (0 to disable auto advance)
    continuous: 0,     // true to start next transition immediately after current one completes
    speed: 1000,  // speed of the transition (any valid fx speed value)
    speedIn: null,  // speed of the 'in' transition
    speedOut: null,  // speed of the 'out' transition
    next: null,  // id of element to use as click trigger for next slide
    prev: null,  // id of element to use as click trigger for previous slide
    prevNextClick: null,  // callback fn for prev/next clicks:  function(isNext, zeroBasedSlideIndex, slideElement)
    pager: null,  // id of element to use as pager container
    pagerClick: null,  // callback fn for pager clicks:  function(zeroBasedSlideIndex, slideElement)
    pagerEvent: 'click', // event which drives the pager navigation
    pagerAnchorBuilder: null, // callback fn for building anchor links
    before: null,  // transition callback (scope set to element to be shown)
    after: null,  // transition callback (scope set to element that was shown)
    end: null,  // callback invoked when the slideshow terminates (use with autostop or nowrap options)
    easing: null,  // easing method for both in and out transitions
    easeIn: null,  // easing for "in" transition
    easeOut: null,  // easing for "out" transition
    shuffle: null,  // coords for shuffle animation, ex: { top:15, left: 200 }
    animIn: null,  // properties that define how the slide animates in
    animOut: null,  // properties that define how the slide animates out
    cssBefore: null,  // properties that define the initial state of the slide before transitioning in
    cssAfter: null,  // properties that defined the state of the slide after transitioning out
    fxFn: null,  // function used to control the transition
    height: 'auto', // container height
    startingSlide: 0,     // zero-based index of the first slide to be displayed
    sync: 1,     // true if in/out transitions should occur simultaneously
    random: 0,     // true for random, false for sequence (not applicable to shuffle fx)
    fit: 0,     // force slides to fit container
    pause: 0,     // true to enable "pause on hover"
    pauseOnPagerHover: 0, // true to pause when hovering over pager link
    autostop: 0,     // true to end slideshow after X transitions (where X == slide count)
    autostopCount: 0,     // number of transitions (optionally used with autostop to define X)
    delay: 0,     // additional delay (in ms) for first transition (hint: can be negative)
    slideExpr: null,  // expression for selecting slides (if something other than all children is required)
    cleartype: 0,     // true if clearType corrections should be applied (for IE)
    nowrap: 0,     // true to prevent slideshow from wrapping
    fastOnEvent: 0      // force immediate transition when triggered manually (via pager or prev/next)
  };

})(jQuery);


/*
* jQuery Cycle Plugin Transition Definitions
* This script is a plugin for the jQuery Cycle Plugin
* Examples and documentation at: http://malsup.com/jquery/cycle/
* Copyright (c) 2007-2008 M. Alsup
* Version:  2.22
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
(function($) {

  //
  // These functions define one-time slide initialization for the named
  // transitions. To save file size feel free to remove any of these that you 
  // don't need.
  //

  // scrollUp/Down/Left/Right
  $.fn.cycle.transitions.scrollUp = function($cont, $slides, opts) {
    $cont.css('overflow', 'hidden');
    opts.before.push(function(curr, next, opts) {
      $(this).show();
      opts.cssBefore.top = next.offsetHeight;
      opts.animOut.top = 0 - curr.offsetHeight;
    });
    opts.cssFirst = { top: 0 };
    opts.animIn = { top: 0 };
    opts.cssAfter = { display: 'none' };
  };
  $.fn.cycle.transitions.scrollDown = function($cont, $slides, opts) {
    $cont.css('overflow', 'hidden');
    opts.before.push(function(curr, next, opts) {
      $(this).show();
      opts.cssBefore.top = 0 - next.offsetHeight;
      opts.animOut.top = curr.offsetHeight;
    });
    opts.cssFirst = { top: 0 };
    opts.animIn = { top: 0 };
    opts.cssAfter = { display: 'none' };
  };
  $.fn.cycle.transitions.scrollLeft = function($cont, $slides, opts) {
    $cont.css('overflow', 'hidden');
    opts.before.push(function(curr, next, opts) {
      $(this).show();
      opts.cssBefore.left = next.offsetWidth;
      opts.animOut.left = 0 - curr.offsetWidth;
    });
    opts.cssFirst = { left: 0 };
    opts.animIn = { left: 0 };
  };
  $.fn.cycle.transitions.scrollRight = function($cont, $slides, opts) {
    $cont.css('overflow', 'hidden');
    opts.before.push(function(curr, next, opts) {
      $(this).show();
      opts.cssBefore.left = 0 - next.offsetWidth;
      opts.animOut.left = curr.offsetWidth;
    });
    opts.cssFirst = { left: 0 };
    opts.animIn = { left: 0 };
  };
  $.fn.cycle.transitions.scrollHorz = function($cont, $slides, opts) {
    $cont.css('overflow', 'hidden').width();
    //    $slides.show();
    opts.before.push(function(curr, next, opts, fwd) {
      $(this).show();
      var currW = curr.offsetWidth, nextW = next.offsetWidth;
      opts.cssBefore = fwd ? { left: nextW} : { left: -nextW };
      opts.animIn.left = 0;
      opts.animOut.left = fwd ? -currW : currW;
      $slides.not(curr).css(opts.cssBefore);
    });
    opts.cssFirst = { left: 0 };
    opts.cssAfter = { display: 'none' }
  };
  $.fn.cycle.transitions.scrollVert = function($cont, $slides, opts) {
    $cont.css('overflow', 'hidden');
    //    $slides.show();
    opts.before.push(function(curr, next, opts, fwd) {
      $(this).show();
      var currH = curr.offsetHeight, nextH = next.offsetHeight;
      opts.cssBefore = fwd ? { top: -nextH} : { top: nextH };
      opts.animIn.top = 0;
      opts.animOut.top = fwd ? currH : -currH;
      $slides.not(curr).css(opts.cssBefore);
    });
    opts.cssFirst = { top: 0 };
    opts.cssAfter = { display: 'none' }
  };

  // slideX/slideY
  $.fn.cycle.transitions.slideX = function($cont, $slides, opts) {
    opts.before.push(function(curr, next, opts) {
      $(curr).css('zIndex', 1);
    });
    opts.onAddSlide = function($s) { $s.hide(); };
    opts.cssBefore = { zIndex: 2 };
    opts.animIn = { width: 'show' };
    opts.animOut = { width: 'hide' };
  };
  $.fn.cycle.transitions.slideY = function($cont, $slides, opts) {
    opts.before.push(function(curr, next, opts) {
      $(curr).css('zIndex', 1);
    });
    opts.onAddSlide = function($s) { $s.hide(); };
    opts.cssBefore = { zIndex: 2 };
    opts.animIn = { height: 'show' };
    opts.animOut = { height: 'hide' };
  };

  // shuffle
  $.fn.cycle.transitions.shuffle = function($cont, $slides, opts) {
    var w = $cont.css('overflow', 'visible').width();
    $slides.css({ left: 0, top: 0 });
    opts.before.push(function() { $(this).show() });
    opts.speed = opts.speed / 2; // shuffle has 2 transitions        
    opts.random = 0;
    opts.shuffle = opts.shuffle || { left: -w, top: 15 };
    opts.els = [];
    for (var i = 0; i < $slides.length; i++)
      opts.els.push($slides[i]);

    for (var i = 0; i < opts.startingSlide; i++)
      opts.els.push(opts.els.shift());

    // custom transition fn (hat tip to Benjamin Sterling for this bit of sweetness!)
    opts.fxFn = function(curr, next, opts, cb, fwd) {
      var $el = fwd ? $(curr) : $(next);
      $el.animate(opts.shuffle, opts.speedIn, opts.easeIn, function() {
        fwd ? opts.els.push(opts.els.shift()) : opts.els.unshift(opts.els.pop());
        if (fwd)
          for (var i = 0, len = opts.els.length; i < len; i++)
          $(opts.els[i]).css('z-index', len - i);
        else {
          var z = $(curr).css('z-index');
          $el.css('z-index', parseInt(z) + 1);
        }
        $el.animate({ left: 0, top: 0 }, opts.speedOut, opts.easeOut, function() {
          $(fwd ? this : curr).hide();
          if (cb) cb();
        });
      });
    };
    opts.onAddSlide = function($s) { $s.hide(); };
  };

  // turnUp/Down/Left/Right
  $.fn.cycle.transitions.turnUp = function($cont, $slides, opts) {
    opts.before.push(function(curr, next, opts) {
      $(this).show();
      opts.cssBefore.top = next.cycleH;
      opts.animIn.height = next.cycleH;
    });
    opts.onAddSlide = function($s) { $s.hide(); };
    opts.cssFirst = { top: 0 };
    opts.cssBefore = { height: 0 };
    opts.animIn = { top: 0 };
    opts.animOut = { height: 0 };
    opts.cssAfter = { display: 'none' };
  };
  $.fn.cycle.transitions.turnDown = function($cont, $slides, opts) {
    opts.before.push(function(curr, next, opts) {
      $(this).show();
      opts.animIn.height = next.cycleH;
      opts.animOut.top = curr.cycleH;
    });
    opts.onAddSlide = function($s) { $s.hide(); };
    opts.cssFirst = { top: 0 };
    opts.cssBefore = { top: 0, height: 0 };
    opts.animOut = { height: 0 };
    opts.cssAfter = { display: 'none' };
  };
  $.fn.cycle.transitions.turnLeft = function($cont, $slides, opts) {
    opts.before.push(function(curr, next, opts) {
      $(this).show();
      opts.cssBefore.left = next.cycleW;
      opts.animIn.width = next.cycleW;
    });
    opts.onAddSlide = function($s) { $s.hide(); };
    opts.cssBefore = { width: 0 };
    opts.animIn = { left: 0 };
    opts.animOut = { width: 0 };
    opts.cssAfter = { display: 'none' };
  };
  $.fn.cycle.transitions.turnRight = function($cont, $slides, opts) {
    opts.before.push(function(curr, next, opts) {
      $(this).show();
      opts.animIn.width = next.cycleW;
      opts.animOut.left = curr.cycleW;
    });
    opts.onAddSlide = function($s) { $s.hide(); };
    opts.cssBefore = { left: 0, width: 0 };
    opts.animIn = { left: 0 };
    opts.animOut = { width: 0 };
    opts.cssAfter = { display: 'none' };
  };

  // zoom
  $.fn.cycle.transitions.zoom = function($cont, $slides, opts) {
    opts.cssFirst = { top: 0, left: 0 };
    opts.cssAfter = { display: 'none' };

    opts.before.push(function(curr, next, opts) {
      $(this).show();
      opts.cssBefore = { width: 0, height: 0, top: next.cycleH / 2, left: next.cycleW / 2 };
      opts.cssAfter = { display: 'none' };
      opts.animIn = { top: 0, left: 0, width: next.cycleW, height: next.cycleH };
      opts.animOut = { width: 0, height: 0, top: curr.cycleH / 2, left: curr.cycleW / 2 };
      $(curr).css('zIndex', 2);
      $(next).css('zIndex', 1);
    });
    opts.onAddSlide = function($s) { $s.hide(); };
  };

  // fadeZoom
  $.fn.cycle.transitions.fadeZoom = function($cont, $slides, opts) {
    opts.before.push(function(curr, next, opts) {
      opts.cssBefore = { width: 0, height: 0, opacity: 1, left: next.cycleW / 2, top: next.cycleH / 2, zIndex: 1 };
      opts.animIn = { top: 0, left: 0, width: next.cycleW, height: next.cycleH };
    });
    opts.animOut = { opacity: 0 };
    opts.cssAfter = { zIndex: 0 };
  };

  // blindX
  $.fn.cycle.transitions.blindX = function($cont, $slides, opts) {
    var w = $cont.css('overflow', 'hidden').width();
    $slides.show();
    opts.before.push(function(curr, next, opts) {
      $(curr).css('zIndex', 1);
    });
    opts.cssBefore = { left: w, zIndex: 2 };
    opts.cssAfter = { zIndex: 1 };
    opts.animIn = { left: 0 };
    opts.animOut = { left: w };
  };
  // blindY
  $.fn.cycle.transitions.blindY = function($cont, $slides, opts) {
    var h = $cont.css('overflow', 'hidden').height();
    $slides.show();
    opts.before.push(function(curr, next, opts) {
      $(curr).css('zIndex', 1);
    });
    opts.cssBefore = { top: h, zIndex: 2 };
    opts.cssAfter = { zIndex: 1 };
    opts.animIn = { top: 0 };
    opts.animOut = { top: h };
  };
  // blindZ
  $.fn.cycle.transitions.blindZ = function($cont, $slides, opts) {
    var h = $cont.css('overflow', 'hidden').height();
    var w = $cont.width();
    $slides.show();
    opts.before.push(function(curr, next, opts) {
      $(curr).css('zIndex', 1);
    });
    opts.cssBefore = { top: h, left: w, zIndex: 2 };
    opts.cssAfter = { zIndex: 1 };
    opts.animIn = { top: 0, left: 0 };
    opts.animOut = { top: h, left: w };
  };

  // growX - grow horizontally from centered 0 width
  $.fn.cycle.transitions.growX = function($cont, $slides, opts) {
    opts.before.push(function(curr, next, opts) {
      opts.cssBefore = { left: this.cycleW / 2, width: 0, zIndex: 2 };
      opts.animIn = { left: 0, width: this.cycleW };
      opts.animOut = { left: 0 };
      $(curr).css('zIndex', 1);
    });
    opts.onAddSlide = function($s) { $s.hide().css('zIndex', 1); };
  };
  // growY - grow vertically from centered 0 height
  $.fn.cycle.transitions.growY = function($cont, $slides, opts) {
    opts.before.push(function(curr, next, opts) {
      opts.cssBefore = { top: this.cycleH / 2, height: 0, zIndex: 2 };
      opts.animIn = { top: 0, height: this.cycleH };
      opts.animOut = { top: 0 };
      $(curr).css('zIndex', 1);
    });
    opts.onAddSlide = function($s) { $s.hide().css('zIndex', 1); };
  };

  // curtainX - squeeze in both edges horizontally
  $.fn.cycle.transitions.curtainX = function($cont, $slides, opts) {
    opts.before.push(function(curr, next, opts) {
      opts.cssBefore = { left: next.cycleW / 2, width: 0, zIndex: 1, display: 'block' };
      opts.animIn = { left: 0, width: this.cycleW };
      opts.animOut = { left: curr.cycleW / 2, width: 0 };
      $(curr).css('zIndex', 2);
    });
    opts.onAddSlide = function($s) { $s.hide(); };
    opts.cssAfter = { zIndex: 1, display: 'none' };
  };
  // curtainY - squeeze in both edges vertically
  $.fn.cycle.transitions.curtainY = function($cont, $slides, opts) {
    opts.before.push(function(curr, next, opts) {
      opts.cssBefore = { top: next.cycleH / 2, height: 0, zIndex: 1, display: 'block' };
      opts.animIn = { top: 0, height: this.cycleH };
      opts.animOut = { top: curr.cycleH / 2, height: 0 };
      $(curr).css('zIndex', 2);
    });
    opts.onAddSlide = function($s) { $s.hide(); };
    opts.cssAfter = { zIndex: 1, display: 'none' };
  };

  // cover - curr slide covered by next slide
  $.fn.cycle.transitions.cover = function($cont, $slides, opts) {
    var d = opts.direction || 'left';
    var w = $cont.css('overflow', 'hidden').width();
    var h = $cont.height();
    opts.before.push(function(curr, next, opts) {
      opts.cssBefore = opts.cssBefore || {};
      opts.cssBefore.zIndex = 2;
      opts.cssBefore.display = 'block';

      if (d == 'right')
        opts.cssBefore.left = -w;
      else if (d == 'up')
        opts.cssBefore.top = h;
      else if (d == 'down')
        opts.cssBefore.top = -h;
      else
        opts.cssBefore.left = w;
      $(curr).css('zIndex', 1);
    });
    if (!opts.animIn) opts.animIn = { left: 0, top: 0 };
    if (!opts.animOut) opts.animOut = { left: 0, top: 0 };
    opts.cssAfter = opts.cssAfter || {};
    opts.cssAfter.zIndex = 2;
    opts.cssAfter.display = 'none';
  };

  // uncover - curr slide moves off next slide
  $.fn.cycle.transitions.uncover = function($cont, $slides, opts) {
    var d = opts.direction || 'left';
    var w = $cont.css('overflow', 'hidden').width();
    var h = $cont.height();
    opts.before.push(function(curr, next, opts) {
      opts.cssBefore.display = 'block';
      if (d == 'right')
        opts.animOut.left = w;
      else if (d == 'up')
        opts.animOut.top = -h;
      else if (d == 'down')
        opts.animOut.top = h;
      else
        opts.animOut.left = -w;
      $(curr).css('zIndex', 2);
      $(next).css('zIndex', 1);
    });
    opts.onAddSlide = function($s) { $s.hide(); };
    if (!opts.animIn) opts.animIn = { left: 0, top: 0 };
    opts.cssBefore = opts.cssBefore || {};
    opts.cssBefore.top = 0;
    opts.cssBefore.left = 0;

    opts.cssAfter = opts.cssAfter || {};
    opts.cssAfter.zIndex = 1;
    opts.cssAfter.display = 'none';
  };

  // toss - move top slide and fade away
  $.fn.cycle.transitions.toss = function($cont, $slides, opts) {
    var w = $cont.css('overflow', 'visible').width();
    var h = $cont.height();
    opts.before.push(function(curr, next, opts) {
      $(curr).css('zIndex', 2);
      opts.cssBefore.display = 'block';
      // provide default toss settings if animOut not provided
      if (!opts.animOut.left && !opts.animOut.top)
        opts.animOut = { left: w * 2, top: -h / 2, opacity: 0 };
      else
        opts.animOut.opacity = 0;
    });
    opts.onAddSlide = function($s) { $s.hide(); };
    opts.cssBefore = { left: 0, top: 0, zIndex: 1, opacity: 1 };
    opts.animIn = { left: 0 };
    opts.cssAfter = { zIndex: 2, display: 'none' };
  };

  // wipe - clip animation
  $.fn.cycle.transitions.wipe = function($cont, $slides, opts) {
    var w = $cont.css('overflow', 'hidden').width();
    var h = $cont.height();
    opts.cssBefore = opts.cssBefore || {};
    var clip;
    if (opts.clip) {
      if (/l2r/.test(opts.clip))
        clip = 'rect(0px 0px ' + h + 'px 0px)';
      else if (/r2l/.test(opts.clip))
        clip = 'rect(0px ' + w + 'px ' + h + 'px ' + w + 'px)';
      else if (/t2b/.test(opts.clip))
        clip = 'rect(0px ' + w + 'px 0px 0px)';
      else if (/b2t/.test(opts.clip))
        clip = 'rect(' + h + 'px ' + w + 'px ' + h + 'px 0px)';
      else if (/zoom/.test(opts.clip)) {
        var t = parseInt(h / 2);
        var l = parseInt(w / 2);
        clip = 'rect(' + t + 'px ' + l + 'px ' + t + 'px ' + l + 'px)';
      }
    }

    opts.cssBefore.clip = opts.cssBefore.clip || clip || 'rect(0px 0px 0px 0px)';

    var d = opts.cssBefore.clip.match(/(\d+)/g);
    var t = parseInt(d[0]), r = parseInt(d[1]), b = parseInt(d[2]), l = parseInt(d[3]);

    opts.before.push(function(curr, next, opts) {
      if (curr == next) return;
      var $curr = $(curr).css('zIndex', 2);
      var $next = $(next).css({
        zIndex: 3,
        display: 'block'
      });

      var step = 1, count = parseInt((opts.speedIn / 13)) - 1;
      function f() {
        var tt = t ? t - parseInt(step * (t / count)) : 0;
        var ll = l ? l - parseInt(step * (l / count)) : 0;
        var bb = b < h ? b + parseInt(step * ((h - b) / count || 1)) : h;
        var rr = r < w ? r + parseInt(step * ((w - r) / count || 1)) : w;
        $next.css({ clip: 'rect(' + tt + 'px ' + rr + 'px ' + bb + 'px ' + ll + 'px)' });
        (step++ <= count) ? setTimeout(f, 13) : $curr.css('display', 'none');
      }
      f();
    });
    opts.cssAfter = {};
    opts.animIn = { left: 0 };
    opts.animOut = { left: 0 };
  };

})(jQuery);