// the semi-colon before function invocation is a safety net against concatenated
// scripts and/or other plugins which may not be closed properly.
;(function ( $, window, document, undefined ) {

    // Create the defaults once
    var pluginName = "muchslide",
    defaults = {
        numShow: 3,
        children: "li",
        nextId: null,
        prevId: null,
        nextClass: "much_selector",
        prevClass: "much_selector",
        currentDisplayed: "much_select",
        selectedClass: "much_selected",
        selectedCallback: function() {},
        foreverScroll: true,
        paged: false,
        pagedClass: "much_paged",
        pagedSelectedCallback: function() {},
        pagedSelectedClass: "much_current_page",
        pagedChildClass: "much_paged",
        autoSlide: false,
        autoSlideSpeed: 3500,
        autoSlidePause: true,
        autoSlidePauseClass: null,
        autoSlidePauseCallback: function() {},
        animation: null,
        verticalSlide: false
    };

    // The actual plugin constructor
    function MuchSlide ( element, options ) {
        var self = this;
        self.element = element;
        self.$element = $(self.element);
        self.settings = $.extend( {}, defaults, options );
        self._defaults = defaults;
        self._name = pluginName;
        self.init();
    }

    MuchSlide.prototype = {
        init: function () {
            var self = this;
            self.selectorWidth = self.$element.width();
            self.currentPage = 0;
            self.sectionWidth = self.selectorWidth / self.settings.numShow;

            self._children();
            self.modifyDom();
            self.resizeWindow();
            self.selectorClick();

            self.itemClick();

            if ( self.settings.paged && self.settings.numShow === 1 ) {
                self.createPaged();
                self.clickPaged();
                self.markPaged();
            }
            if ( self.settings.autoSlide ) {
                self.createTimer();
                if ( self.settings.autoSlidePause ) {
                    jQuery( "#" + self.settings.nextId +
                            ", #" + self.settings.prevId +
                            ", #" + self.$element.attr("id") +
                            ", ." + self.settings.pagedClass +
                            ", ." + self.settings.autoSlidePauseClass
                          ).hover( function () {
                              clearInterval( self.set );
                              self.settings.autoSlidePauseCallback();
                          }, function ()  {
                              self.createTimer();
                          });
                }
            }
        },
        _children: function () {
            var self = this;
            self.children = self.$element.children( self.settings.children );
        },
        modifyDom: function () {
            var self = this;
            self.$element.css("position", "relative");
            if ( !self.settings.nextId || !self.settings.prevId) {
                self.settings.nextId = "muchNext";
                self.settings.prevId = "muchPrev";
                self.$element.parent().append("<div id='" + self.settings.nextId + "' class='" + self.settings.nextClass + "'></div>").prepend("<div id='" + self.settings.prevId + "' class='" + self.settings.prevClass  + "'></div>");
            }
            self.counter = 0;
            self.children.each( function() {
                var $self = jQuery(this);
                if ( self.settings.verticalSlide ) {
                    $self.attr("data-counter", self.counter).css({ "position": "absolute", "top": ( $self.data("counter") * self.sectionWidth ) + "px" });
                    self.slideDirection = "top";
                    self.slideDirectionLength = $self.position().top;
                } else {
                    $self.attr("data-counter", self.counter).css({ "position": "absolute", "left": ( $self.data("counter") * self.sectionWidth ) + "px" });
                    self.slideDirection = "left";
                    self.slideDirectionLength=$self.position().left;
                }
                if ( self.slideDirectionLength < self.selectorWidth && self.slideDirectionLength > -1  ) {
                    $self.addClass( self.settings.currentDisplayed );
                    self.currentPage = $self.data("counter");
                    if ( self.settings.paged && self.settings.numShow === 1 ) {
                        self.markPaged();
                    }
                }
                self.counter++;
            });
        },
        resizeWindow: function () {
            var self = this;
            jQuery(window).resize( function () {
                self.selectorWidth = parseInt( self.$element.css( "width" ), 10 );
                self.sectionWidth = self.selectorWidth / self.settings.numShow;
                self.modifyDom();
            });
        },
        createTimer: function () {
            var self = this;
            self.set = setInterval( function () {
                self.animateNext();
            }, self.settings.autoSlideSpeed);
        },
        selectorClick: function () {
            var self = this;
            jQuery("#" + self.settings.nextId).on("click", function() {
                if(self.$element.children().filter(":animated").length>0) {
                    return false;
                }
                self.animateNext();
            });
            jQuery("#" + self.settings.prevId).on("click", function( ) {
                if(self.$element.children().filter(":animated").length>0) {
                    return false;
                }
                self.animatePrev();
            });
        },
        animateNext: function () {
            var self = this;
            self._children();
            if ( parseInt(self.children.last().css(self.slideDirection), 10) >= (self.selectorWidth - 2 ) ) {
                self.moveEach( self.sectionWidth );
            } else if ( self.settings.foreverScroll ) {
                self.children.first().remove().insertAfter(self.children.last());
                if ( self.settings.verticalSlide ) {
                    self.children.first().animate({top: self.selectorWidth});
                } else {
                    self.children.first().animate({left: self.selectorWidth});
                }
                self.moveEach( self.sectionWidth );
            }
        },
        animatePrev: function () {
            var self = this;
            self._children();
            if ( parseInt(self.children.first().css(self.slideDirection), 10) <= -1 ) {
                self.moveEach( self.sectionWidth, "+" );
            } else if ( self.settings.foreverScroll ) {
                self.children.last().remove().insertBefore(self.children.first());
                if ( self.settings.verticalSlide ) {
                    self.children.last().animate({top: -self.selectorWidth});
                } else {
                    self.children.last().animate({left: -self.selectorWidth});
                }
                self.moveEach( self.sectionWidth, "+" );
            }
        },
        moveEach: function ( sectionWidth, direction ) {
            var self = this;
            self.direction = direction || "-";
            self.length = sectionWidth;
            self.children.each( function () {
                var $self = jQuery(this);
                if ( self.settings.verticalSlide ) {
                    $self.finish().animate({top: self.direction + "=" + self.length }, self.settings.animation, function() {
                        direction = $self.position().top;
                        self._animateMoveEach( $self, direction );
                    });
                } else {
                    $self.finish().animate({left: self.direction + "=" + self.length }, self.settings.animation, function() {
                        direction = $self.position().left;
                        self._animateMoveEach( $self, direction );
                    });
                }
            });
        },
        _animateMoveEach: function ( $self, direction ) {
            var self = this;
            $self.removeClass( self.settings.currentDisplayed );
            if ( direction < self.selectorWidth && direction > -1  ) {
                $self.addClass( self.settings.currentDisplayed );
                self.currentPage = $self.data("counter");
                if ( self.settings.paged && self.settings.numShow === 1 ) {
                    self.markPaged();
                }
            }
        },
        /*****************************************************************
                        Pagination
        *****************************************************************/
        itemClick: function () {
            var self = this;
            self._children();
            self.children.on( "click", function() {
                var $self = jQuery(this);
                self.children.removeClass( self.settings.selectedClass);
                $self.addClass( self.settings.selectedClass );
                self.settings.selectedCallback();
            });
        },
        itemMoveTo: function ( selectedPage ) {
            var self = this;
            self.selectedPage = selectedPage;
            self.selectedChild = self.$element.find("[data-counter=" + self.selectedPage + "]");
            self.selectedDistance =  parseInt( self.selectedChild.css( self.slideDirection ), 10 );
            if ( self.selectedDistance < 0 || self.selectedDistance > 0 ) {
                self.moveEach( self.selectedDistance );
            }
        },
        createPaged: function () {
            var self = this;
            self.$element.after("<ul class='" + self.settings.pagedClass+ "'></ul>");
            self.page = jQuery( "." + self.settings.pagedClass );
            for ( i = 0; i < self.counter; i++ ) {
                self.page.append("<li class='" + self.settings.pagedChildClass + "' data-counter=" + i  + ">" + i + "</li>");
            }
        },
        markPaged: function () {
            var self = this;
            self.page = jQuery( "." + self.settings.pagedClass );
            self.page.children().each( function () {
                var $self = jQuery(this);
                if ( $self.data("counter") === self.currentPage ) {
                    self.page.children().removeClass( self.settings.pagedSelectedClass );
                    $self.addClass( self.settings.pagedSelectedClass );
                    self.settings.pagedSelectedCallback();
                }
            });
        },
        clickPaged: function () {
            var self = this;
            self.page.children().on( "click", function () {
                if(self.$element.children().filter(":animated").length>0) {
                    return false;
                }
                $self = jQuery(this);
                self.selectedPage = $self.data("counter");
                self.itemMoveTo( self.selectedPage );
            });
        }
    };

    $.fn[ pluginName ] = function ( options ) {
        return this.each(function() {
            if ( !$.data( this, "plugin_" + pluginName ) ) {
                $.data( this, "plugin_" + pluginName, new MuchSlide( this, options ) );
            }
        });
    };
})( jQuery, window, document );