/*

* # Semantic - Accordion
* http://github.com/semantic-org/semantic-ui/
*
*
* Copyright 2014 Contributor
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/

;(function ($, window, document, undefined) {

“use strict”;

$.fn.accordion = function(parameters) {

var
  $allModules     = $(this),

  time            = new Date().getTime(),
  performance     = [],

  query           = arguments[0],
  methodInvoked   = (typeof query == 'string'),
  queryArguments  = [].slice.call(arguments, 1),

  requestAnimationFrame = window.requestAnimationFrame
    || window.mozRequestAnimationFrame
    || window.webkitRequestAnimationFrame
    || window.msRequestAnimationFrame
    || function(callback) { setTimeout(callback, 0); },

  returnedValue
;
$allModules
  .each(function() {
    var
      settings        = ( $.isPlainObject(parameters) )
        ? $.extend(true, {}, $.fn.accordion.settings, parameters)
        : $.extend({}, $.fn.accordion.settings),

      className       = settings.className,
      namespace       = settings.namespace,
      selector        = settings.selector,
      error           = settings.error,

      eventNamespace  = '.' + namespace,
      moduleNamespace = 'module-' + namespace,
      moduleSelector  = $allModules.selector || '',

      $module  = $(this),
      $title   = $module.find(selector.title),
      $content = $module.find(selector.content),

      element  = this,
      instance = $module.data(moduleNamespace),
      observer,
      module
    ;

    module = {

      initialize: function() {
        module.debug('Initializing accordion with bound events', $module);
        $module
          .on('click' + eventNamespace, selector.title, module.event.click)
        ;
        module.observeChanges();
        module.instantiate();
      },

      instantiate: function() {
        instance = module;
        $module
          .data(moduleNamespace, module)
        ;
      },

      destroy: function() {
        module.debug('Destroying previous accordion for', $module);
        $module
          .removeData(moduleNamespace)
        ;
        $title
          .off(eventNamespace)
        ;
      },

      refresh: function() {
        $title   = $module.find(selector.title);
        $content = $module.find(selector.content);
      },

      observeChanges: function() {
        if('MutationObserver' in window) {
          observer = new MutationObserver(function(mutations) {
            module.debug('DOM tree modified, updating selector cache');
            module.refresh();
          });
          observer.observe(element, {
            childList : true,
            subtree   : true
          });
          module.debug('Setting up mutation observer', observer);
        }
      },

      event: {
        click: function() {
          $.proxy(module.toggle, this)();
        }
      },

      toggle: function(query) {
        var
          $activeTitle = (query !== undefined)
            ? (typeof query === 'number')
              ? $title.eq(query)
              : $(query)
            : $(this),
          $activeContent = $activeTitle.next($content),
          contentIsOpen  = $activeContent.is(':visible')
        ;
        module.debug('Toggling visibility of content', $activeTitle);
        if(contentIsOpen) {
          if(settings.collapsible) {
            $.proxy(module.close, $activeTitle)();
          }
          else {
            module.debug('Cannot close accordion content collapsing is disabled');
          }
        }
        else {
          $.proxy(module.open, $activeTitle)();
        }
      },

      open: function(query) {
        var
          $activeTitle = (query !== undefined)
            ? (typeof query === 'number')
              ? $title.eq(query)
              : $(query)
            : $(this),
          $activeContent     = $activeTitle.next($content),
          currentlyAnimating = $activeContent.is(':animated'),
          currentlyActive    = $activeContent.hasClass(className.active)
        ;
        if(!currentlyAnimating && !currentlyActive) {
          module.debug('Opening accordion content', $activeTitle);
          if(settings.exclusive) {
            $.proxy(module.closeOthers, $activeTitle)();
          }
          $activeTitle
            .addClass(className.active)
          ;
          $activeContent
            .stop()
            .children()
              .stop()
              .animate({
                opacity: 1
              }, settings.duration, module.reset.display)
              .end()
            .slideDown(settings.duration, settings.easing, function() {
              $activeContent
                .addClass(className.active)
              ;
              $.proxy(module.reset.display, this)();
              $.proxy(settings.onOpen, this)();
              $.proxy(settings.onChange, this)();
            })
          ;
        }
      },

      close: function(query) {
        var
          $activeTitle = (query !== undefined)
            ? (typeof query === 'number')
              ? $title.eq(query)
              : $(query)
            : $(this),
          $activeContent = $activeTitle.next($content),
          isActive       = $activeContent.hasClass(className.active)
        ;
        if(isActive) {
          module.debug('Closing accordion content', $activeContent);
          $activeTitle
            .removeClass(className.active)
          ;
          $activeContent
            .removeClass(className.active)
            .show()
            .stop()
            .children()
              .stop()
              .animate({
                opacity: 0
              }, settings.duration, module.reset.opacity)
              .end()
            .slideUp(settings.duration, settings.easing, function() {
              $.proxy(module.reset.display, this)();
              $.proxy(settings.onClose, this)();
              $.proxy(settings.onChange, this)();
            })
          ;
        }
      },

      closeOthers: function(index) {
        var
          $activeTitle = (index !== undefined)
            ? $title.eq(index)
            : $(this),
          $parentTitles    = $activeTitle.parents(selector.content).prev(selector.title),
          $activeAccordion = $activeTitle.closest(selector.accordion),
          activeSelector   = selector.title + '.' + className.active + ':visible',
          activeContent    = selector.content + '.' + className.active + ':visible',
          $openTitles,
          $nestedTitles,
          $openContents
        ;
        if(settings.closeNested) {
          $openTitles   = $activeAccordion.find(activeSelector).not($parentTitles);
          $openContents = $openTitles.next($content);
        }
        else {
          $openTitles   = $activeAccordion.find(activeSelector).not($parentTitles);
          $nestedTitles = $activeAccordion.find(activeContent).find(activeSelector).not($parentTitles);
          $openTitles = $openTitles.not($nestedTitles);
          $openContents = $openTitles.next($content);
        }
        if( ($openTitles.size() > 0) ) {
          module.debug('Exclusive enabled, closing other content', $openTitles);
          $openTitles
            .removeClass(className.active)
          ;
          $openContents
            .stop()
            .children()
              .stop()
              .animate({
                opacity: 0
              }, settings.duration, module.resetOpacity)
              .end()
            .slideUp(settings.duration , settings.easing, function() {
              $(this).removeClass(className.active);
              $.proxy(module.reset.display, this)();
            })
          ;
        }
      },

      reset: {

        display: function() {
          module.verbose('Removing inline display from element', this);
          $(this).css('display', '');
          if( $(this).attr('style') === '') {
            $(this)
              .attr('style', '')
              .removeAttr('style')
            ;
          }
        },

        opacity: function() {
          module.verbose('Removing inline opacity from element', this);
          $(this).css('opacity', '');
          if( $(this).attr('style') === '') {
            $(this)
              .attr('style', '')
              .removeAttr('style')
            ;
          }
        },

      },

      setting: function(name, value) {
        module.debug('Changing setting', name, value);
        if( $.isPlainObject(name) ) {
          $.extend(true, settings, name);
        }
        else if(value !== undefined) {
          settings[name] = value;
        }
        else {
          return settings[name];
        }
      },
      internal: function(name, value) {
        module.debug('Changing internal', name, value);
        if(value !== undefined) {
          if( $.isPlainObject(name) ) {
            $.extend(true, module, name);
          }
          else {
            module[name] = value;
          }
        }
        else {
          return module[name];
        }
      },
      debug: function() {
        if(settings.debug) {
          if(settings.performance) {
            module.performance.log(arguments);
          }
          else {
            module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
            module.debug.apply(console, arguments);
          }
        }
      },
      verbose: function() {
        if(settings.verbose && settings.debug) {
          if(settings.performance) {
            module.performance.log(arguments);
          }
          else {
            module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
            module.verbose.apply(console, arguments);
          }
        }
      },
      error: function() {
        module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
        module.error.apply(console, arguments);
      },
      performance: {
        log: function(message) {
          var
            currentTime,
            executionTime,
            previousTime
          ;
          if(settings.performance) {
            currentTime   = new Date().getTime();
            previousTime  = time || currentTime;
            executionTime = currentTime - previousTime;
            time          = currentTime;
            performance.push({
              'Name'           : message[0],
              'Arguments'      : [].slice.call(message, 1) || '',
              'Element'        : element,
              'Execution Time' : executionTime
            });
          }
          clearTimeout(module.performance.timer);
          module.performance.timer = setTimeout(module.performance.display, 100);
        },
        display: function() {
          var
            title = settings.name + ':',
            totalTime = 0
          ;
          time = false;
          clearTimeout(module.performance.timer);
          $.each(performance, function(index, data) {
            totalTime += data['Execution Time'];
          });
          title += ' ' + totalTime + 'ms';
          if(moduleSelector) {
            title += ' \'' + moduleSelector + '\'';
          }
          if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
            console.groupCollapsed(title);
            if(console.table) {
              console.table(performance);
            }
            else {
              $.each(performance, function(index, data) {
                console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
              });
            }
            console.groupEnd();
          }
          performance = [];
        }
      },
      invoke: function(query, passedArguments, context) {
        var
          object = instance,
          maxDepth,
          found,
          response
        ;
        passedArguments = passedArguments || queryArguments;
        context         = element         || context;
        if(typeof query == 'string' && object !== undefined) {
          query    = query.split(/[\. ]/);
          maxDepth = query.length - 1;
          $.each(query, function(depth, value) {
            var camelCaseValue = (depth != maxDepth)
              ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
              : query
            ;
            if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
              object = object[camelCaseValue];
            }
            else if( object[camelCaseValue] !== undefined ) {
              found = object[camelCaseValue];
              return false;
            }
            else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
              object = object[value];
            }
            else if( object[value] !== undefined ) {
              found = object[value];
              return false;
            }
            else {
              module.error(error.method, query);
              return false;
            }
          });
        }
        if ( $.isFunction( found ) ) {
          response = found.apply(context, passedArguments);
        }
        else if(found !== undefined) {
          response = found;
        }
        if($.isArray(returnedValue)) {
          returnedValue.push(response);
        }
        else if(returnedValue !== undefined) {
          returnedValue = [returnedValue, response];
        }
        else if(response !== undefined) {
          returnedValue = response;
        }
        return found;
      }
    };
    if(methodInvoked) {
      if(instance === undefined) {
        module.initialize();
      }
      module.invoke(query);
    }
    else {
      if(instance !== undefined) {
        module.destroy();
      }
      module.initialize();
    }
  })
;
return (returnedValue !== undefined)
  ? returnedValue
  : this
;

};

$.fn.accordion.settings = {

name        : 'Accordion',
namespace   : 'accordion',

debug       : false,
verbose     : true,
performance : true,

exclusive   : true,
collapsible : true,
closeNested : false,

duration    : 500,
easing      : 'easeInOutQuint',

onOpen      : function(){},
onClose     : function(){},
onChange    : function(){},

error: {
  method : 'The method you called is not defined'
},

className   : {
  active : 'active'
},

selector    : {
  accordion : '.accordion',
  title     : '.title',
  content   : '.content'
}

};

// Adds easing $.extend( $.easing, {

easeInOutQuint: function (x, t, b, c, d) {
  if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
  return c/2*((t-=2)*t*t*t*t + 2) + b;
}

});

})( jQuery, window , document );