// Sortable | Desktop - this is: main desktop - accepted: sections
function sortableDesk(el){
	el.sortable({ 
		items					: '.mfn-row',

		forcePlaceholderSize	: true, 
		placeholder				: 'mfn-placeholder',

		opacity					: 0.9,
		cursor					: 'move',
		distance				: 5
		
	});
}

// Sortable | Section - this is: section - accepted: wrap, divider
function sortableSection(el){
	el.sortable({ 
		connectWith				: '.mfn-sortable-row',

		items					: '.mfn-wrap',
		
		forcePlaceholderSize	: true, 
		placeholder				: 'mfn-placeholder',
		
		opacity					: 0.9,
		cursor					: 'move',
		cursorAt				: {top: 20, left: 20},
		distance				: 5,

		receive					: sortableSectionReceive	// on drop into, NOT on update position after drag
	});
}

function sortableSectionReceive(event, ui){
	var targetSectionID = jQuery(this).siblings('.mfn-row-id').val(); 
	ui.item.find('.mfn-wrap-parent').val(targetSectionID);
}

// Sortable | Wrap - this is: wrap - accepted: item
function sortableWrap(el){
	el.sortable({ 
		connectWith				: '.mfn-sortable-wrap',

		items					: '.mfn-item',
		cancel					: '.mfn-popup',
		
		forcePlaceholderSize	: true, 
		placeholder				: 'mfn-placeholder',

		forceHelperSize			: false,
		helper					: function(event, ui){
			
									var title = ui.attr('data-title');
									
									var helper = jQuery('<div class="mfn-helper">'+ title +'</div>').prependTo('body');
									return helper;
                				},
		
		opacity					: 0.9,
		cursor					: 'move',
		cursorAt				: {top: 20, left: 20},
		distance				: 5,

		over					: function(event, ui){
			
									var size = ui.item.attr('data-size');
									var parentW = ui.placeholder.parent().width();

									// FIX | item margin 0.5%
									var margins = Math.round( 1 / size );
									margins = margins * 0.01;
									parentW = parentW - parentW * margins;
									
									var placeholderW = parentW * size;
									placeholderW = Math.round( placeholderW ) - 2;
									
									ui.placeholder.width( placeholderW );
                				},

		receive					: sortableWrapReceive	// on drop into, NOT on update position after drag
	});
}

function sortableWrapReceive(event, ui){
	var targetWrapID = jQuery(this).siblings('.mfn-wrap-id').val(); 
	ui.item.find('.mfn-item-parent').val(targetWrapID);
}



/* ---------------------------------------------------------------------------
 * Muffin Builder 3.0
 * --------------------------------------------------------------------------- */

