jQuery(document).ready(function ($) {
	$('#customize-control-aemon_theme_aboutus_textarea').on('click', function(){
		console.log('click is working');
	});
	$(document).on('focusout', '.wpba-count', function(){
		console.log($(this).val());
		$(this).nextAll().remove();
		el= $(this);
		var number = $(this).val();
		for (var i = number; i > 0; i--) {

			$('<li id="accordion-section-aemon_theme_team_section_'+i+'" class="accordion-section control-section control-section-default control-subsection myaccordion"> <h3 class="accordion-section-title" tabindex="0"> Team Member '+i+' <span class="screen-reader-text">Press return or enter to open this section</span> </h3> <ul class="accordion-section-content" style="height: 429px;"> <li class="customize-section-description-container"> <div class="customize-section-title"> <button class="customize-section-back" tabindex="-1"> <span class="screen-reader-text">Back</span> </button> <h3> <span class="customize-action"> Customizing ▸ Team Options </span> Team Member '+i+' </h3> </div> </li> <li id="customize-control-aemon_theme_member_name_'+i+'" class="customize-control customize-control-text" style="display: list-item;"> <label> <span class="customize-control-title">Name of the Member</span> <input type="text" value="Effective networking" data-customize-setting-link="aemon_theme_member_name_'+i+'"> </label> </li></ul> </li>').insertAfter(el);
		}
		// $('<li id="accordion-section-aemon_theme_team_section_1" class="accordion-section control-section control-section-default control-subsection"> <h3 class="accordion-section-title" tabindex="0"> Team Member 1 <span class="screen-reader-text">Press return or enter to open this section</span> </h3> <ul class="accordion-section-content" style="height: 429px;"> <li class="customize-section-description-container"> <div class="customize-section-title"> <button class="customize-section-back" tabindex="-1"> <span class="screen-reader-text">Back</span> </button> <h3> <span class="customize-action"> Customizing ▸ Team Options </span> Team Member 1 </h3> </div> </li> <li id="customize-control-aemon_theme_member_name_1" class="customize-control customize-control-text" style="display: list-item;"> <label> <span class="customize-control-title">Name of the Member</span> <input type="text" value="Effective networking" data-customize-setting-link="aemon_theme_member_name_1"> </label> </li></ul> </li>') });
	});
	$(document).on('click', '.myaccordion .accordion-section-title', function(){
		$(this).parent().addClass('open').siblings().removeClass('open');
		$(this).next('.accordion-section-content').css({'margin-top': '0px', 'height': '429px'});
		$('.wp-full-overlay').addClass('section-open');
	});
	$(document).on('click', '.customize-section-back', function(e){
		e.preventDefault();
		$('.wp-full-overlay').removeClass('section-open');
	});
	$(document).on('keydown', '.customize-control input[type="text"]', function(){
		$("#customize-header-actions input[type='submit']").removeAttr('disabled').val('Save & Publish');
	});

});
(function($){
	$(window).load(function(){
		$('<input type="number" value="6" class="wpba-count"/>').insertBefore('#accordion-section-aemon_theme_team_section_1');
		// console.log($('#accordion-section-aemon_theme_team_section_1').html());
	});
}(jQuery));