/*
*         mbScrollable, developed by Matteo Bicocchi on JQuery
*        © 2002-2009 Open Lab srl, Matteo Bicocchi
*			    www.open-lab.com - info@open-lab.com
*       	version 1.5
*       	tested on: 	Explorer, Chrome, FireFox for PC
*                  		FireFox and Safari for Mac Os X
*                  		FireFox for Linux
*         MIT (MIT-LICENSE.txt) licenses.
*/
//jQuery.fn.fadeIn = function(speed, callback) {
//    return this.animate({ opacity: 'show' }, speed, function() {
//        if (jQuery.browser.msie)
//            this.style.removeAttribute('filter');
//        if (jQuery.isFunction(callback))
//            callback();
//    });
//};

//jQuery.fn.fadeOut = function(speed, callback) {
//    return this.animate({ opacity: 'hide' }, speed, function() {
//        if (jQuery.browser.msie)
//            this.style.removeAttribute('filter');
//        if (jQuery.isFunction(callback))
//            callback();
//    });
//};

//jQuery.fn.fadeTo = function(speed, to, callback) {
//    return this.animate({ opacity: to }, speed, function() {
//        if (to == 1 && jQuery.browser.msie)
//            this.style.removeAttribute('filter');
//        if (jQuery.isFunction(callback))
//            callback();
//    });
//};


