(function($) {
  $.fn.slider = function(options) {
      
    var settings = $.extend({
      auto: true,
      infinite: true,
      showNav: true,
      navWrapClass: 'steps',
      centerNav: false,
      showArrows: false,
      beforeControls: '',
      afterControls: '',
      wait: 5000,
      animation: 'fadeIn',
      animation_func: 'reveal',
      animations: {
        reveal: function($current, $next, options) {
          var anim_settings = $.extend({
                speed: 500
              }, options);
        
          function post_animate() {
            $(this).removeClass('next')
              .addClass('current')
              .removeAttr('style')
              .css('zoom', 1);
            
            // remove .current form previous item
            var $parent = $current.parent();
            // $current.remove().removeClass('current').appendTo($parent);
            $current.removeClass('current');
          }
          $next[settings.animation](anim_settings.speed, post_animate);
        },      
        slide: function($current, $next, options) {
          var anim_settings = $.extend({
                speed: 2000
              }, options);
        
          function post_animate_next() {
            $(this).removeClass('next sliding')
              .addClass('current')
              .removeAttr('style')
              .css('zoom', 1);
            
            // remove .current form previous item
            var $parent = $current.parent();
            $current.removeClass('current');
          }
          
          function post_animate_current() {
            $(this).removeClass('sliding')
              .removeAttr('style');
          }
          
          $current.addClass('sliding').animate({
            left: -1 * $current.width()
          }, anim_settings.speed, post_animate_current);
          
          $next.addClass('sliding').animate({
            marginLeft: -1 * $current.width()
          }, anim_settings.speed, post_animate_next);
        }
      }
    },
    options);
   
    
    function _animate($current, $next, f) {
      // call the custom animation function
      if (typeof settings.animation_func === 'function') {
        settings.animation_func($current, $next, options);
      } else {
        settings.animations[settings.animation_func]($current, $next, options);
      }
      
      // run the callback
      if (typeof(f) === 'function') {
        f();
      }
    }

    function _swap($container, $next) {
      var $current = $container.find('.current'),
          $controls = $('.' + settings.navWrapClass);
      
      // unless a next is specified, grab the next item available
      if (!$next) {
        $next = $current.next().length ? $current.next() : $container.children(':first-child');
      }
          
      if ($next.get(0) != $current.get(0)) {
      
        // alert($('.slider').html());
        // Fix the height of the container during the animation to prevent jumping
        //$container.data('savedHeight', $container[0].height).height($current.height(true));
        $container.height($current.height(true));      

        $next.addClass('next');
      
        // Run custom animation function
        _animate($current, $next, function() {
          $container.height('auto');
        
          // set current item indicator
          if ($controls.length) {
            $controls.find('.current').removeClass('current');
            $controls.find('[data-item=' + $next.data('item') + ']').addClass('current');
          }
        });
      }
    }
        
    return this.each(function() {
      var $self = $(this),
          timer;
      
      // Setup
      $self.children(':first-child').addClass('current');
      $self.children().each(function(i) {
        $(this).data('item', i);
      });
      
      if (settings.showNav) {
        $self.wrap('<div class="slider-container"/>');
        var $container = $self.parent(),
            innerContainer = settings.centerNav ? '<nav style="left: ' + (-20 * $self.find('li').length / 2) + 'px">' : '<nav>',
            controls = '<div class="' + settings.navWrapClass + '">' + innerContainer + settings.beforeControls,
            current = ' current';
            
        // Create current item links
        $self.find('li').each(function(i) {
          var $this = $(this),
              linkText = $this.data('linktext') || i;
              linkClass = $this.data('linkclass');
          
          controls += '<a href="#" class="' + linkClass + current + '" data-item="' + i + '">' + linkText + '</a>';
          current = '';
        });
        controls += settings.afterControls + "</nav></div>";
        
        // Append everything to the DOM
        if (settings.showArrows) {
          controls = '<a href="." class="slider-prev">prev</a>' + controls + '<a href="." class="slider-next">next</a>';
        }
        $container.prepend(controls);
        
        $('.' + settings.navWrapClass).find('a:not(.ignore)').bind('click', function(e) {
          var itemNum = $(e.target).data('item'),
              $next;
              
          $self.children().each(function() {
            if ($(this).data('item') == itemNum) {
              $next = $(this);
              return false;
            }
          });

          if (!$self.children(':animated').length) {
            _swap($self, $next);
            clearInterval(timer);
          } else {
            var func = arguments.callee;
            setTimeout(function() {
              func(e);
            }, 500);
          }
          e.preventDefault();
        });
        $('.slider-next').bind('click', function(e) {
          var $next = $self.children('.current').next().length ?
            $self.children('.current').next() :
            $self.children(':first-child');
          
          _swap($self, $next);
          clearInterval(timer);
          e.preventDefault();
        });
        $('.slider-prev').bind('click', function(e) {
          var $prev = $self.children('.current').prev().length ?
            $self.children('.current').prev() :
            $self.children(':last-child');
          
          _swap($self, $prev);
          clearInterval(timer);
          e.preventDefault();
        });
      }
      
      // Set up auto scroll
      if (settings.auto) {
        timer = setInterval(function() {
          _swap($self);
        }, settings.wait);
      }
      
    });  
   
  };
})(jQuery);