(function($) {
	// 플러그인 정의
	$.fn.accordionMenu = function() {
		this.each(function(index) {
			var $this = $(this);
			var accMenu = new AccordionMenu($this);

			// n번째 인덱스에 해당하는 메뉴를 선택하는 기능(selectMenu())을
			// 사용하기 위해 accordionMenu 플러그인에서 생성한 AccordionMenu 객체를 저장
			$this.data('accordionMenu', accMenu);

		});
		return this;
	};

	// n번째 메뉴를 선택하는 플러그인 정의
	$.fn.selectIndexItem = function(mainIndex, subIndex) {
		this.each(function(index) {
			var $this = $(this);
			var indexMenu = $this.data('accordionMenu');
			indexMenu.selectMenu(mainIndex, subIndex);
		});
		return this;
	};

}(jQuery));

$(function() {
	// 아코디언 메뉴 플러그인 실행
	$('#accordionMenu1').accordionMenu();

	// 사용자 정의 이벤트 등록하기
	$('#accordionMenu1').on('open', function(e) {
		console.log('open', e.$target.find('.main-title a').text());
	});

	$('#accordionMenu1').on('close', function(e) {
		console.log('close', e.$target.find('.main-title a').text());
	});

	$('#accordionMenu1').on('selected', function(e) {
		var oldText = '없음';

		if (e.$oldItem) {
			oldText = e.$oldItem.text();
		}
		console.log('select old = ', oldText + ', new = ' + e.$newItem.text());
	});

	// selectIndexItem 플러그인으로 0번째 서브 메뉴패널을 열고 1번째 서브 메뉴아이템을 선택
	$('#accordionMenu1').selectIndexItem(0, 1);

});

function AccordionMenu(selector) {
	// 프로퍼티 생성 및 초기화
	this.$accordionMenu = null; // 메뉴 랩퍼를 담을 변수
	this.$mainMenuItems = null; // 메인 메뉴아이템을 담을 변수
	this.$selectSubItem = null; // 선택할 서브 메뉴아이템을 담을 변수

	this.init(selector);
	this.initSubMenuPanel();
	this._initEvent();
}

