/*
 * jQuery SmoothDivScroll 1.1
 *
 * Copyright (c) 2010 Thomas Kahn
 * Licensed under the GPL license.
 *
 * http://www.maaki.com/thomas/SmoothDivScroll/
 *
 * Depends:
 * jquery.ui.widget.js
 *
 */
(function($){
  $.widget("thomaskahn.smoothDivScroll",{
    options:{
      scrollingHotSpotLeft:"div.scrollingHotSpotLeft",
      scrollingHotSpotRight:"div.scrollingHotSpotRight",
      scrollableArea:"div.scrollableArea",
      scrollWrapper:"div.scrollWrapper",
      hiddenOnStart:false,
      ajaxContentURL:"",
      countOnlyClass:"",
      scrollStep:15,
      scrollInterval:10,
      mouseDownSpeedBooster:3,
      autoScroll:"",
      autoScrollDirection:"right",
      autoScrollStep:5,
      autoScrollStepReal:0,
      autoScrollInterval:10,
      visibleHotSpots:"",
      hotSpotsVisibleTime:5,
      startAtElementId:""
    },
    _create:function(){
      var self=this,o=this.options,el=this.element;
      el.data("scrollWrapper",el.find(o.scrollWrapper));
      el.data("scrollingHotSpotRight",el.find(o.scrollingHotSpotRight));
      el.data("scrollingHotSpotLeft",el.find(o.scrollingHotSpotLeft));
      el.data("scrollableArea",el.find(o.scrollableArea));
      el.data("speedBooster",1);
      el.data("motherElementOffset",el.offset().left);
      el.data("scrollXPos",0);
      el.data("hotSpotWidth",el.find(o.scrollingHotSpotLeft).width());
      el.data("scrollableAreaWidth",0);
      el.data("startingPosition",0);
      el.data("rightScrollInterval",null);
      el.data("leftScrollInterval",null);
      el.data("autoScrollInterval",null);
      el.data("hideHotSpotBackgroundsInterval",null);
      el.data("previousScrollLeft",0);
      el.data("pingPongDirection","right");
      el.data("getNextElementWidth",true);
      el.data("swapAt",null);
      el.data("startAtElementHasNotPassed",true);
      el.data("swappedElement",null);
      el.data("originalElements",el.data("scrollableArea").children(o.countOnlyClass));
      el.data("visible",true);
      el.data("initialAjaxContentLoaded",false);
      el.data("enabled",true);
      if(o.autoScroll!=="always"){
        switch(o.visibleHotSpots){
          case"always":
            self.showHotSpotBackgrounds();
            break;
          case"onstart":
            self.showHotSpotBackgrounds();
            el.data("hideHotSpotBackgroundsInterval",setTimeout(function(){
            self.hideHotSpotBackgrounds("slow")
            },(o.hotSpotsVisibleTime*1000)));
            break;
          default:
            break
            }
          }
      el.data("scrollingHotSpotRight").bind("mousemove",function(e){
      var x=e.pageX-(this.offsetLeft+el.data("motherElementOffset"));
      el.data("scrollXPos",Math.round((x/el.data("hotSpotWidth"))*o.scrollStep));
      if(el.data("scrollXPos")===Infinity){
        el.data("scrollXPos",0)
        }
      });
  el.data("scrollingHotSpotRight").bind("mouseover",function(){
    if((o.autoScroll==="onstart"&&el.data("autoScrollInterval")!==null)){
      clearInterval(el.data("autoScrollInterval"));
      el.data("autoScrollInterval",null);
      self._trigger("autoScrollIntervalStopped")
      }
      el.data("rightScrollInterval",setInterval(function(){
      if(el.data("scrollXPos")>0&&el.data("enabled")){
        el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()+(el.data("scrollXPos")*el.data("speedBooster")));
        self._showHideHotSpots()
        }
      },o.scrollInterval));
  self._trigger("mouseOverRightHotSpot")
    });
  el.data("scrollingHotSpotRight").bind("mouseout",function(){
    clearInterval(el.data("rightScrollInterval"));
    el.data("scrollXPos",0)
    });
  el.data("scrollingHotSpotRight").bind("mousedown",function(){
    el.data("speedBooster",o.mouseDownSpeedBooster)
    });
  $("body").bind("mouseup",function(){
    el.data("speedBooster",1)
    });
  el.data("scrollingHotSpotLeft").bind("mousemove",function(e){
    var x=el.data("scrollingHotSpotLeft").innerWidth()-(e.pageX-el.data("motherElementOffset"));
    el.data("scrollXPos",Math.round((x/el.data("hotSpotWidth"))*o.scrollStep));
    if(el.data("scrollXPos")===Infinity){
      el.data("scrollXPos",0)
      }
    });
el.data("scrollingHotSpotLeft").bind("mouseover",function(){
  if((o.autoScroll==="onstart"&&el.data("autoScrollInterval")!==null)){
    clearInterval(el.data("autoScrollInterval"));
    el.data("autoScrollInterval",null);
    self._trigger("autoScrollIntervalStopped")
    }
    el.data("leftScrollInterval",setInterval(function(){
    if(el.data("scrollXPos")>0&&el.data("enabled")){
      el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()-(el.data("scrollXPos")*el.data("speedBooster")));
      self._showHideHotSpots()
      }
    },o.scrollInterval));
self._trigger("mouseOverLeftHotSpot")
  });
el.data("scrollingHotSpotLeft").bind("mouseout",function(){
  clearInterval(el.data("leftScrollInterval"));
  el.data("scrollXPos",0)
  });
el.data("scrollingHotSpotLeft").bind("mousedown",function(){
  el.data("speedBooster",o.mouseDownSpeedBooster)
  });
$(window).bind("resize",function(){
  if(!(o.hiddenOnStart)){
    self._showHideHotSpots()
    }
    self._trigger("windowResized")
  });
if(o.ajaxContentURL.length>0){
  self.replaceContent(o.ajaxContentURL)
  }else{
  self.recalculateScrollableArea()
  }
  if(o.hiddenOnStart){
  self.hide()
  }
  if((o.autoScroll.length>0)&&!(o.hiddenOnStart)&&(o.ajaxContentURL.length<=0)){
  self.startAutoScroll()
  }
},
showHotSpotBackgrounds:function(fadeSpeed){
  var self=this,el=this.element;
  if(fadeSpeed!==undefined){
    el.data("scrollingHotSpotLeft").css("opacity","0.0");
    el.data("scrollingHotSpotRight").css("opacity","0.0");
    el.data("scrollingHotSpotLeft").addClass("scrollingHotSpotLeftVisible");
    el.data("scrollingHotSpotRight").addClass("scrollingHotSpotRightVisible");
    el.data("scrollingHotSpotLeft").fadeTo(fadeSpeed,0.35);
    el.data("scrollingHotSpotRight").fadeTo(fadeSpeed,0.35)
    }else{
    el.data("scrollingHotSpotLeft").addClass("scrollingHotSpotLeftVisible");
    el.data("scrollingHotSpotLeft").removeAttr("style");
    el.data("scrollingHotSpotRight").addClass("scrollingHotSpotRightVisible");
    el.data("scrollingHotSpotRight").removeAttr("style")
    }
    self._showHideHotSpots()
  },
hideHotSpotBackgrounds:function(fadeSpeed){
  var el=this.element;
  if(fadeSpeed!==undefined){
    el.data("scrollingHotSpotLeft").fadeTo(fadeSpeed,0.0,function(){
      el.data("scrollingHotSpotLeft").removeClass("scrollingHotSpotLeftVisible")
      });
    el.data("scrollingHotSpotRight").fadeTo(fadeSpeed,0.0,function(){
      el.data("scrollingHotSpotRight").removeClass("scrollingHotSpotRightVisible")
      })
    }else{
    el.data("scrollingHotSpotLeft").removeClass("scrollingHotSpotLeftVisible");
    el.data("scrollingHotSpotLeft").removeAttr("style");
    el.data("scrollingHotSpotRight").removeClass("scrollingHotSpotRightVisible");
    el.data("scrollingHotSpotRight").removeAttr("style")
    }
  },
_showHideHotSpots:function(){
  var self=this,el=this.element,o=this.options;
  if(o.autoScroll!=="always"){
    if(el.data("scrollableAreaWidth")<=(el.data("scrollWrapper").innerWidth())){
      el.data("scrollingHotSpotLeft").hide();
      el.data("scrollingHotSpotRight").hide()
      }else if(el.data("scrollWrapper").scrollLeft()===0){
      el.data("scrollingHotSpotLeft").hide();
      el.data("scrollingHotSpotRight").show();
      self._trigger("scrollLeftLimitReached");
      clearInterval(el.data("leftScrollInterval"));
      el.data("leftScrollInterval",null)
      }else if(el.data("scrollableAreaWidth")<=(el.data("scrollWrapper").innerWidth()+el.data("scrollWrapper").scrollLeft())){
      el.data("scrollingHotSpotLeft").show();
      el.data("scrollingHotSpotRight").hide();
      self._trigger("scrollRightLimitReached");
      clearInterval(el.data("rightScrollInterval"));
      el.data("rightScrollInterval",null)
      }else{
      el.data("scrollingHotSpotLeft").show();
      el.data("scrollingHotSpotRight").show()
      }
    }else{
  el.data("scrollingHotSpotLeft").hide();
  el.data("scrollingHotSpotRight").hide()
  }
},
moveToElement:function(moveTo,elementNumber){
  var self=this,el=this.element,o=this.options,tempScrollableAreaWidth=0,foundStartAtElement=false;
  switch(moveTo){
    case"first":
      el.data("scrollXPos",0);
      self._trigger("movedToFirstElement");
      break;
    case"start":
      el.data("scrollableArea").children(o.countOnlyClass).each(function(){
      if((o.startAtElementId.length>0)&&(($(this).attr("id"))===o.startAtElementId)){
        el.data("startingPosition",tempScrollableAreaWidth);
        foundStartAtElement=true
        }
        tempScrollableAreaWidth=tempScrollableAreaWidth+$(this).outerWidth(true)
      });
    el.data("scrollXPos",el.data("startingPosition"));
      self._trigger("movedToStartElement");
      break;
    case"last":
      el.data("scrollXPos",el.data("scrollableAreaWidth"));
      self._trigger("movedToLastElement");
      break;
    case"number":
      if(!(isNaN(elementNumber))){
      el.data("scrollableArea").children(o.countOnlyClass).each(function(index){
        if(index===(elementNumber-1)){
          el.data("scrollXPos",tempScrollableAreaWidth)
          }
          tempScrollableAreaWidth=tempScrollableAreaWidth+$(this).outerWidth(true)
        })
      }
      self._trigger("movedToElementNumber",null,{
      "elementNumber":elementNumber
    });
    break;
    default:
      break
      }
      el.data("scrollWrapper").scrollLeft(el.data("scrollXPos"));
  self._showHideHotSpots()
  },
addContent:function(ajaxContentURL,addWhere){
  var self=this,el=this.element;
  $.get(ajaxContentURL,function(data){
    if(addWhere==="first"){
      el.data("scrollableArea").children(":first").before(data)
      }else{
      el.data("scrollableArea").children(":last").after(data)
      }
      self.recalculateScrollableArea();
    self._showHideHotSpots()
    })
  },
replaceContent:function(ajaxContentURL){
  var self=this,el=this.element;
  el.data("scrollableArea").load(ajaxContentURL,function(){
    self.recalculateScrollableArea();
    self.moveToElement("first");
    self._showHideHotSpots();
    el.data("startingPosition",0)
    })
  },
recalculateScrollableArea:function(){
  var tempScrollableAreaWidth=0,foundStartAtElement=false,o=this.options,el=this.element,self=this;
  el.data("scrollableArea").children(o.countOnlyClass).each(function(){
    if((o.startAtElementId.length>0)&&(($(this).attr("id"))===o.startAtElementId)){
      el.data("startingPosition",tempScrollableAreaWidth);
      foundStartAtElement=true
      }
      tempScrollableAreaWidth=tempScrollableAreaWidth+$(this).outerWidth(true)
    });
  if(!(foundStartAtElement)){
    el.data("startAtElementId","")
    }
    el.data("scrollableAreaWidth",tempScrollableAreaWidth);
  el.data("scrollableArea").width(el.data("scrollableAreaWidth"));
  el.data("scrollWrapper").scrollLeft(el.data("startingPosition"));
  el.data("scrollXPos",el.data("startingPosition"));
  if(!(el.data("initialAjaxContentLoaded"))){
    if((o.autoScroll.length>0)&&!(o.hiddenOnStart)&&(o.ajaxContentURL.length>0)){
      self.startAutoScroll();
      el.data("initialAjaxContentLoaded",true)
      }
    }
},
stopAutoScroll:function(){
  var self=this,el=this.element;
  clearInterval(el.data("autoScrollInterval"));
  el.data("autoScrollInterval",null);
  self._showHideHotSpots();
  self._trigger("autoScrollStopped")
  },
startAutoScroll:function(){
  var self=this,el=this.element,o=this.options;
  self._showHideHotSpots();
  clearInterval(el.data("autoScrollInterval"));
  el.data("autoScrollInterval",null);
  self._trigger("autoScrollStarted");
  o.autoScrollStepReal = 0;

  el.data("autoScrollInterval",setInterval(function(){
      if(o.autoScrollStep > o.autoScrollStepReal) {
      o.autoScrollStepReal += 0.2;
      }

    if(!(el.data("visible"))||(el.data("scrollableAreaWidth")<=(el.data("scrollWrapper").innerWidth()))){
      clearInterval(el.data("autoScrollInterval"));
      el.data("autoScrollInterval",null)
      }else{
      el.data("previousScrollLeft",el.data("scrollWrapper").scrollLeft());
      switch(o.autoScrollDirection){
        case"right":
          el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()+o.autoScrollStepReal);
          if(el.data("previousScrollLeft")===el.data("scrollWrapper").scrollLeft()){
          self._trigger("autoScrollRightLimitReached");
          clearInterval(el.data("autoScrollInterval"));
          el.data("autoScrollInterval",null);
          self._trigger("autoScrollIntervalStopped")
          }
          break;
        case"left":
          el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()-o.autoScrollStepReal);
          if(el.data("previousScrollLeft")===el.data("scrollWrapper").scrollLeft()){
          self._trigger("autoScrollLeftLimitReached");
          clearInterval(el.data("autoScrollInterval"));
          el.data("autoScrollInterval",null);
          self._trigger("autoScrollIntervalStopped")
          }
          break;
        case"backandforth":
          if(el.data("pingPongDirection")==="right"){
          el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()+(o.autoScrollStepReal))
          }else{
          el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()-(o.autoScrollStepReal))
          }
          if(el.data("previousScrollLeft")===el.data("scrollWrapper").scrollLeft()){
          if(el.data("pingPongDirection")==="right"){
            el.data("pingPongDirection","left");
            self._trigger("autoScrollRightLimitReached")
            }else{
            el.data("pingPongDirection","right");
            self._trigger("autoScrollLeftLimitReached")
            }
          }
        break;
      case"endlessloopright":
        if(el.data("getNextElementWidth")){
        if((o.startAtElementId.length>0)&&(el.data("startAtElementHasNotPassed"))){
          el.data("swapAt",$("#"+o.startAtElementId).outerWidth(true));
          el.data("startAtElementHasNotPassed",false)
          }else{
          el.data("swapAt",el.data("scrollableArea").children(":first").outerWidth(true))
          }
          el.data("getNextElementWidth",false)
        }
        el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()+o.autoScrollStepReal);
        if(el.data("swapAt")<=el.data("scrollWrapper").scrollLeft()){
        el.data("swappedElement",el.data("scrollableArea").children(":first").detach());
        el.data("scrollableArea").append(el.data("swappedElement"));
        el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()-el.data("swappedElement").outerWidth(true));
        el.data("getNextElementWidth",true)
        }
        break;
      case"endlessloopleft":
        if(el.data("getNextElementWidth")){
        if((o.startAtElementId.length>0)&&(el.data("startAtElementHasNotPassed"))){
          el.data("swapAt",$("#"+o.startAtElementId).outerWidth(true));
          el.data("startAtElementHasNotPassed",false)
          }else{
          el.data("swapAt",el.data("scrollableArea").children(":first").outerWidth(true))
          }
          el.data("getNextElementWidth",false)
        }
        el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()-o.autoScrollStepReal);
        if(el.data("scrollWrapper").scrollLeft()===0){
        el.data("swappedElement",el.data("scrollableArea").children(":last").detach());
        el.data("scrollableArea").prepend(el.data("swappedElement"));
        el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()+el.data("swappedElement").outerWidth(true));
        el.data("getNextElementWidth",true)
        }
        break;
      default:
        break
        }
      }
  },o.autoScrollInterval))
},
restoreOriginalElements:function(){
  var self=this,el=this.element;
  el.data("scrollableArea").html(el.data("originalElements"));
  self.recalculateScrollableArea();
  self.moveToElement("first")
  },
