/*!
 * crosscover v0.1.0
 * carousel of a simple background image using jquery and animate.css.
 * http://git.blivesta.com/crosscover
 * license : mit
 * author : blivesta <enmt@blivesta.com> (http://blivesta.com/)
 */
;(function(factory) {
  'use strict';
  if (typeof define === 'function' && define.amd) {
    define(['jquery'], factory);
  } else if (typeof exports === 'object') {
    module.exports = factory(require('jquery'));
  } else {
    factory(jquery);
  }
}(function($) {
  'use strict';
  var namespace = 'crosscover';
  var __ = {
    init: function(options) {
      options = $.extend({
        animateinclass: 'fade-in',
        animateoutclass: 'fade-out',
        interval: 5000,
        startindex: 0,
        autoplay: true,
        controller: true,
        controllerclass: 'crosscover-controller',
        prevclass: 'crosscover-prev',
        nextclass: 'crosscover-next',
        playerclass: 'crosscover-player',
        playeractiveclass: 'is-playing',
        playerinnerhtml: '<span class="crosscover-icon-player"></span>',
       // previnnerhtml: '<span class="crosscover-icon-prev"></span>',
        //nextinnerhtml: '<span class="crosscover-icon-next"></span>'
      }, options);

      __.settings = {
        currentindex: options.startindex,
        timer: null
      };

      return this.each(function() {
        var _this = this;
        var $this = $(this);
        var data = $this.data(namespace);
        var $item = $this.children('.crosscover-list').children('li');

        if (!data) {
          options = $.extend({}, options);
          $this.data(namespace, {
            options: options
          });

          if (options.controller) __.createcontroler.call(_this, $item);

          __.setup.call(_this, $item);

        }
      });
    },

    setup: function($item) {
      var _this = this;
      var $this = $(this);
      var options = $this.data(namespace).options;

      $item.each(function(index) {
        var $self = $(this);
        var image = $self.find('img').attr('src');
        $self
          .addclass('crosscover-setup')
          .css({
            'background-image': 'url(' + image + ')'
          });
      });

      return __.slidestart.call(_this, $item);

    },

    slidestart: function($item) {
      var _this = this;

      __.autoplaystart.call(_this, $item);
      __.show.call(_this, $item);
    },

    createcontroler: function($item) {
      var _this = this;
      var $this = $(this);
      var options = $this.data(namespace).options;
      var isclass = options.autoplay ? options.playeractiveclass : null;

      $this
        .append(
          $('<div>')
          .attr({
            'data-crosscover-controls': ''
          })
          .addclass(options.controllerclass)
          .append(
            $('<button>')
            .attr({
              'data-crosscover-prev': ''
            })
            .addclass(options.prevclass)
            .html(options.previnnerhtml)
          )
          .append(
            $('<button>')
            .attr({
              'data-crosscover-player': ''
            })
            .addclass(options.playerclass)
            .addclass(isclass)
            .html(options.playerinnerhtml)
          )
          .append(
            $('<button>')
            .attr({
              'data-crosscover-next': ''
            })
            .addclass(options.nextclass)
            .html(options.nextinnerhtml)
          )
        );

      return __.addcontroler.call(_this, $item);
    },

    addcontroler: function($item) {
      var _this = this;
      var $this = $(this);
      var options = $this.data(namespace).options;
      var $controls = $this.children('[data-crosscover-controls]');
      var $navprev = $controls.children('[data-crosscover-prev]');
      var $navnext = $controls.children('[data-crosscover-next]');
      var $navplaypause = $controls.children('[data-crosscover-player]');

      $navplaypause.on('click.' + namespace, function(event) {
        $(this).blur();
        return __.playtoggle.call(_this, $item, $(this));
      });

      $navprev.on('click.' + namespace, function(event) {
        $(this).blur();
        return __.toggle.call(_this, $item, 'prev');
      });

      $navnext.on('click.' + namespace, function(event) {
        $(this).blur();
        return __.toggle.call(_this, $item, 'next');
      });

    },

    playtoggle: function($item) {
      var _this = this;
      var $this = $(this);
      var options = $this.data(namespace).options;
      var $navplaypause = $this.find('[data-crosscover-player]');

      if (options.autoplay) {

        options.autoplay = false;

        $navplaypause
          .removeclass(options.playeractiveclass)
          .addclass(options.playclass);

        return __.autoplaystop.call(_this);
      } else {

        options.autoplay = true;

        $navplaypause.addclass(options.playeractiveclass);

        return __.autoplaystart.call(_this, $item);
      }
    },

    toggle: function($item, setting) {
      var _this = this;
      var $this = $(this);
      var options = $this.data(namespace).options;

      __.hide.call(_this, $item);

      if (setting === 'next') {
        __.settings.currentindex++;
      } else if (setting === 'prev') {
        __.settings.currentindex--;
      }

      if (__.settings.currentindex >= $item.length) {
        __.settings.currentindex = 0;
      } else if (__.settings.currentindex <= -1) {
        __.settings.currentindex = $item.length - 1;
      }

      __.autoplaystart.call(_this, $item);

      return __.show.call(_this, $item);
    },

    show: function($item) {
      var $this = $(this);
      var options = $this.data(namespace).options;

      return $item
        .eq(__.settings.currentindex)
        .addclass('crosscover-active')
        .removeclass('crosscover-setup')
        .addclass(options.animateinclass)
        .animateend(function() {
          $(this).addclass('crosscover-active');
        });
    },

    hide: function($item) {
      var $this = $(this);
      var options = $this.data(namespace).options;

      return $item
        .eq(__.settings.currentindex)
        .addclass('crosscover-setup')
        .removeclass('crosscover-active')
        .addclass(options.animateoutclass)
        .animateend(function() {
          $(this)
            .removeclass()
            .addclass('crosscover-setup');
        });
    },

    autoplaystart: function($item) {
      var _this = this;
      var $this = $(this);
      var options = $this.data(namespace).options;

      if (options.autoplay) {

        __.autoplaystop.call(_this);

        __.settings.timer = settimeout(function() {
          __.toggle.call(_this, $item, 'next');
          __.autoplaystart.call(_this, $item);
        }, options.interval);

      }
      return _this;
    },

    autoplaystop: function() {
      return cleartimeout(__.settings.timer);
    },

    currentindex: function() {
      return __.settings.currentindex;
    }

  };

  $.fn.animateend = function(callback) {
    var end = 'animationend webkitanimationend mozanimationend oanimationend msanimationend';
    return this.each(function() {
      var $this = $(this);
      $this.bind(end, function() {
        $this.unbind(end);
        return callback.call(this);
      });
    });
  };

  $.fn.crosscover = function(method) {
    if (__[method]) {
      return __[method].apply(this, array.prototype.slice.call(arguments, 1));
    } else if (typeof method === 'object' || !method) {
      return __.init.apply(this, arguments);
    } else {
      $.error('method ' + method + ' does not exist on jquery.' + namespace);
    }
  };

}));