AccordionMenu.prototype = {
	// 요소 초기화
	'init': function(selector) {
		this.$accordionMenu = $(selector);
		this.$mainMenuItems = this.$accordionMenu.children('li');

	},

	// 서브 패널 초기화 - 초기 시작시 닫힌 상태로 만들기
	'initSubMenuPanel': function() {
		var _self = this;
		this.$mainMenuItems.each(function(index) {
			var $item = $(this),
				$subMenu = $item.find('.sub');

			// 서브 메뉴가 없는 경우
			if (!$subMenu.length) {
				$item.attr('data-extension', 'empty');
			} else {
				if ($item.attr('data-extension') == 'open') {
					_self.openSbuMenu($item);
				} else {
					if ($item.attr('data-extension') == 'open') {
						_self.openSbuMenu('$item', false);
					} else {
						_self.closeSubMenu($item, false);
					}
				}
			}

		});
	},

	// 아이콘 상태 설정
	'setIconState': function($item, state) {
		var $folder = $item.find('.main-title .folder');
		// 기존 클래스를 모두 제거
		$folder.removeClass();
		$folder.addClass('folder ' + state);
	},

	// 이벤트 초기화
	'_initEvent': function() {
		var _self = this,
			$mainTitle = this.$mainMenuItems.find('.main-title'),
			$subPanelItem = this.$mainMenuItems.find('.sub li');

		$mainTitle.on('click', function(e) {
			var $item = $(this).parent();
			_self._toggleSubMenuPanel($item);
		});

		$subPanelItem.on('click', function(e) {
			var $this = $(this);
			_self.selectSubMenuItem($this)
		});

	},

	// 서브 메뉴패널 열기 - animation 기본값은 true
	'openSbuMenu': function($item, animation) {
		if ($item != null) {
			$item.attr('data-extension', 'open');
			var $subMenu = $item.find('.sub');

			if (!animation) {
				$subMenu.css({
					'margin-top': 0
				});
			} else {
				$subMenu
					.stop()
					.animate({
						'margin-top': 0
					}, 300);
			}

			// 아이콘 상태를 open(-) 상태로 만들기
			this.setIconState($item, 'open');

			// 사용자 정의 open 이벤트 발생
			this.dispatchEvent($item, 'open');

		}
	},

	// 서브 메뉴패널 닫기
	'closeSubMenu': function($item, animation) {
		if ($item != null) {
			$item.attr('data-extension', 'close');
			var $subMenu = $item.find('.sub'),
				subMenuPanelHeight = -$subMenu.outerHeight(true);

			if (!animation) {
				$subMenu.css({
					'margin-top': subMenuPanelHeight
				});
			} else {
				$subMenu
					.stop()
					.animate({
						'margin-top': subMenuPanelHeight
					}, 300);
			}

			// 아이콘 상태를 close(+) 상태로 만들기
			this.setIconState($item, 'close');

			// 사용자 정의 close 이벤트 발생
			this.dispatchEvent($item, 'close');

		}
	},

	// 서브 메뉴패널 열고 닫기
	'_toggleSubMenuPanel': function($item) {
		var extension = $item.attr('data-extension');

		// 서브 메뉴패널이 없는 경우 실행하지 않는다.
		if (extension == 'empty') {
			return;
		}

		// 서브 메뉴 패널이 있는 경우에 실행
		if (extension == 'open') {
			this.closeSubMenu($item, true);
		} else {
			this.openSbuMenu($item, true);
		}
	},

	// 인덱스 메뉴의 서브 메뉴패널 열기
	'openSubMenuAt': function(index, animation) {
		var $item = this.$mainMenuItems.eq(index);
		this.openSbuMenu($item, animation);
	},

	// 인덱스 메뉴의 서브 매뉴패널 닫기
	'closeSubMenuAt': function(index, animation) {
		var $item = this.$mainMenuItems.eq(index);
		this.closeSubMenu($item, animation);
	},

	// 서브 메뉴아이템 선택
	'selectSubMenuItem': function($item) {
		var $oldItem = this.$selectSubItem;
		if (this.$selectSubItem != null) {
			this.$selectSubItem.removeClass('select');
		}
		this.$selectSubItem = $item;
		this.$selectSubItem.addClass('select');

		// 사용자 정의 select 이벤트 발생
		this._dispatchSelectEvent($oldItem, this.$selectSubItem);
	},

	// 인덱스를 활용한 메인 메뉴아이템과 서브 메뉴아이템 선택 기능
	'selectMenu': function(mainIndex, subIndex, animation) {
		// 메인 메뉴아이템
		var $item = this.$mainMenuItems.eq(mainIndex);

		// 서브 메뉴아이템
		var $subMenuItem = $item.find('.sub li').eq(subIndex);
		// 서브 메뉴아이템이 존재하는 경우에만 처리
		if ($subMenuItem) {
			// 서브 메뉴패널 열기
			this.openSbuMenu($item, animation);
			// 서브 메뉴아이템 선택
			this.selectSubMenuItem($subMenuItem);
		}
	},

	// 사용자 정의 open, close 이벤트 발생 처리
	'dispatchEvent': function($item, eventName) {
		var customEvent = jQuery.Event(eventName);
		customEvent.$target = $item;

		this.$accordionMenu.trigger(customEvent);
	},

	// 사용자 정의 select 이벤트 발생 처리
	'_dispatchSelectEvent': function($oldItem, $newItem) {
		var customEvent = jQuery.Event('selected');
		customEvent.$oldItem = $oldItem;
		customEvent.$newItem = $newItem;

		this.$accordionMenu.trigger(customEvent);
	}

};