/*
 * 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,
            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) {
						//Anidesk Fix
						//el.data("scrollingHotSpotLeft").hide();
                        el.data("scrollingHotSpotLeft").show();
                        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();
                            //Anidesk Fix
							//el.data("scrollingHotSpotRight").hide();
							el.data("scrollingHotSpotRight").show();
                            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");
            el.data("autoScrollInterval", setInterval(function(){
                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.autoScrollStep);
                            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.autoScrollStep);
                            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.autoScrollStep))
                            }
                            else {
                                el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft() - (o.autoScrollStep))
                            }
                            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.autoScrollStep);
                            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.autoScrollStep);
                            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);