function mfnBuilder(){
		
	var desktop = jQuery('#mfn-desk');
	if( ! desktop.length ) return false;	// Exit if Builder HTML does not exist
	
	var sectionID 	= jQuery('#mfn-row-id');
	var wrapID 		= jQuery('#mfn-wrap-id');


	// Sizes ----------------------------------------
	var items = {
		'wrap'				: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
			
		'accordion'			: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'article_box'		: [ '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'blockquote'		: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'blog'				: [ '1/1' ],
		'blog_news'			: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'blog_slider'		: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'call_to_action'	: [ '1/1' ],
		'chart'				: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'clients'			: [ '1/1' ],
		'clients_slider'	: [ '1/1' ],
		'code'				: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'column'			: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'contact_box'		: [ '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'content'			: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'countdown'			: [ '1/1' ],
		'counter'			: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],	
		'divider'			: [ '1/1' ],
		'fancy_divider'		: [ '1/1' ],
		'fancy_heading'		: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'feature_list'		: [ '1/1' ],
		'faq'				: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'flat_box'			: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'hover_box'			: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'hover_color'		: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'how_it_works'		: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'icon_box'			: [ '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'image'				: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'info_box'			: [ '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'list'				: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'map'				: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'offer'				: [ '1/1' ],
		'offer_thumb'		: [ '1/1' ],
		'opening_hours'		: [ '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'our_team'			: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'our_team_list'		: [ '1/1' ],
		'photo_box'			: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'placeholder'		: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'portfolio'			: [ '1/1' ],
		'portfolio_grid'	: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'portfolio_photo'	: [ '1/1' ],
		'portfolio_slider'	: [ '1/1' ],
		'pricing_item'		: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'progress_bars'		: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'promo_box'			: [ '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'quick_fact'		: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'shop_slider'		: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'sidebar_widget'	: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'slider'			: [ '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'slider_plugin'		: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'sliding_box'		: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'story_box'			: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'tabs'				: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'testimonials'		: [ '1/1' ],
		'testimonials_list'	: [ '1/1' ],
		'trailer_box'		: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'timeline'			: [ '1/1' ],
		'video'				: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'visual'			: [ '1/6', '1/5', '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ],
		'zoom_box'			: [ '1/4', '1/3', '2/5', '1/2', '3/5', '2/3', '3/4', '4/5', '5/6', '1/1' ]
	};

	var sizes = {
		'1/6' : 0.1666,
		'1/5' : 0.2,
		'1/4' : 0.25,
		'1/3' : 0.3333,
		'2/5' : 0.4,
		'1/2' : 0.5,
		'3/5' : 0.6,
		'2/3' : 0.6667,
		'3/4' : 0.75,
		'4/5' : 0.8,
		'5/6' : 0.8333,
		'1/1' : 1
	};
	
	
	// Textarea Shortcodes ------------------------------
	var shortcodes = {
		'alert' 			: '[alert style="warning"]Insert your content here[/alert]',
		'blockquote' 		: '[blockquote author="" link="" target="_blank"]Insert your content here[/blockquote]',
		'button' 			: '[button title="" icon="" icon_position="" link="" target="_blank" color="" font_color="" large="0" class="" download="" onclick=""]',
		'code' 				: '[code]Insert your content here[/code]',
		'content_link'		: '[content_link title="" icon="icon-lamp" link="" target="_blank" class="" download=""]',
		'dropcap'			: '[dropcap background="" color="" circle="0" size="1"]I[/dropcap]nsert your content here',
		'fancy_link'		: '[fancy_link title="" link="" target="" style="1" class="" download=""]',
		'google_font'		: '[google_font font="Open Sans" size="25" weight="400" italic="0" color="#626262" subset=""]Insert your content here[/google_font]',
		'highlight'			: '[highlight background="" color=""]Insert your content here[/highlight]',
		'hr'				: '[hr height="30" style="default" line="default" themecolor="1"]',
		'icon'				: '[icon type="icon-lamp"]',
		'icon_bar'			: '[icon_bar icon="icon-lamp" link="" target="_blank" size="" social=""]',
		'icon_block'		: '[icon_block icon="icon-lamp" align="" color="" size="25"]',
		'idea'				: '[idea]Insert your content here[/idea]',
		'image'				: '[image src="" align="" caption="" link="" link_image="" target="" alt="" border="0" greyscale="0" animate=""]',
		'popup'				: '[popup title="Title" padding="0" button="0"]Insert your popup content here[/popup]',
		'progress_icons'	: '[progress_icons icon="icon-heart-line" count="5" active="3" background=""]',
		'share_box'			: '[share_box]',
		'table'				: '<table><thead><tr><th>Column 1 heading</th><th>Column 2 heading</th><th>Column 3 heading</th></tr></thead><tbody><tr><td>Row 1 col 1 content</td><td>Row 1 col 2 content</td><td>Row 1 col 3 content</td></tr><tr><td>Row 2 col 1 content</td><td>Row 2 col 2 content</td><td>Row 2 col 3 content</td></tr></tbody></table>',
		'tooltip'			: '[tooltip hint="Insert your hint here"]Insert your content here[/tooltip]',
		'tooltip_image'		: '[tooltip_image hint="Insert your hint here" image=""]Insert your content here[/tooltip_image]',
	};


	// Sortable Init ---------------------------------
	sortableDesk( desktop );
	sortableSection( desktop.find('.mfn-sortable-row') );
	sortableWrap( desktop.find('.mfn-sortable-wrap') );

	

	// Section ===================================================
	

	// Section | Add -----------------------------------------------
	jQuery('.mfn-row-add-btn').click(function(){

		// clone; sortable init
		var clone = jQuery('#mfn-rows .mfn-row').clone(true);
		sortableSection(clone.find('.mfn-sortable-row'));
		
		clone.hide();

		// type, size, parent
		clone.find('.mfn-element-content input').each(function(){
			jQuery(this).attr( 'name', jQuery(this).attr('class') + '[]' );
		});		// TODO: (future) change it to use data-name

		// data-name -> name
		clone.find('.mfn-element-meta').find('input, select, textarea').each(function() {
			jQuery(this).attr( 'name', jQuery(this).attr('data-name') );
		});

		// section ID
		clone.find('.mfn-row-id').val( sectionID.val() );
		sectionID.val( sectionID.val()*1 + 1 );
		
		desktop.append(clone).find(".mfn-row").fadeIn(300);
	});


	// Section | Clone ---------------------------------------------
	jQuery('.mfn-row .mfn-row-clone').click(function(){
		var element = jQuery(this).closest('.mfn-row');

		// sortable destroy, clone
		element.find('.mfn-sortable').sortable('destroy');
		var clone = element.clone(true);	

		// sortable int
		sortableSection( element.find('.mfn-sortable-row') );
		sortableSection( clone.find('.mfn-sortable-row') );
		sortableWrap( element.find('.mfn-sortable-wrap') );
		sortableWrap( clone.find('.mfn-sortable-wrap') );

		// section ID
		clone.find('.mfn-row-id, .mfn-wrap-parent').val(sectionID.val());
		sectionID.val( sectionID.val()*1 + 1 );

		// new wrap ID; parent wrap ID
		clone.find('.mfn-wrap').each(function() {		
			jQuery(this).find( '.mfn-wrap-id, .mfn-item-parent' ).val( wrapID.val() );
			wrapID.val( wrapID.val()*1 + 1 );
		});

		element.after(clone);
	});
	
	
	// Section | Show/Hide --------------------------------------------
	jQuery('.mfn-element-hide').click(function(){
		var item = jQuery(this).closest('.mfn-element');
		
		if( item.hasClass('hide') ){
			
			// Show
			jQuery(this).removeClass('dashicons-hidden').addClass('dashicons-visibility');
			item.removeClass('hide').css('opacity',1);
			
			item.find('tr.hidden input[name="mfn-rows[hide][]"]').val(0);
			
		} else {
			
			// Hide
			jQuery(this).removeClass('dashicons-visibility').addClass('dashicons-hidden');
			item.addClass('hide');
			
			item.find('tr.hidden input[name="mfn-rows[hide][]"]').val(1);

		}
		
	});



	// Wrap =======================================================
	

	// Wrap | Add ---------------------------------------------------
	jQuery('.mfn-add-wrap').click(function(){

		// parent
		var parentDesktop 	= jQuery(this).closest('.mfn-row').find('.mfn-sortable-row').first();
		var targetParentID 	= jQuery(this).closest('.mfn-row').find('.mfn-row-id').val(); 

		// clone; sortable init
		var clone = jQuery('#mfn-wraps .mfn-wrap').clone(true);
		sortableWrap(clone.find('.mfn-sortable-wrap'));
		
		clone.hide();

		// type, size, parent
		clone.find('.mfn-element-content > input').each(function() {
			jQuery(this).attr('name',jQuery(this).attr('class')+'[]');
		});
		
		// data-name -> name
		clone.find('.mfn-element-meta').find('input, select, textarea').each(function() {
			jQuery(this).attr( 'name', jQuery(this).attr('data-name') );
		});

		// wrap ID; parent section ID
		clone.find('.mfn-wrap-id').val( wrapID.val() );
		wrapID.val( wrapID.val()*1 + 1 );
		clone.find('.mfn-wrap-parent').val( targetParentID );
	
		parentDesktop.append(clone).find('.mfn-wrap').fadeIn(300);
	});


	// Wrap | Clone ---------------------------------------------
	jQuery('.mfn-wrap .mfn-wrap-clone').click(function(){
		var element = jQuery(this).closest('.mfn-wrap');

		// sortable destroy, clone
		element.find('.mfn-sortable').sortable('destroy');
		var clone = element.clone(true);	

		// sortable int
		sortableWrap( element.find('.mfn-sortable-wrap') );
		sortableWrap( clone.find('.mfn-sortable-wrap') );

		// wrap ID; parent wrap ID
		clone.find('.mfn-wrap-id, .mfn-item-parent').val(wrapID.val());
		wrapID.val( wrapID.val()*1 + 1 );
		
		element.after(clone);
	});
	
	
	// Wrap Divider | Add ---------------------------------------------------
	jQuery('.mfn-add-divider').click(function(){

		// parent
		var parentDesktop 	= jQuery(this).closest('.mfn-row').find('.mfn-sortable-row').first();
		var targetParentID 	= jQuery(this).closest('.mfn-row').find('.mfn-row-id').val(); 

		// clone
		var clone = jQuery('#mfn-wraps .mfn-wrap').clone(true);
		
		clone
			.hide()
			.find('.mfn-element-content > input').each(function() {
				jQuery(this).attr('name',jQuery(this).attr('class')+'[]');
			});
		
		clone
			.addClass('divider')
			.find('.mfn-wrap-size').val('divider');

		// wrap ID; parent section ID
		clone.find('.mfn-wrap-id').val( wrapID.val() );
		wrapID.val( wrapID.val()*1 + 1 );
		clone.find('.mfn-wrap-parent').val( targetParentID );
	
		parentDesktop.append(clone).find('.mfn-wrap').fadeIn(300);
	});


	
	// Item =======================================================
	
	
	var clicked = false;
	

	// Popup | Open -----------------------------------------
	jQuery('.mfn-add-item').click(function(){	
		
		// disable background content scrolling & dragging
		jQuery('body').addClass('modal-open');
		jQuery('#mfn-content').find('.ui-sortable').sortable('disable');
		
		jQuery('#mfn-item-add').fadeIn(300);	
		clicked = jQuery(this).closest('.mfn-wrap');
		
		// tabs | active first
		jQuery('#mfn-item-add').find('.mfn-popup-tabs li:first').click();
		
	});
	
	
	// Popup | Close -----------------------------------------
	jQuery('#mfn-item-add .mfn-ph-close').click(function(){
		
		// enable background content scrolling & dragging
		jQuery('body').removeClass('modal-open');
		jQuery('#mfn-content').find('.ui-sortable').sortable('enable');
		
		jQuery('#mfn-item-add').fadeOut(300);
		clicked = false;
		
	});
	
	
	// Item | Filters ----------------------------------------
	jQuery('#mfn-item-add .mfn-popup-tabs li').click(function(){
	
		var filter 	= jQuery(this).attr('data-filter');
		var items 	= jQuery(this).closest('.mfn-popup-content').find('.mfn-popup-items');
		
		// search | clear
		jQuery('#mfn-item-add .mfn-search-item').val('');
		
		jQuery(this).addClass('active')
			.siblings().removeClass('active');
		
		if( filter == '*' ){
			items.find('li').show();
		} else {
			items.find('li.category-'+filter).show();
			items.find('li').not('.category-'+filter).hide();
		}
	
	});
	
	
	// Item | Search ----------------------------------------
	jQuery('#mfn-item-add .mfn-search-item').on('keyup',function(){
		
		var filter 	= jQuery(this).val().toLowerCase();
		var items 	= jQuery(this).closest('.mfn-popup-content').find('.mfn-popup-items');
		
		if( filter.length ){

			items.find( 'li[data-type*='+ filter +']' ).show();
			items.find('li').not( '[data-type*='+ filter +']' ).hide();

			// tabs | remove active
			jQuery('#mfn-item-add .mfn-popup-tabs li').removeClass('active');
			
		} else {
			
			items.find('li').show();
			
			// tabs | active first
			jQuery('#mfn-item-add .mfn-popup-tabs li:first').addClass('active');
			
		}
		
	});
		

	// Item | Add --------------------------------------------
	jQuery('#mfn-item-add .mfn-popup-items li a').click(function(){
		
		jQuery('#mfn-item-add').fadeOut(300);
		
		// enable background content scrolling & dragging
		jQuery('body').removeClass('modal-open');
		jQuery('#mfn-content').find('.ui-sortable').sortable('enable');
		
		// parent
		var parentDesktop 	= clicked.find('.mfn-sortable-wrap').first();
		var targetParentID 	= clicked.find('.mfn-wrap-id').val(); 
		
		// find item; clone
		var item  = jQuery(this).attr('data-type');
		var clone = jQuery('#mfn-items').find('div.mfn-item-'+ item ).clone(true);
		
		clone.hide();

		// type, size, parent
		clone.find('.mfn-element-content input').each(function(){
			jQuery(this).attr( 'name', jQuery(this).attr('class') + '[]' );
		});		// TODO: (future) change it to use data-name

		// data-name -> name
		clone.find('.mfn-element-meta').find('input, select, textarea').each(function() {
			jQuery(this).attr( 'name', jQuery(this).attr('data-name') );
		});

		// parent wrap ID
		clone.find('.mfn-item-parent').val( targetParentID );
		
		
		// small wrap fix | if wrap is smaller tahn 1/2 add 1/1 item
		var wrapSize = clicked.closest('.mfn-wrap').attr('data-size');	
		if( wrapSize < 0.5 ){
			clone.attr('data-size',1);
			clone.find('input.mfn-item-size').val('1/1');
			clone.find('.mfn-item-size span').text('1/1');
		}
	
	
		parentDesktop.append(clone).find(".mfn-item").fadeIn(300);
	})
	
	
	// Item | Clone ---------------------------------------------
	jQuery('.mfn-item .mfn-item-clone').click(function(){
		var element = jQuery(this).closest('.mfn-element');
		var clone 	= element.clone(true);

		element.after(clone);
	});
	
	
	
	// Element =======================================================


	// Element | Resize ++ -------------------------------------
	jQuery('.mfn-item-size-inc').click(function(){
		var el = jQuery(this).closest('.mfn-element');

		// wrap || item
		if( el.hasClass('mfn-wrap') ){
			var el_type = 'wrap'
		} else {
			var el_type = el.find('.mfn-item-type').first().val();
		}

		var el_sizes = items[el_type];

		for( var i = 0; i < el_sizes.length-1; i++ ){
			if( el.attr('data-size') == sizes[el_sizes[i]] ){	
				el
					.attr( 'data-size', sizes[el_sizes[i+1]] )
					.find( '.mfn-item-size, .mfn-wrap-size' ).first().val( el_sizes[i+1] );
				
				el.find('.mfn-item-desc').first().text( el_sizes[i+1] );	
				break;
			}
		}
	});

	
	// Element | Resize -- -------------------------------------
	jQuery('.mfn-item-size-dec').click(function(){
		var el = jQuery(this).closest('.mfn-element');

		// wrap || item
		if( el.hasClass('mfn-wrap') ){
			var el_type = 'wrap'
		} else {
			var el_type = el.find('.mfn-item-type').first().val();
		}

		var el_sizes = items[el_type];

		for( var i = 1; i < el_sizes.length; i++ ){
			if( el.attr('data-size') == sizes[el_sizes[i]] ){	
				el
					.attr( 'data-size', sizes[el_sizes[i-1]] )
					.find( '.mfn-item-size, .mfn-wrap-size' ).first().val( el_sizes[i-1] );
				
				el.find('.mfn-item-desc').first().text( el_sizes[i-1] );	
				break;
			}
		}
	});
	
	
	// Element | Delete --------------------------------------------
	jQuery('.mfn-element-delete').click(function(){
		var item = jQuery(this).closest('.mfn-element');
		
		if( confirm( "You are about to delete this element.\nIt can not be restored at a later time! Continue?" ) ){
			item.fadeOut(300,function(){jQuery(this).remove();});
	    } else {
	    	return false;
	    }
	});
	

	// Element | Edit --------------------------------------------
	jQuery('.mfn-element-edit').click(function(){
		
		var el = jQuery(this).closest('.mfn-element');
		var meta = el.children('.mfn-element-meta');

		
		// disable background content scrolling & dragging
		jQuery('body').addClass('modal-open');
		jQuery('#mfn-content').find('.ui-sortable').sortable('disable');
		jQuery(this).closest('.mfn-row').addClass('editing');
		
		
		meta.wrap('<div class="mfn-popup mfn-popup-item-edit"><div class="mfn-popup-inside"><div class="mfn-popup-content"></div></div></div>');
		meta.show();
		
		var popup = meta.closest('.mfn-popup');
		var title = el.attr('data-title');
		
		popup.find('.mfn-popup-inside').prepend('<div class="mfn-popup-header"><div class="mfn-ph-left"><span class="mfn-ph-btn mfn-ph-desc">'+ title +'</span></div><div class="mfn-ph-right"><a class="mfn-ph-btn mfn-ph-close dashicons dashicons-no" href="#"></a></div></div>');	
		
		popup.find('.mfn-popup-content').append( '<a class="mfn-popup-close mfn-ph-close" href="#">Save changes</a>');

		
		// Tiny MCE Editor ---------------------------------------
		
		if( jQuery( '.mfn-item-type', el ).val() == 'visual' ){
		
			jQuery('.mfn-popup textarea.editor').attr( 'id', 'mfn-editor' );            
	
			try {
				jQuery('.wp-switch-editor.switch-html').click();
				jQuery('.wp-switch-editor.switch-tmce').click();
				tinymce.execCommand('mceAddEditor', true, 'mfn-editor');
			} catch (err) {
//				console.log(err);
			}
			
			jQuery('.mfn-popup .mce-tinymce .mce-i-wp_more, .mfn-popup .mce-tinymce .mce-i-dfw, .mfn-popup .mce-tinymce .mce_woocommerce_shortcodes_button, .mfn-popup .mce-tinymce .mce_revslider')
				.closest('.mce-btn').remove();
			
			jQuery('.mfn-popup textarea.editor').closest('td').prepend('<a href="#" class="mfn-switch-editor">Visual / HTML<span>may remove some tags</span></a>');
			
		}
		
		// end: Tiny MCE Editor

		
		popup.fadeIn(300);
		
	});
	
	
	// Element | Close -----------------------------------------
	jQuery('body').on('click', '.mfn-popup-item-edit .mfn-ph-close', function(e){
		e.preventDefault();

		
		// Tiny MCE Editor ---------------------------------------
		
		try {
			if( tinymce.get('mfn-editor') ){
				var tinyHTML = tinymce.get('mfn-editor').getContent();		// Fix | HTML Tags 1/2
				tinymce.execCommand('mceRemoveEditor', false, 'mfn-editor');
				jQuery('#mfn-editor').val( tinyHTML );						// Fix | HTML Tags 2/2
			} else {
				jQuery('#mfn-editor').html( jQuery('#mfn-editor').val() );
			}
	    } catch (err) {
//		    console.log(err);
	    }
	    
	    jQuery('.mfn-switch-editor').remove();
	    jQuery('#mfn-editor').removeAttr('id');
	    
	    // _____
	    
	    
	    // Tabs | destroy sortable
		jQuery('.tabs-ul.ui-sortable').sortable('destroy');

	    
		// Background Scrolling & Dragging | enable
		jQuery('body').removeClass('modal-open');
		jQuery('#mfn-content').find('.ui-sortable').sortable('enable');
		jQuery(this).closest('.mfn-row').removeClass('editing');
		

		var popup = jQuery(this).closest('.mfn-popup');
		popup.fadeOut(300);
		
		if( jQuery( popup.hasClass('mfn-popup-item-edit') ) ){
			
			// Label | update
			var label = popup.find('input.mfn-item-title').first().val();
			popup.closest('.mfn-element').find('.mfn-item-label').first().html( label );
			
			
			setTimeout(function(){
				
				var meta = popup.find('.mfn-element-meta');
				
				popup.find('.mfn-popup-header').remove();
				popup.find('.mfn-popup-close').remove();
				
				meta.unwrap().unwrap().unwrap();
				
				meta.hide();
				
			}, 300);
			
		}
		
	});


	// Popup | Click Outside Popup ----------------------------------
	jQuery('body').on('click', '.mfn-popup', function(e){
		var target = jQuery( e.target );

		if( target.hasClass('mfn-popup') ){
			jQuery(this).find('.mfn-ph-close').click();
		}
	});

	
	// Popup | Visual Editor - Switch Editor  -----------------------
	jQuery('body').on('click', '.mfn-switch-editor', function(e) {
		e.preventDefault();
		if( tinymce.get('mfn-editor') ) {
			var tinyHTML = tinymce.get('mfn-editor').getContent();		// Fix | HTML Tags 1/2
			tinymce.execCommand('mceRemoveEditor', false, 'mfn-editor');
			jQuery('#mfn-editor').val( tinyHTML );						// Fix | HTML Tags 2/2
		} else {
        	tinymce.execCommand('mceAddEditor', false, 'mfn-editor');
        }
	});
	

	
	// Extras =======================================================
	
	
	// Go to top ----------------------------------------------------
	
	jQuery('#mfn-go-to-top').click(function(){
		jQuery('html, body').animate({ 
			scrollTop: 0
		}, 500);
	});

	
	// Post Formats -------------------------------------------------
	
	jQuery("#post-formats-select label.post-format-standard").text('Standard, Horizontal Image');
	jQuery("#post-formats-select label.post-format-image").text('Vertical Image');
	

	// Migrate ------------------------------------------------------
	
	// show/hide
	jQuery('#mfn-migrate .btn-exp').click(function(){
		alert('Please remember to Publish/Update your post before Export.');
		jQuery('.migrate-wrapper ').hide();
		jQuery('.export-wrapper').show();
		
	});

	jQuery('#mfn-migrate .btn-imp').click(function(){
		jQuery('.migrate-wrapper ').hide();
		jQuery('.import-wrapper').show();
	});
	
	jQuery('#mfn-migrate .btn-tem').click(function(){
		jQuery('.migrate-wrapper ').hide();
		jQuery('.templates-wrapper').show();
	});
	
	// copy to clipboard
	jQuery('#mfn-items-export').click(function(){
		jQuery(this).select();
	});
	
	// import
	jQuery('#mfn-migrate .btn-import').click(function(){
		var el = jQuery(this).siblings('#mfn-items-import');
		el.attr('name',el.attr('id'));
		jQuery('#publish').click();
	});
	
	// template
	jQuery('#mfn-migrate .btn-template').click(function(){
		var el = jQuery(this).siblings('#mfn-items-import-template');
		el.attr('name',el.attr('id'));
		jQuery('#publish').click();
	});
	
	
	// SEO ----------------------------------------------------------
	
	jQuery('#wp-content-wrap .wp-editor-tabs').prepend('<a class="wp-switch-editor switch-seo" id="content-seo">Builder &raquo; SEO</a>');

	jQuery('#content-seo').click(function(){
		
		if( confirm( "This option is useful for plugins like Yoast SEO to analize post content when you use Muffin Builder.\nIt will collect content from Muffin Builder Elements and copy it into the WordPress Editor.\n\nCurrent Editor Content will be replaced.\nYou can hide the content if you turn \"Hide the content\" option ON.\n\nPlease remember to Publish/Update your post before & after use of this option.\nContinue?" ) ){
			
			var items_decoded = jQuery('#mfn-items-seo-data').val();
			jQuery('#content-html').click();
			jQuery('#content').val( items_decoded ).text( items_decoded );
			
	    } else {
	    	return false;
	    }

	});
	
	
	
	// Textarea | Shortcodes ========================================	
	
	
	// Helper | Wrap Selected Text OR Insert Into Carret ------------
	function wrapText(textArea, openTag, closeTag){
		var len 	= textArea.val().length;
		var start	= textArea[0].selectionStart;
		var end 	= textArea[0].selectionEnd;
		var selectedText 	= textArea.val().substring(start, end);
		var replacement 	= openTag + selectedText + closeTag;
		textArea.val(textArea.val().substring(0, start) + replacement + textArea.val().substring(end, len));
	}
	
	
	// Add Shortcode | Menu -----------------------------------------
	jQuery('.mfn-sc-add-btn').click(function(){
		var parent = jQuery(this).parent();
		
		if( parent.hasClass('focus') ){
			parent.removeClass('focus');
		} else {
			jQuery('.mfn-sc-add').removeClass('focus');
			parent.addClass('focus');
		}
	});
	
	
	// Insert Shortcode ------------------------------------------------
	jQuery('.mfn-sc-add-list a').click(function(){
		jQuery(this).closest('.mfn-sc-add').removeClass('focus');
		
		var sc = jQuery(this).attr('data-rel');
		if( sc ){
			var shortcode = shortcodes[sc];
			var textarea = jQuery(this).closest('td').find('textarea');
			wrapText( textarea, shortcode, '' );
		}
	});

	
	// Insert HTML Tag ------------------------------------------------
	jQuery('.mfn-sc-tools a').click(function(){
		
		var open 	= jQuery(this).attr('data-open');
		var close 	= jQuery(this).attr('data-close');
		
		var open 	= open.replace( /X/g, '"' );
		
		if( close ){
			open 	= '<'+ open + '>';
			close 	= '</'+ close + '>';
		} else {
			open	= '<'+ open + ' />';
			close 	= '';
		}

		var textarea = jQuery(this).closest('td').find('textarea');
			
		wrapText( textarea, open, close );

	});

}


/* ---------------------------------------------------------------------------
 * Clone fix (textarea, select)
 * --------------------------------------------------------------------------- */

(function (original) {
	jQuery.fn.clone = function () {
	    var result = original.apply (this, arguments),
		my_textareas = this.find('textarea:not(.editor), select'),
		result_textareas = result.find('textarea:not(.editor), select');
		
		for (var i = 0, l = my_textareas.length; i < l; ++i){
			jQuery(result_textareas[i]).val( jQuery(my_textareas[i]).val() );
		}
		
		return result;
	};
}) (jQuery.fn.clone);



/* ---------------------------------------------------------------------------
 * jQuery(document).ready
 * --------------------------------------------------------------------------- */

jQuery(document).ready(function(){
	mfnBuilder();
});



/* ---------------------------------------------------------------------------
 * jQuery(document).mouseup
 * --------------------------------------------------------------------------- */

jQuery(document).mouseup(function(e)
{
	if (jQuery(".mfn-sc-add").has(e.target).length === 0){
		jQuery(".mfn-sc-add").removeClass('focus');
	}
});
