           when 39 then @next()
           when 27 || 32 then @stop()
 
-    _createPagination: (name, html) =>
-      if name is 'dot'
-        html = "<ol class='dots'>"
+    _createPagination: =>
+        html = "<ol class='#{@options.paginationClass}'>"
         $.each @items, (index) =>
-          html += "<li class='#{if index == @currentItemIndex then name + ' active' else name}'> #{++index}</li>"
+          html += "<li class='#{if index == @currentItemIndex then @options.paginationItemClass + ' active' else @options.paginationItemClass}'> #{++index}</li>"
         html += "</ol>"
-      else
+
+        @_bindPagination(@options.paginationClass, @options.paginationItemClass, html)
+
+    _createArrows: =>
         html = "<div class=\""
-        html = html + name + "s\">" + html + name + " prev\">" + @options.prev + "</div>" + html + name + " next\">" + @options.next + "</div></div>"
-
+        html = html + @options.arrowsClass + "\">" + html + @options.arrowClass + " prev\">" + @options.prev + "</div>" + html + @options.arrowClass + " next\">" + @options.next + "</div></div>"
+
+        @_bindPagination(@options.arrowsClass, @options.arrowClass, html)
+
+    _bindPagination: (className, itemClassName, html) ->
       weakSelf = @
-      @$el.addClass("has-#{name}s").append(html).find(".#{name}").click ->
-        me = $(@)
-        if me.hasClass('dot') then weakSelf.stop().to(me.index()) else if me.hasClass('prev') then weakSelf.prev() else weakSelf.next()
+      @$el.addClass("has-#{className}").append(html).find(".#{itemClassName}").click ->
+        $this = $(@)
+        if $this.hasClass(weakSelf.options.paginationItemClass)
+          weakSelf.stop().to($this.index())
+        else if $this.hasClass('prev') then weakSelf.prev() else weakSelf.next()
+
 
     to: (index, callback) =>
       if @t


        @resize = setTimeout(=>
          style =
            height: @items.eq(@currentItemIndex).outerHeight()
          width = @$el.outerWidth()

          @itemsWrapper.css style

      speed = if callback then 5 else @options.speed | 0
      easing = @options.easing
      obj =
        height: target.outerHeight() + 30

      if not @itemsWrapper.queue('fx').length
        @$el.find(".#{@options.paginationItemClass}").eq(index).addClass('active').siblings().removeClass('active')
        @$el.animate(obj, speed, easing) and @itemsWrapper.animate($.extend(
          left: "-#{index}00%", obj), speed, easing, (data) =>
            @currentItemIndex = index