(function($) {
    $.mbScrollable = {
        plugin: "mb.scroller",
        author: "MB",
        version: "1.0",
        defaults: {
            dir: "orizontal",
            width: 950,
            elementsInPage: 4,
            elementMargin: 2,
            shadow: false,
            height: "auto",
            controls: "#controls",
            slideTimer: 600,
            autoscroll: false,
            scrollTimer: 6000
        },

        buildMbScrollable: function(options) {

            return this.each(function() {
                this.options = {};
                $.extend(this.options, $.mbScrollable.defaults);
                $.extend(this.options, options);

                var mbScrollable = this;
                var el = this;
                this.isVertical = this.options.dir != "orizontal";
                var controls = $(this.options.controls);
                this.idx = 1;
                this.scrollTo = 0;
                this.elements = $(this).children();
                this.elements.addClass("scrollEl");
                controls.hide();

//                $(this).children().each(function() { $(this).wrap("<div class='SECont'></div>"); });
//                if (this.options.shadow) {
//                    $(this.elements).css("-moz-box-shadow", this.options.shadow);
//                    $(this.elements).css("-webkit-box-shadow", this.options.shadow);        
//                }
                this.elements = $(this).children();

                var eip = this.options.elementsInPage < this.elements.size() ? this.options.elementsInPage : this.elements.size();
                if (this.isVertical) {
                    this.singleElDim = (this.options.height / eip) - this.options.elementMargin;
                    $(this.elements).css({ marginBottom: this.options.elementMargin, height: this.singleElDim, width: this.options.width });
                } else {
                    this.singleElDim = (this.options.width / eip) - this.options.elementMargin;
                    $(this.elements).css({ marginRight: this.options.elementMargin, width: this.singleElDim, display: "inline-block" }); //float:"left"
                }
                this.elementsDim = (this.singleElDim * this.elements.size()) + (this.options.elementMargin * this.elements.size());
                this.totalPages = Math.ceil(this.elements.size() / this.options.elementsInPage);

                var adj = $.browser.safari && el.options.elementsInPage > 2 ? this.options.elementMargin / (this.options.elementsInPage) : 0;

                if (this.isVertical)
                    $(mbScrollable).css({ overflow: "hidden", height: this.options.height - adj, width: this.options.width, paddingRight: 5, position: "relative" });
                else
                    $(mbScrollable).css({ overflow: "hidden", width: this.options.width - adj, height: this.options.height, paddingBottom: 5, position: "relative" });

                var mbscrollableStrip = $("<div class='scrollableStrip'/>").css({ width: this.elementsDim, position: "relative" });
                $(this.elements).wrapAll(mbscrollableStrip);
                this.mbscrollableStrip = $(this).find(".scrollableStrip");

                $(this.elements).hover(
                function() {
                    if ($(mbScrollable)[0].autoScrollActive)
                        $(mbScrollable).mbStopAutoscroll();
                },
                function() {
                    if ($(mbScrollable)[0].autoScrollActive)
                        $(mbScrollable).mbAutoscroll();
                }
                );
    

                if (this.options.autoscroll && this.elements.size() > this.options.elementsInPage) {
                    this.autoScrollActive = true;
                    $(this).mbAutoscroll();
                }
                $(this).mbPageIndex();
                $(mbScrollable).mbActivateControls();
                setTimeout(function() {
                    $(".scrollEl").show();
                }, 1);
                $(mbScrollable).mbManageControls();
            });
        },
        mbNextPage: function() {
            var el = $(this).get(0);
            if (el.idx == el.totalPages) {
                $(this).mbManageControls();
                return;
            }
            var current = el.idx - 1;
            var next = current + 1;

            // var adj = $.browser.safari && el.options.elementsInPage > 2 ? el.options.elementMargin / el.options.elementsInPage : 0;
            if (el.isVertical) {            
                $(el.elements[current]).fadeOut(el.options.slideTimer);
                $(el.elements[next]).fadeIn(el.options.slideTimer);
            } else {         
                $(el.elements[current]).fadeOut(el.options.slideTimer);
                $(el.elements[next]).fadeIn(el.options.slideTimer);
            }
            el.idx += 1;
            $(this).mbManageControls();
        },
        mbPrevPage: function() {
            var el = $(this).get(0);
            if (el.idx == 1) {
                $(this).mbManageControls();
                return;
            }
            var current = el.idx - 1;
            var previous = current - 1;

            //            var adj = $.browser.safari && el.options.elementsInPage > 2 ? el.options.elementMargin / el.options.elementsInPage : 0;   
            if (el.isVertical) {
                $(el.elements[current]).fadeOut(el.options.slideTimer);
                $(el.elements[previous]).fadeIn(el.options.slideTimer);
            } else {
                $(el.elements[current]).fadeOut(el.options.slideTimer);
                $(el.elements[previous]).fadeIn(el.options.slideTimer);
            }
            el.idx -= 1;
            $(this).mbManageControls();
        },
        mbFirstPage: function() {
            var el = $(this).get(0);
            var current = el.idx - 1;
            var first = 0;

            if (el.isVertical) {
                $(el.elements[current]).fadeOut(el.options.slideTimer);
                $(el.elements[first]).fadeIn(el.options.slideTimer);
            } else {
                $(el.elements[current]).fadeOut(el.options.slideTimer);
                $(el.elements[first]).fadeIn(el.options.slideTimer);
            }
            el.idx = 1;
            $(this).mbManageControls();
            $(el).mbStopAutoscroll();
        },
        mbLastPage: function() {
            var el = $(this).get(0);
            var current = el.idx - 1;
            var last = el.totalPages - 1;

            if (el.isVertical) {
                $(el.elements[current]).fadeOut(el.options.slideTimer);
                $(el.elements[last]).fadeIn(el.options.slideTimer);
            } else {
                $(el.elements[current]).fadeOut(el.options.slideTimer);
                $(el.elements[last]).fadeIn(el.options.slideTimer);
            }
            el.idx = el.totalPages;
            $(this).mbManageControls();
            $(el).mbStopAutoscroll();
        },
        mbPageIndex: function() {
            var el = $(this).get(0);
            var controls = $(el.options.controls);
            var pages = controls.find(".pageIndex");

            if (pages) {
                function getPage(i) {
                    var current = el.idx - 1;
                    //  console.info("Current: " + current);
                    // console.info("Index Selected: " + i);
                    if (el.isVertical) {
                        $(el.elements[current]).fadeOut(el.options.slideTimer);
                        $(el.elements[i - 1]).fadeIn(el.options.slideTimer);
                    } else {
                        $(el.elements[current]).fadeOut(el.options.slideTimer);
                        $(el.elements[i - 1]).fadeIn(el.options.slideTimer);
                    }
                    el.idx = Math.floor(i);
                    //  console.info("el.idx: " + el.idx);
                    $(el).mbManageControls();
                }
                var n = 0;
                for (var i = 1; i <= el.totalPages; i++) {
                    n++;
                    var p = $("<div class='page'> " + n + " <\/div>").bind("click", function() {
                        getPage($(this).html());
                        $(el).mbStopAutoscroll();
                    });
                    pages.append(p);
                };
            }
        },
        mbAutoscroll: function() {
            var dir = "next";
            var el = $(this).get(0);

            if (el.autoscroll) return;
            var timer = el.options.scrollTimer;
            el.autoscroll = true;
            el.auto = setInterval(function() {
                dir = el.idx == 1 ? "next" : el.idx == el.totalPages ? "prev" : dir;
                if (dir == "next")
                    $(el).mbNextPage();
                else
                    $(el).mbPrevPage();
            }, timer);
            $(el).mbManageControls();
        },
        mbStopAutoscroll: function() {
            var el = $(this).get(0);
            el.autoscroll = false;
            clearInterval(el.auto);
            $(el).mbManageControls();
        },

        mbActivateControls: function() {
            var mbScrollable = this;
            var el = $(mbScrollable).get(0);
            var controls = $(el.options.controls);
            controls.find(".first").bind("click", function() { $(mbScrollable).mbFirstPage(); });
            controls.find(".prev").bind("click", function() { $(mbScrollable).mbStopAutoscroll(); $(mbScrollable).mbPrevPage(); });
            controls.find(".next").bind("click", function() { $(mbScrollable).mbStopAutoscroll(); $(mbScrollable).mbNextPage(); });
            controls.find(".last").bind("click", function() { $(mbScrollable).mbLastPage(); });
            controls.find(".start").bind("click", function() { $(mbScrollable).mbAutoscroll(); $(mbScrollable)[0].autoScrollActive = true; });
            controls.find(".stop").bind("click", function() { $(mbScrollable).mbStopAutoscroll(); $(mbScrollable)[0].autoScrollActive = false; });
        },

        mbManageControls: function() {
            var mbScrollable = this;
            var el = $(mbScrollable).get(0);
            var controls = $(el.options.controls);
            if (el.elements.size() <= el.options.elementsInPage) {
                controls.hide();
            } else {
                controls.show();
            }
            if (el.idx == el.totalPages) {
                controls.find(".last").addClass("disabled");
                controls.find(".next").addClass("disabled");
            } else {
                controls.find(".last").removeClass("disabled");
                controls.find(".next").removeClass("disabled");
            }

            if (el.idx == 1) {
                controls.find(".first").addClass("disabled");
                controls.find(".prev").addClass("disabled");
            } else {
                controls.find(".first").removeClass("disabled");
                controls.find(".prev").removeClass("disabled");
            }

            if (el.autoscroll) {
                controls.find(".start").addClass("sel");
                controls.find(".stop").removeClass("sel");
            } else {
                controls.find(".start").removeClass("sel");
                controls.find(".stop").addClass("sel");
            }

            controls.find(".page").removeClass("sel");
            controls.find(".page").eq(el.idx - 1).addClass("sel");
            controls.find(".idx").html(el.idx + " / " + el.totalPages);
        }
    };

    $.fn.mbScrollable = $.mbScrollable.buildMbScrollable;
    $.fn.mbNextPage = $.mbScrollable.mbNextPage;
    $.fn.mbPrevPage = $.mbScrollable.mbPrevPage;
    $.fn.mbFirstPage = $.mbScrollable.mbFirstPage;
    $.fn.mbLastPage = $.mbScrollable.mbLastPage;
    $.fn.mbPageIndex = $.mbScrollable.mbPageIndex;
    $.fn.mbAutoscroll = $.mbScrollable.mbAutoscroll;
    $.fn.mbStopAutoscroll = $.mbScrollable.mbStopAutoscroll;
    $.fn.mbActivateControls = $.mbScrollable.mbActivateControls;
    $.fn.mbManageControls = $.mbScrollable.mbManageControls;

})(jQuery);