/**
 * EqualHeight - Plugin to set the same height for group of elements
 * author: ekarpova
 * Date: 02.05.2017
 * Require: basePlugin
 * @module plugins
 * @class EqualHeight
 */

define('plugins/equal-height', function (require) {

    var BasePlugin = require('common/basePlugin'),
        jsClass = require('adapter/jsClass'),
        dom = require('adapter/dom'),
        enumerable = require('adapter/enumerable');

    var EqualHeight = jsClass.Class(BasePlugin,{

        constructor: function(modId, name, subname, options){
            var defaults = {
                parent: 'slick-slide', //parent class where search elementsClass
                elementsClass: null, //class between which we measure height; if more than one class, separate by ","
                resize: true, //calculate after resize
                animateForEqual: false,
                delayInit: false
            };

            this.settings = enumerable.defaults(options, defaults);
            this.modId = modId;
            this.context = dom.find('#'+this.modId);

            if(!this.settings.delayInit) {
                this.init();
            }
        },

        init: function () {
            if(this.context.length > 0) {
                this.equalHeight();

                if(this.settings.resize) {
                    var timer,
                        self = this;
                    dom.on(window, 'resize', function(){
                        timer && clearTimeout(timer);
                        timer = setTimeout(self.equalHeight.bind(self), 200);
                    });
                }
            }
        },

        equalHeight: function () {
            //trim and split
            var elements = this.settings.elementsClass.replace(/\s/g, '').split(",");

            enumerable.each(elements, function(element){
                this.calculateHeight(element);
            }, this);
        },

        calculateHeight: function (element) {
            var self = this,
                parent = dom.find('.' + this.settings.parent, '#' + this.modId);

            if(parent.length === 0) parent = this.context;

            var elements = dom.find('.'+element, parent),
                highestBox = 0;

            enumerable.each(elements, function(element){
                var oldHeight = dom.outerHeight(element); //save old height
                $(element).css('height', ''); //remove static height
                var height = dom.outerHeight(element); //get original height
                $(element).css('height', oldHeight);
                //if new height is bigger - save
                if(height > highestBox) {
                    highestBox = height;
                }
            }, this);

            //set on element highest height
            if(this.settings.animateForEqual) {
                enumerable.each(elements, function(element){
                    $(element).animate({
                        height: highestBox + 'px'
                    }, 500);
                }, this);
            } else {
                enumerable.each(elements, function(element) {
                    dom.css(element, {'height': highestBox + 'px'});
                }, this);
            }
        }
    });

    return EqualHeight;

});