/*!
 * Marquee jQuery Plug-in
 *
 * Copyright 2009 Giva, Inc. (http://www.givainc.com/labs/) 
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *   http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * Date: 2009-05-20
 * Rev:  1.0.01
 */
 
var marqueTimeoutID = 0; // MODIFIED
 
;(function($){
  // set the version of the link select
  $.marquee = {version: "1.0.01"};
  
  $.fn.marquee = function(options) {
    var method = typeof arguments[0] == "string" && arguments[0];
    var args = method && Array.prototype.slice.call(arguments, 1) || arguments;
    // get a reference to the first marquee found
    var self = (this.length == 0) ? null : $.data(this[0], "marquee");
    
    // if a method is supplied, execute it for non-empty results
    if( self && method && this.length ){

      // if request a copy of the object, return it      
      if( method.toLowerCase() == "object" ) return self;
      // if method is defined, run it and return either it's results or the chain
      else if( self[method] ){
        // define a result variable to return to the jQuery chain
        var result;
        this.each(function (i){
          // apply the method to the current element
          var r = $.data(this, "marquee")[method].apply(self, args);
          // if first iteration we need to check if we're done processing or need to add it to the jquery chain
          if( i == 0 && r ){
            // if this is a jQuery item, we need to store them in a collection
            if( !!r.jquery ){
              result = $([]).add(r);
            // otherwise, just store the result and stop executing
            } else {
              result = r;
              // since we're a non-jQuery item, just cancel processing further items
              return false;
            }
          // keep adding jQuery objects to the results
          } else if( !!r && !!r.jquery ){
            result = result.add(r);
          }
        });

        // return either the results (which could be a jQuery object) or the original chain
        return result || this;
      // everything else, return the chain
      } else return this;
    // initializing request
    } else {
      // create a new marquee for each object found
      return this.each(function (){
        new $.Marquee(this, options);
      });
    };
  };

  $.Marquee = function (marquee, options){
    options = $.extend({}, $.Marquee.defaults, options);
    
    var self = this, $marquee = $(marquee), $lis = $marquee.find("> li"), current = -1, hard_paused = false, paused = false, loop_count = 0;

    // store a reference to this marquee
    $.data($marquee[0], "marquee", self);
    
    // pause the marquee
    this.pause = function (){
      // mark as hard pause (no resume on hover)
      hard_paused = true;
      // pause scrolling
      pause();
    }
    
    // resume the marquee
    this.resume = function (){
      // mark as hard pause (no resume on hover)
      hard_paused = false;
      // resume scrolling
      resume();
    }
    
    // update the marquee
    this.update = function (){
      var iCurrentCount = $lis.length;

      // update the line items
      $lis = $marquee.find("> li");
      
      // if we only have one item, show the next item by resuming playback (which will scroll to the next item)
      if( iCurrentCount <= 1 ) resume();
    }

    // code to introduce the new marquee message
    function show(i){
      // if we're already scrolling an item, stop processing
      if( $lis.filter("." + options.cssShowing).length > 0 ) return false;
      
      var $li = $lis.eq(i);
      
      // run the beforeshow callback
      if( $.isFunction(options.beforeshow) ) options.beforeshow.apply(self, [$marquee, $li]);

      var params = {
        top: (options.yScroll == "top" ? "-" : "+") + $li.outerHeight() + "px"
        , left: 0
      };
      
      $marquee.data("marquee.showing", true);
      $li.addClass(options.cssShowing);
  
      $li.css(params).animate({top: "0px"}, options.showSpeed, options.fxEasingShow, function (){ 
        // run the show callback
        if( $.isFunction(options.show) ) options.show.apply(self, [$marquee, $li]);
        $marquee.data("marquee.showing", false);
        scroll($li);
      });
    }

    // keep the message on the screen for the user to read, scrolling long messages
    function scroll($li, delay){
      // if paused, stop processing
      if( paused == true ) return false;
      
      if (marqueTimeoutID != 0) { // MODIFIED
        clearTimeout(marqueTimeoutID); // MODIFIED
        marqueTimeoutID = 0; // MODIFIED
      } // MODIFIED

      // get the delay speed
      delay = delay || options.pauseSpeed;
      // if  item is wider than marquee, then scroll
      if( doScroll($li) ){
        marqueTimeoutID = setTimeout(function (){ // MODIFIED
          marqueTimeoutID = 0; // MODIFIED
                   
          // if paused, stop processing (we need to check to see if the pause state has changed)
          if( paused == true ) return false;

          var width = $li.outerWidth(), endPos = width * -1, curPos = parseInt($li.css("left"), 10);

          // scroll the message to the left          
          $li.animate({left: endPos + "px"}, ((width + curPos) * options.scrollSpeed), options.fxEasingScroll, function (){ finish($li); });
        }, delay);
      } else if ( $lis.length > 1 ){
        marqueTimeoutID = setTimeout(function (){ // MODIFIED
          marqueTimeoutID = 0; // MODIFIED
                   
          // if paused, stop processing (we need to check to see if the pause state has changed)
          if( paused == true ) return false;

          // scroll the message down
          $li.animate({top: (options.yScroll == "top" ? "+" : "-") + $marquee.innerHeight() + "px"}, options.showSpeed, options.fxEasingScroll);
          // finish showing this message
          finish($li);
        }, delay);
      }
      
    }
    
    function finish($li){
      // run the aftershow callback, only after we've displayed the first option
      if( $.isFunction(options.aftershow) ) options.aftershow.apply(self, [$marquee, $li]);
      
      // mark that we're done scrolling this element
      $li.removeClass(options.cssShowing);
      
      // show the next message
      showNext();
    }

    // this function will pause the current animation
    function pause(){
      // mark the message as paused
      paused = true;
      // don't stop animation if we're just beginning to show the marquee message
      if( $marquee.data("marquee.showing") != true ){
        // we must dequeue() the animation to ensure that it does indeed stop animation
        $lis.filter("." + options.cssShowing).dequeue().stop();
      }
    }
    
    // this function will resume the previous animation
    function resume(){
      // mark the message as resumed
      paused = false;
      // don't resume animation if we haven't completed introducing the message
      if( $marquee.data("marquee.showing") != true ) scroll($lis.filter("." + options.cssShowing), options.scrollOnRollOut ? 1 : null); // MODIFIED
    }

    // determine if we should pause on hover
    if( options.pauseOnHover ){
      $marquee.hover(
        function (){
          // if hard paused, prevent hover events
          if( hard_paused ) return false;
          // pause scrolling
          pause();
        }
        , function (){
          // if hard paused, prevent hover events
          if( hard_paused ) return false;
          // resume scrolling
          resume();
        }
      );
    }
    
    // determines if the message needs to be scrolled to read
    function doScroll($li){
      return ($li.outerWidth() > $marquee.innerWidth());
    }

    // show the next message in the queue    
    function showNext(){
      // increase the current counter (starts at -1, to indicate a new marquee beginning)
      current++;
      
      // if we only have 1 entry and it doesn't need to scroll, just cancel processing
      if( current >= $lis.length ){
        // if we've reached our loop count, cancel processing
        if( !isNaN(options.loop) && options.loop > 0 && (++loop_count >= options.loop ) ) return false;
        current = 0;
      } 
      
      // show the next message
      show(current);
    }
    
    // run the init callback
    if( $.isFunction(options.init) ) options.init.apply(self, [$marquee, options]);
    
    // show the first item
    showNext();
  };

  $.Marquee.defaults = {
      yScroll: "top"                          // the position of the marquee initially scroll (can be either "top" or "bottom")
    , showSpeed: 850                          // the speed of to animate the initial dropdown of the messages
    , scrollSpeed: 12                         // the speed of the scrolling (keep number low)
    , pauseSpeed: 5000                        // the time to wait before showing the next message or scrolling current message
    , pauseOnHover: true                      // determine if we should pause on mouse hover
    , scrollOnRollOut: true                   // MODIFIED, determine if we should show the next item immediately when mouse rolls out
    , loop: -1                                // determine how many times to loop through the marquees (#'s < 0 = infinite)
    , fxEasingShow: "swing"                   // the animition easing to use when showing a new marquee
    , fxEasingScroll: "linear"                // the animition easing to use when showing a new marquee

    // define the class statements
    , cssShowing: "marquee-showing"

    // event handlers
    , init: null                              // callback that occurs when a marquee is initialized
    , beforeshow: null                        // callback that occurs before message starts scrolling on screen
    , show: null                              // callback that occurs when a new marquee message is displayed
    , aftershow: null                         // callback that occurs after the message has scrolled
  };

})(jQuery);