var accordionEvent = function(obj) {
  this.obj = obj;
  var el = obj.el;
  var contents = obj.contents;
  var opens = obj.opens;
  var openIndex = obj.openIndex;
  var duration = obj.duration ? obj.duration : 300;
  var initAfterEvent = obj.initAfterEvent;
  var overlap = obj.overlap;
  var onClick = obj.onClick;
  var downAfterEvent = obj.downAfterEvent;
  var downAddEventListener = obj.downAddEventListener;
  var upAfterEvent = obj.upAfterEvent;
  var upAddEventListener = obj.upAddEventListener;
  var slideDownEvent = function(target) {
      target.addClass('active');
      target.find(contents).stop().slideDown(duration, function() {
          if (downAfterEvent) {
              downAfterEvent(target);
          }
      });
      if (downAddEventListener) {
          downAddEventListener(target);
      }
      if (!overlap) {
          target.siblings().removeClass('active');
          target.siblings().find(contents).stop().slideUp();
      }
  }
  var slideUpEvent = function(target) {
      target.removeClass('active');
      target.find(contents).stop().slideUp(duration, function() {
          if (upAfterEvent) {
              upAfterEvent(target);
          }
      });
      if (upAddEventListener) {
          upAddEventListener(target);
      }
      if (!overlap) {
          target.siblings().removeClass('active');
          target.siblings().find(contents).stop().slideUp();
      }
  }
  var init = function() {
      var _target = $(el);
      if (opens) {
          _target.each(function(i) {
              var _this = $(this);
              var _parents = _this.parent();
              if (i === openIndex) {
                  slideDownEvent(_parents);
              }
          })
      }
      _target.on('click', function() {
          var _this = $(this);
          var _parents = _this.parent();
          if (_parents.hasClass('active')) {
              slideUpEvent(_parents)
          } else {
              slideDownEvent(_parents)
          }
          if (onClick) {
              onClick(_this);
          }
      });
      if (initAfterEvent) {
          initAfterEvent();
      }
  };
  return init();
}
var accordion = new accordionEvent({
  // 아코디언 버튼
  el : 버튼 selector, // #contabroll a.detail_view
  // 아코디언 컨텐츠 
  contents : 컨텐츠 selector, // #contabroll .media-content__detail
  // 로드시 아코디언 펼침
  opens : false,
  // 로드시 아코디언 펼칠때 열릴 인덱스
  openIndex : 0,
  // 중복선택
  overlap : false,
  // 애니메이션 시간
  duration: 300,
  // 아코디언 이벤트 세팅 후 커스텀이벤트 등록
  initAfterEvent : function() {
    console.log('init')
  },
  // 다운애니메이트 동시 이벤트 등록
  downAddEventListener: function(el) {
    console.log('down')
  },
  // 다운애니메이트 콜백
  downAfterEvent: function(el) {
    console.log('down after')
  },
  // 업 애니메이트 동시 이벤트 등록
  upAddEventListener: function(el) {
    console.log('up')
  },
  // 업 애니메이트 콜백
  upAfterEvent: function(el) {
    console.log('up after')
  },
});