/* malihu custom scrollbar plugin - http://manos.malihu.gr */
(function($) {
    $.fn.mCustomScrollbar = function(scrollType, animSpeed, easeType, bottomSpace, draggerDimType, mouseWheelSupport, scrollBtnsSupport, scrollBtnsSpeed) {
        var id = $(this).attr("id");
        var $customScrollBox = $("#" + id + " .customScrollBox");
        var $customScrollBox_container = $("#" + id + " .customScrollBox .container");
        var $customScrollBox_content = $("#" + id + " .customScrollBox .content");
        var $dragger_container = $("#" + id + " .dragger_container");
        var $dragger = $("#" + id + " .dragger");
        var $scrollUpBtn = $("#" + id + " .scrollUpBtn");
        var $scrollDownBtn = $("#" + id + " .scrollDownBtn");
        var $customScrollBox_horWrapper = $("#" + id + " .customScrollBox .horWrapper");

        //get & store minimum dragger height & width (defined in css)
        if (!$customScrollBox.data("minDraggerHeight")) {
            $customScrollBox.data("minDraggerHeight", $dragger.height());
        }
        if (!$customScrollBox.data("minDraggerWidth")) {
            $customScrollBox.data("minDraggerWidth", $dragger.width());
        }

        //get & store original content height & width
        if (!$customScrollBox.data("contentHeight")) {
            $customScrollBox.data("contentHeight", $customScrollBox_container.height());
        }
        if (!$customScrollBox.data("contentWidth")) {
            $customScrollBox.data("contentWidth", $customScrollBox_container.width());
        }

        CustomScroller();

        function CustomScroller(reloadType) {
            //horizontal scrolling ------------------------------
            if (scrollType == "horizontal") {
                var visibleWidth = $customScrollBox.width();
                //set content width automatically
                $customScrollBox_horWrapper.css("width", 999999); //set a rediculously high width value ;)
                $customScrollBox.data("totalContent", $customScrollBox_container.width()); //get inline div width
                $customScrollBox_horWrapper.css("width", $customScrollBox.data("totalContent")); //set back the proper content width value

                if ($customScrollBox_container.width() > visibleWidth) { //enable scrollbar if content is long
                    $dragger.css("display", "block");
                    if (reloadType != "resize" && $customScrollBox_container.width() != $customScrollBox.data("contentWidth")) {
                        $dragger.css("left", 0);
                        $customScrollBox_container.css("left", 0);
                        $customScrollBox.data("contentWidth", $customScrollBox_container.width());
                    }
                    $dragger_container.css("display", "block");
                    $scrollDownBtn.css("display", "inline-block");
                    $scrollUpBtn.css("display", "inline-block");
                    var totalContent = $customScrollBox_content.width();
                    var minDraggerWidth = $customScrollBox.data("minDraggerWidth");
                    var draggerContainerWidth = $dragger_container.width();

                    function AdjustDraggerWidth() {
                        if (draggerDimType == "auto") {
                            var adjDraggerWidth = Math.round(totalContent - ((totalContent - visibleWidth) * 1.3)); //adjust dragger width analogous to content
                            if (adjDraggerWidth <= minDraggerWidth) { //minimum dragger width
                                $dragger.css("width", minDraggerWidth + "px");
                            } else if (adjDraggerWidth >= draggerContainerWidth) {
                                $dragger.css("width", draggerContainerWidth - 10 + "px");
                            } else {
                                $dragger.css("width", adjDraggerWidth + "px");
                            }
                        }
                    }
                    AdjustDraggerWidth();

                    var targX = 0;
                    var draggerWidth = $dragger.width();
                    $dragger.draggable({
                        axis: "x",
                        containment: "parent",
                        drag: function(event, ui) {
                            ScrollX();
                        },
                        stop: function(event, ui) {
                            DraggerRelease();
                        }
                    });

                    $dragger_container.click(function(e) {
                        var $this = $(this);
                        var mouseCoord = (e.pageX - $this.offset().left);
                        if (mouseCoord < $dragger.position().left || mouseCoord > ($dragger.position().left + $dragger.width())) {
                            var targetPos = mouseCoord + $dragger.width();
                            if (targetPos < $dragger_container.width()) {
                                $dragger.css("left", mouseCoord);
                                ScrollX();
                            } else {
                                $dragger.css("left", $dragger_container.width() - $dragger.width());
                                ScrollX();
                            }
                        }
                    });

                    //mousewheel
                    $(function($) {
                        if (mouseWheelSupport == "yes") {
                            $customScrollBox.unbind("mousewheel");
                            $customScrollBox.bind("mousewheel", function(event, delta) {
                                var vel = Math.abs(delta * 10);
                                $dragger.css("left", $dragger.position().left - (delta * vel));
                                ScrollX();
                                if ($dragger.position().left < 0) {
                                    $dragger.css("left", 0);
                                    $customScrollBox_container.stop();
                                    ScrollX();
                                }
                                if ($dragger.position().left > $dragger_container.width() - $dragger.width()) {
                                    $dragger.css("left", $dragger_container.width() - $dragger.width());
                                    $customScrollBox_container.stop();
                                    ScrollX();
                                }
                                return false;
                            });
                        }
                    });

                    //scroll buttons
                    if (scrollBtnsSupport == "yes") {
                        $scrollDownBtn.mouseup(function() {
                            BtnsScrollXStop();
                        }).mousedown(function() {
                            BtnsScrollX("down");
                        }).mouseout(function() {
                            BtnsScrollXStop();
                        });

                        $scrollUpBtn.mouseup(function() {
                            BtnsScrollXStop();
                        }).mousedown(function() {
                            BtnsScrollX("up");
                        }).mouseout(function() {
                            BtnsScrollXStop();
                        });

                        $scrollDownBtn.click(function(e) {
                            e.preventDefault();
                        });
                        $scrollUpBtn.click(function(e) {
                            e.preventDefault();
                        });

                        btnsScrollTimerX = 0;

                        function BtnsScrollX(dir) {
                            if (dir == "down") {
                                var btnsScrollTo = $dragger_container.width() - $dragger.width();
                                var scrollSpeed = Math.abs($dragger.position().left - btnsScrollTo) * (100 / scrollBtnsSpeed);
                                $dragger.stop().animate({ left: btnsScrollTo }, scrollSpeed, "linear");
                            } else {
                                var btnsScrollTo = 0;
                                var scrollSpeed = Math.abs($dragger.position().left - btnsScrollTo) * (100 / scrollBtnsSpeed);
                                $dragger.stop().animate({ left: -btnsScrollTo }, scrollSpeed, "linear");
                            }
                            clearInterval(btnsScrollTimerX);
                            btnsScrollTimerX = setInterval(ScrollX, 20);
                        }

                        function BtnsScrollXStop() {
                            clearInterval(btnsScrollTimerX);
                            $dragger.stop();
                        }
                    }

                    //scroll
                    var scrollAmount = (totalContent - visibleWidth) / (draggerContainerWidth - draggerWidth);
                    function ScrollX() {
                        var draggerX = $dragger.position().left;
                        var targX = -draggerX * scrollAmount;
                        var thePos = $customScrollBox_container.position().left - targX;
                        $customScrollBox_container.stop().animate({ left: "-=" + thePos }, animSpeed, easeType);
                    }
                } else { //disable scrollbar if content is short
                    $dragger.css("left", 0).css("display", "none"); //reset content scroll
                    $customScrollBox_container.css("left", 0);
                    $dragger_container.css("display", "none");
                    $scrollDownBtn.css("display", "none");
                    $scrollUpBtn.css("display", "none");
                }
                //vertical scrolling ------------------------------
            } else {
                var visibleHeight = $customScrollBox.height();
                if ($customScrollBox_container.height() > visibleHeight) { //enable scrollbar if content is long
                    $dragger.css("display", "block");
                    if (reloadType != "resize" && $customScrollBox_container.height() != $customScrollBox.data("contentHeight")) {
                        $dragger.css("top", 0);
                        $customScrollBox_container.css("top", 0);
                        $customScrollBox.data("contentHeight", $customScrollBox_container.height());
                    }
                    $dragger_container.css("display", "block");
                    $scrollDownBtn.css("display", "inline-block");
                    $scrollUpBtn.css("display", "inline-block");
                    var totalContent = $customScrollBox_content.height();
                    var minDraggerHeight = $customScrollBox.data("minDraggerHeight");
                    var draggerContainerHeight = $dragger_container.height();

                    function AdjustDraggerHeight() {
                        if (draggerDimType == "auto") {
                            var adjDraggerHeight = Math.round(totalContent - ((totalContent - visibleHeight) * 1.3)); //adjust dragger height analogous to content
                            if (adjDraggerHeight <= minDraggerHeight) { //minimum dragger height
                                $dragger.css("height", minDraggerHeight + "px").css("line-height", minDraggerHeight + "px");
                            } else if (adjDraggerHeight >= draggerContainerHeight) {
                                $dragger.css("height", draggerContainerHeight - 10 + "px").css("line-height", draggerContainerHeight - 10 + "px");
                            } else {
                                $dragger.css("height", adjDraggerHeight + "px").css("line-height", adjDraggerHeight + "px");
                            }
                        }
                    }
                    AdjustDraggerHeight();

                    var targY = 0;
                    var draggerHeight = $dragger.height();
                    $dragger.draggable({
                        axis: "y",
                        containment: "parent",
                        drag: function(event, ui) {
                            Scroll();
                        },
                        stop: function(event, ui) {
                            DraggerRelease();
                        }
                    });

                    $dragger_container.click(function(e) {
                        var $this = $(this);
                        var mouseCoord = (e.pageY - $this.offset().top);
                        if (mouseCoord < $dragger.position().top || mouseCoord > ($dragger.position().top + $dragger.height())) {
                            var targetPos = mouseCoord + $dragger.height();
                            if (targetPos < $dragger_container.height()) {
                                $dragger.css("top", mouseCoord);
                                Scroll();
                            } else {
                                $dragger.css("top", $dragger_container.height() - $dragger.height());
                                Scroll();
                            }
                        }
                    });

                    //mousewheel
                    $(function($) {
                        if (mouseWheelSupport == "yes") {
                            $customScrollBox.unbind("mousewheel");
                            $customScrollBox.bind("mousewheel", function(event, delta) {
                                var vel = Math.abs(delta * 10);
                                $dragger.css("top", $dragger.position().top - (delta * vel));
                                Scroll();
                                if ($dragger.position().top < 0) {
                                    $dragger.css("top", 0);
                                    $customScrollBox_container.stop();
                                    Scroll();
                                }
                                if ($dragger.position().top > $dragger_container.height() - $dragger.height()) {
                                    $dragger.css("top", $dragger_container.height() - $dragger.height());
                                    $customScrollBox_container.stop();
                                    Scroll();
                                }
                                return false;
                            });
                        }
                    });

                    //scroll buttons
                    if (scrollBtnsSupport == "yes") {
                        $scrollDownBtn.mouseup(function() {
                            BtnsScrollStop();
                        }).mousedown(function() {
                            BtnsScroll("down");
                        }).mouseout(function() {
                            BtnsScrollStop();
                        });

                        $scrollUpBtn.mouseup(function() {
                            BtnsScrollStop();
                        }).mousedown(function() {
                            BtnsScroll("up");
                        }).mouseout(function() {
                            BtnsScrollStop();
                        });

                        $scrollDownBtn.click(function(e) {
                            e.preventDefault();
                        });
                        $scrollUpBtn.click(function(e) {
                            e.preventDefault();
                        });

                        btnsScrollTimer = 0;

                        function BtnsScroll(dir) {
                            if (dir == "down") {
                                var btnsScrollTo = $dragger_container.height() - $dragger.height();
                                var scrollSpeed = Math.abs($dragger.position().top - btnsScrollTo) * (100 / scrollBtnsSpeed);
                                $dragger.stop().animate({ top: btnsScrollTo }, scrollSpeed, "linear");
                            } else {
                                var btnsScrollTo = 0;
                                var scrollSpeed = Math.abs($dragger.position().top - btnsScrollTo) * (100 / scrollBtnsSpeed);
                                $dragger.stop().animate({ top: -btnsScrollTo }, scrollSpeed, "linear");
                            }
                            clearInterval(btnsScrollTimer);
                            btnsScrollTimer = setInterval(Scroll, 20);
                        }

                        function BtnsScrollStop() {
                            clearInterval(btnsScrollTimer);
                            $dragger.stop();
                        }
                    }

                    //scroll
                    if (bottomSpace < 1) {
                        bottomSpace = 1; //minimum bottomSpace value is 1
                    }
                    var scrollAmount = (totalContent - (visibleHeight / bottomSpace)) / (draggerContainerHeight - draggerHeight);
                    function Scroll() {
                        var draggerY = $dragger.position().top;
                        var targY = -draggerY * scrollAmount;
                        var thePos = $customScrollBox_container.position().top - targY;
                        $customScrollBox_container.stop().animate({ top: "-=" + thePos }, animSpeed, easeType);
                    }
                } else { //disable scrollbar if content is short
                    $dragger.css("top", 0).css("display", "none"); //reset content scroll
                    $customScrollBox_container.css("top", 0);
                    $dragger_container.css("display", "none");
                    $scrollDownBtn.css("display", "none");
                    $scrollUpBtn.css("display", "none");
                }
            }

            $dragger.mouseup(function() {
                DraggerRelease();
            }).mousedown(function() {
                DraggerPress();
            });

            function DraggerPress() {
                $dragger.addClass("dragger_pressed");
            }

            function DraggerRelease() {
                $dragger.removeClass("dragger_pressed");
            }
        }

        $(window).resize(function() {
//            if (scrollType == "horizontal") {
//                if ($dragger.position().left > $dragger_container.width() - $dragger.width()) {
//                    $dragger.css("left", $dragger_container.width() - $dragger.width());
//                }
//            } else {
//                if ($dragger.position().top > $dragger_container.height() - $dragger.height()) {
//                    $dragger.css("top", $dragger_container.height() - $dragger.height());
//                }
//            }
//            CustomScroller("resize");
        });
    };
})(jQuery);