jQuery(document).ready(function($) {
	$('#vc_templates-editor-button, #vc-templatera-editor-button, #vc_templates-more-layouts').on('click', function() {
		$('.templates-filter-list .filter').removeClass('active');
		$('.templates-filter-list .filter:first-child').addClass('active');
		var $btns = $('.templates-filter-list .filter').click(function() {
			if (this.id == 'all') {
				$('#KeydesignTemplates > .vc_ui-template').fadeIn(450);
			} else {
				var $el = $('.' + this.id).fadeIn(450);
				$('#KeydesignTemplates > .vc_ui-template').not($el).hide();
			}
			$btns.removeClass('active');
			$(this).addClass('active');
		})

	  $(".templates-filter-list .filter").not('#all').each(function(index, value) {
	  	var cat = $(this).attr('id');
	  	var cat_nr = $('#KeydesignTemplates').find('.'+cat).length;
	  	$(this).find('.block-counter').text(cat_nr);
	  });
	  var cat_all = $('#KeydesignTemplates').find('.vc_templates-template-type-keydesign_templates').length;
	  $('.templates-filter-list #all .block-counter').text(cat_all);
	});

	$('#vc_inline-frame-wrapper iframe').on( 'load', function() {
		var iframe = $('#vc_inline-frame-wrapper iframe').contents();
		iframe.find("#vc_templates-more-layouts").click(function() {
			$('.templates-filter-list .filter').removeClass('active');
			$('.templates-filter-list .filter:first-child').addClass('active');
			var $btns = $('.templates-filter-list .filter').click(function() {
				if (this.id == 'all') {
					$('#KeydesignTemplates > .vc_ui-template').fadeIn(450);
				} else {
					var $el = $('.' + this.id).fadeIn(450);
					$('#KeydesignTemplates > .vc_ui-template').not($el).hide();
				}
				$btns.removeClass('active');
				$(this).addClass('active');
			})
		});
	});

	if ($(".nav-color-field").length) {
    $('.nav-color-field').wpColorPicker();
	}

});