(function($){
	$.fn.myMenu = function(option){
		// Param plugin
		var param = jQuery.extend({
			speed: "fast", // @param : low, medium, fast
			defautContent: 0 // @param : number
		}, option);
		this.find('h3').addClass('menuHeader');
		this.find('h3 a').attr('href', 'javascript:void(0)');
		this.find('div').addClass('menuContent');
		$("<span/>").addClass("icon icon-tr-r").prependTo(this.find('h3'));		
		
		$(this).each(function() {
			var $this = this;
			var $thisId = this.id;
/*			$("#"+$thisId+" .menuHeader").attr("id", function(arr){
				return $thisId+"-el"+arr;
			})*/
			$("#"+$thisId+" .menuHeader").next(".menuContent").hide();
			$("#"+$thisId+" #e"+option.defautContent).next(".menuContent").slideDown(option.speed);
			$("#"+$thisId+" #e"+option.defautContent).addClass("active");
			$("#"+$thisId+" #e"+option.defautContent).next(".menuContent").addClass("active");
			$("#"+$thisId+" .menuHeader").click(function(){

				if ($(this).next(".menuContent").is(':visible')) {
					var h = $(this);
					$(this).next(".menuContent").slideUp(option.speed, function(){
						h.removeClass("active");
						h.find(".icon").toggleClass('icon-tr-r').toggleClass('icon-tr-b');
					});		
				}
				else {
					
					var as = $(".menuHeader.active").find('.icon');
					$("#"+$thisId+" .menuContent.active").slideUp(option.speed, function(){
						$(this).removeClass('active');
						$(this).prev().removeClass('active');							
						as.removeClass('icon-tr-b').addClass('icon-tr-r');
					}); 

					$(this).find('.icon').removeClass('icon-tr-r').addClass('icon-tr-b');
					$(this).addClass("active");						
					$(this).next(".menuContent").slideDown(option.speed, function(){
						$(this).addClass("active");																						
					});	
				}			
														 
			});
		});
	}
})(jQuery);