/**
 * This version of jFlow has been modified to auto-scroll on a 8 second interval.
 * - The scrolling is continuous and never has to rewind back to the first slide
 * - Hovering over a featured item will cause the auto-scroll to pause
 *
 *                                                        <corbanbrook@gmail.com>
 */

(function($) {
  $.fn.jFlow = function(options) {
    var opts = $.extend({}, $.fn.jFlow.defaults, options);
    var cur = 0;
    var timer;
    var selected_class = "jFlowSelected";
    var maxi = $(".jFlowControl").length;


    $(this).find(".jFlowControl").each(function(i){
      $(this).click(function(){
        dotimer();
        $(".jFlowControl").removeClass(selected_class);
        $(this).addClass(selected_class);

        var dur = Math.abs(cur-i);

        $(opts.slides).animate({
          marginLeft: "-" + (i * $(opts.slides).find(":first-child").width() + "px")
        }, opts.duration*(dur));
        cur = i;
      });
    }); 

    $(opts.slides).before('<div id="jFlowSlide"></div>').appendTo("#jFlowSlide");

    $(opts.slides).find("div").each(function(){
      $(this).before('<div class="jFlowSlideContainer"></div>').appendTo($(this).prev());
    });

    $(".jFlowSlideContainer:first").clone().appendTo("#slides");

    //initialize the controller
    $(".jFlowControl").eq(cur).addClass(selected_class);

    var resize = function (x){
      $("#jFlowSlide").css({
        position: "relative",
        width: opts.width,
        height: opts.height,
        overflow: "hidden"
      });

      $(opts.slides).css({
        position:"relative",
        width: $("#jFlowSlide").width() * ($(".jFlowControl").length + 1) + "px",
        height: $("#jFlowSlide").height()+"px",
        overflow: "hidden"
      });

      $(opts.slides).children().css({
        position: "relative",
        width: $("#jFlowSlide").width()+"px",
        height: $("#jFlowSlide").height()+"px",
        "float":"left"
      });

      $(opts.slides).css({
        marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
      });
    }

    resize();

    $(window).resize(function(){
      resize();
    });

    $(".jFlowPrev").click(function(){
      dotimer();
      doprev();
    });

    var doprev = function (x){
      if (cur > 0) {
        cur--;
      } else {
        cur = maxi -1;
      }

      $(".jFlowControl").removeClass(selected_class);

      $(opts.slides).animate({
        marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
      }, opts.duration);

      $(".jFlowControl").eq(cur).addClass(selected_class);
    }

    $(".jFlowNext").click(function(){
      donext();
      dotimer();
    });

    $(".pause").click(function(){
      dopause();
    });

    $(".resume").click(function(){
      doresume();
    });

    var donext = function (x){
      if (cur < maxi - 1) {
        cur++;
      } else {
        cur = 0;
      }

      $(".jFlowControl").removeClass(selected_class);
      
      if (cur !== 0) {
        $(opts.slides).animate({marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")}, opts.duration);
        $(".jFlowControl").eq(cur).addClass(selected_class);
      } else {
        $(opts.slides).animate({marginLeft: "-" + (maxi * $(opts.slides).find(":first-child").width() + "px")}, opts.duration, '', function() {
          $(opts.slides).css('marginLeft', 0);
          $(".jFlowControl").eq(cur).addClass(selected_class);
        });
      }
    }

    var dotimer = function (x){
      if(timer != null) {
      clearInterval(timer);
      }

      timer = setInterval(function() {
        donext();
      }, 8000);
    }

    dotimer();

    var dopause = function (x){
      if(timer != null) {
        clearInterval(timer);
      }

      timer = setInterval(function() {
        donext();
      }, 500000);
    }

    dotimer();

    var doresume = function (x){
      if(timer != null) {
        clearInterval(timer);
      }
      
      timer = setInterval(function() {
        donext();
      }, 8000);
    }

    dotimer();

    $("div.jFlowSlideContainer").hover(function(){
      dopause();
    }, function(){
      doresume();
    });
  };

  $.fn.jFlow.defaults = {
    easing: "swing",
    duration: 400,
    width: "100%"
  };
})(jQuery);