show:function(){
  var el=this.element;
  el.data("visible",true);
  el.show()
  },
hide:function(){
  var el=this.element;
  el.data("visible",false);
  el.hide()
  },
enable:function(){
  var el=this.element;
  el.data("enabled",true)
  },
disable:function(){
  var el=this.element;
  clearInterval(el.data("autoScrollInterval"));
  clearInterval(el.data("rightScrollInterval"));
  clearInterval(el.data("leftScrollInterval"));
  clearInterval(el.data("hideHotSpotBackgroundsInterval"));
  el.data("enabled",false)
  },
destroy:function(){
  var el=this.element;
  clearInterval(el.data("autoScrollInterval"));
  clearInterval(el.data("rightScrollInterval"));
  clearInterval(el.data("leftScrollInterval"));
  clearInterval(el.data("hideHotSpotBackgroundsInterval"));
  el.data("scrollingHotSpotRight").unbind("mouseover");
  el.data("scrollingHotSpotRight").unbind("mouseout");
  el.data("scrollingHotSpotRight").unbind("mousedown");
  el.data("scrollingHotSpotLeft").unbind("mouseover");
  el.data("scrollingHotSpotLeft").unbind("mouseout");
  el.data("scrollingHotSpotLeft").unbind("mousedown");
  el.data("scrollableArea").html(el.data("originalElements"));
  el.data("scrollableArea").removeAttr("style");
  el.data("scrollingHotSpotRight").removeAttr("style");
  el.data("scrollingHotSpotLeft").removeAttr("style");
  el.data("scrollWrapper").scrollLeft(0);
  el.data("scrollingHotSpotLeft").removeClass("scrollingHotSpotLeftVisible");
  el.data("scrollingHotSpotRight").removeClass("scrollingHotSpotRightVisible");
  el.data("scrollingHotSpotRight").hide();
  el.data("scrollingHotSpotLeft").hide();
  $.Widget.prototype.destroy.apply(this,arguments)
  }
})
})(jQuery);