// @koala-append "shortcode_functions.js"
// @koala-append "porto_block.js"
// @koala-append "porto_container.js"
// @koala-append "porto_animation.js"
// @koala-append "porto_testimonial.js"
// @koala-append "porto_content_box.js"
// @koala-append "porto_history.js"
// @koala-append "porto_grid_container.js"
// @koala-append "porto_grid_item.js"
// @koala-append "porto_links_block.js"
// @koala-append "porto_links_item.js"
// @koala-append "porto_recent_posts.js"
// @koala-append "porto_recent_portfolios.js"
// @koala-append "porto_recent_members.js"
// @koala-append "porto_blog.js"
// @koala-append "porto_portfolios.js"
// @koala-append "porto_faqs.js"
// @koala-append "porto_members.js"
// @koala-append "porto_concept.js"
// @koala-append "porto_map_section.js"
// @koala-append "porto_blockquote.js"
// @koala-append "porto_tooltip.js"
// @koala-append "porto_popover.js"
// @koala-append "woocommerce/porto_recent_products.js"
// @koala-append "woocommerce/porto_featured_products.js"
// @koala-append "woocommerce/porto_sale_products.js"
// @koala-append "woocommerce/porto_best_selling_products.js"
// @koala-append "woocommerce/porto_top_rated_products.js"
// @koala-append "woocommerce/porto_products.js"
// @koala-append "woocommerce/porto_product_category.js"
// @koala-append "woocommerce/porto_product_attribute.js"
// @koala-append "woocommerce/porto_product.js"
// @koala-append "woocommerce/porto_product_categories.js"
// @koala-append "woocommerce/porto_widget_woo_products.js"
// @koala-append "woocommerce/porto_widget_woo_top_rated_products.js"
// @koala-append "woocommerce/porto_widget_woo_recently_viewed.js"
// @koala-append "woocommerce/porto_widget_woo_recent_reviews.js"
// @koala-append "woocommerce/porto_widget_woo_product_tags.js"

function porto_shortcode_open(name, id) {
    var width = jQuery(window).width(), H = jQuery(window).height(), W = ( 720 < width ) ? 720 : width;
    W = W - 80;
    H = H - 120;
    tb_show( 'Porto ' + name + ' Shortcode', '#TB_inline?width=' + W + '&height=' + H + '&inlineId='+ id +'-form' );
}

function porto_shortcode_close() {

}

function porto_shortcode_animation_type() {
    var html = '<option value="">none</option>\
    <optgroup label="Attention Seekers">\
        <option value="bounce">bounce</option>\
        <option value="flash">flash</option>\
        <option value="pulse">pulse</option>\
        <option value="rubberBand">rubberBand</option>\
        <option value="shake">shake</option>\
        <option value="swing">swing</option>\
        <option value="tada">tada</option>\
        <option value="wobble">wobble</option>\
    </optgroup>\
    <optgroup label="Bouncing Entrances">\
        <option value="bounceIn">bounceIn</option>\
        <option value="bounceInDown">bounceInDown</option>\
        <option value="bounceInLeft">bounceInLeft</option>\
        <option value="bounceInRight">bounceInRight</option>\
        <option value="bounceInUp">bounceInUp</option>\
    </optgroup>\
    <optgroup label="Fading Entrances">\
        <option value="fadeIn">fadeIn</option>\
        <option value="fadeInDown">fadeInDown</option>\
        <option value="fadeInDownBig">fadeInDownBig</option>\
        <option value="fadeInLeft">fadeInLeft</option>\
        <option value="fadeInLeftBig">fadeInLeftBig</option>\
        <option value="fadeInRight">fadeInRight</option>\
        <option value="fadeInRightBig">fadeInRightBig</option>\
        <option value="fadeInUp">fadeInUp</option>\
        <option value="fadeInUpBig">fadeInUpBig</option>\
    </optgroup>\
    <optgroup label="Flippers">\
        <option value="flip">flip</option>\
        <option value="flipInX">flipInX</option>\
        <option value="flipInY">flipInY</option>\
    </optgroup>\
    <optgroup label="Lightspeed">\
        <option value="lightSpeedIn">lightSpeedIn</option>\
    </optgroup>\
    <optgroup label="Rotating Entrances">\
        <option value="rotateIn">rotateIn</option>\
        <option value="rotateInDownLeft">rotateInDownLeft</option>\
        <option value="rotateInDownRight">rotateInDownRight</option>\
        <option value="rotateInUpLeft">rotateInUpLeft</option>\
        <option value="rotateInUpRight">rotateInUpRight</option>\
    </optgroup>\
    <optgroup label="Sliders">\
        <option value="slideInDown">slideInDown</option>\
        <option value="slideInLeft">slideInLeft</option>\
        <option value="slideInRight">slideInRight</option>\
    </optgroup>\
    <optgroup label="Specials">\
        <option value="hinge">hinge</option>\
        <option value="rollIn">rollIn</option>\
    </optgroup>';

    return html;
}

function porto_shortcode_testimonial_view_type() {
    var html = '<option value="default">Default</option>\
        <option value="simple">Simple</option>\
        <option value="transparent">Transparent</option>';

    return html;
}

function porto_shortcode_testimonial_color_skin() {
    var html = '<option value="">Normal</option>\
        <option value="white">White</option>';

    return html;
}

function porto_shortcode_align() {
    var html = '<option value="">None</option>\
        <option value="left">Left</option>\
        <option value="right">Right</option>\
        <option value="center">Center</option>\
        <option value="justify">Justify</option>';

    return html;
}

function porto_shortcode_boolean_true() {
    var html = '<option value="true" selected="selected">True</option>\
        <option value="">False</option>';

    return html;
}

function porto_shortcode_boolean_false() {
    var html = '<option value="true">True</option>\
        <option value="" selected="selected">False</option>';

    return html;
}

function porto_shortcode_blog_layout() {
    var html = '<option value="full">Full</option>\
        <option value="large">Large</option>\
        <option value="large-alt">Large Alt</option>\
        <option value="medium">Medium</option>\
        <option value="grid">Grid</option>\
        <option value="timeline" selected="selected">Timeline</option>';

    return html;
}

function porto_shortcode_blog_grid_columns() {
    var html = '<option value="2">2</option>\
        <option value="3" selected="selected">3</option>\
        <option value="4">4</option>';

    return html;
}

function porto_shortcode_portfolio_layout() {
    var html = '<option value="grid">Grid</option>\
        <option value="timeline" selected="selected">Timeline</option>\
        <option value="medium">Medium</option>\
        <option value="large">Large</option>\
        <option value="full">Full</option>';

    return html;
}

function porto_shortcode_portfolio_grid_view() {
    var html = '<option value="">Classic</option>\
        <option value="full">Full</option>';

    return html;
}

function porto_shortcode_portfolio_grid_columns() {
    var html = '<option value="2">2</option>\
        <option value="3">3</option>\
        <option value="4">4</option>\
        <option value="5">5</option>\
        <option value="6">6</option>';

    return html;
}

function porto_shortcode_products_view() {
    var html = '<option value="grid">Grid</option>\
        <option value="list">List</option>\
        <option value="products-slider">Slider</option>';

    return html;
}

function porto_shortcode_products_grid_columns() {
    var html = '<option value="1">1</option>\
        <option value="2">2</option>\
        <option value="3">3</option>\
        <option value="4" selected="selected">4</option>\
        <option value="5">5</option>\
        <option value="6">6</option>\
        <option value="7">7 (without sidebar)</option>\
        <option value="8">8 (without sidebar)</option>';

    return html;
}

function porto_shortcode_products_grid_column_width() {
    var html = '<option value="">Default</option>\
        <option value="1">1/1 of content width</option>\
        <option value="2">1/2 of content width</option>\
        <option value="3">1/3 of content width</option>\
        <option value="4">1/4 of content width</option>\
        <option value="5">1/5 of content width</option>\
        <option value="6">1/6 of content width</option>\
        <option value="7">1/7 of content width</option>\
        <option value="8">1/8 of content width</option>';

    return html;
}

function porto_shortcode_products_orderby() {
    var html = '<option value=""></option>\
        <option value="date">Date</option>\
        <option value="ID">ID</option>\
        <option value="author">Author</option>\
        <option value="title">Title</option>\
        <option value="modified">Modified</option>\
        <option value="rand">Random</option>\
        <option value="comment_count">Comment count</option>\
        <option value="menu_order">Menu order</option>';

    return html;
}

function porto_shortcode_products_order() {
    var html = '<option value=""></option>\
        <option value="DESC">Descending</option>\
        <option value="ASC">Ascending</option>';

    return html;
}

function porto_shortcode_products_addlinks_pos() {
    var html = '<option value="">Default</option>\
        <option value="outimage">Out of Image</option>\
        <option value="onimage">On Image</option>';

    return html;
}

function porto_shortcode_product_view() {
    var html = '<option value="grid">Grid</option>\
        <option value="list">List</option>';

    return html;
}

function porto_shortcode_product_categories_view() {
    var html = '<option value="grid">Grid</option>\
        <option value="products-slider">Slider</option>';

    return html;
}

function porto_shortcode_widget_products_show() {
    var html = '<option value="">All Products</option>\
        <option value="featured">Featured Products</option>\
        <option value="onsale">On-sale Products</option>';

    return html;
}

function porto_shortcode_widget_products_orderby() {
    var html = '<option value="date">Date</option>\
        <option value="price">Price</option>\
        <option value="rand">Random</option>\
        <option value="sales">Sales</option>';

    return html;
}

function porto_shortcode_blockquote_view_type() {
    var html = '<option value="">Default</option>\
        <option value="with-borders">With Borders</option>';

    return html;
}

function porto_shortcode_blockquote_dir() {
    var html = '<option value="">Default</option>\
        <option value="blockquote-reverse">Reverse</option>';

    return html;
}

function porto_shortcode_skin_color() {
    var html = '<option value="custom"></option>\
        <option value="primary">Primary</option>\
        <option value="secondary">Secondary</option>\
        <option value="tertiary">Tertiary</option>\
        <option value="quaternary">Quaternary</option>\
        <option value="dark">Dark</option>\
        <option value="light">Light</option>';

    return html;
}

function porto_shortcode_position() {
    var html = '<option value="top">Top</option>\
        <option value="right">Right</option>\
        <option value="bottom">Bottom</option>\
        <option value="left">Left</option>';

    return html;
}

function porto_shortcode_display_type() {
    var html = '<option value="">Inline</option>\
        <option value="block">Block</option>';

    return html;
}

function porto_shortcode_tooltip_type() {
    var html = '<option value="">Link</option>\
        <option value="btn-link">Button Link</option>\
        <option value="btn">Button</option>';

    return html;
}

function porto_shortcode_popover_type() {
    var html = '<option value="">Link</option>\
        <option value="btn-link">Button Link</option>\
        <option value="btn">Button</option>';

    return html;
}

function porto_shortcode_size() {
    var html = '<option value="">Normal</option>\
        <option value="lg">Large</option>\
        <option value="sm">Small</option>\
        <option value="xs">Extra Small</option>';

    return html;
}

function porto_shortcode_colors() {
    var html = '<option value="custom"></option>\
        <option value="primary">Primary</option>\
        <option value="secondary">Secondary</option>\
        <option value="tertiary">Tertiary</option>\
        <option value="quaternary">Quaternary</option>\
        <option value="dark">Dark</option>\
        <option value="light">Light</option>';

    return html;
}

function porto_shortcode_contextual() {
    var html = '<option value="">None</option>\
        <option value="success">Success</option>\
        <option value="info">Info</option>\
        <option value="warning">Warning</option>\
        <option value="danger">Danger</option>';

    return html;
}


jQuery(function($) {

    var form = jQuery('<div id="porto_block-form"><table id="porto_block-table" class="form-table">\
            <tr>\
				<th colspan="2"><strong>Input Block id or slug name.</strong></th>\
			</tr>\
			<tr>\
				<th><label for="porto_block-id">Block ID *</label></th>\
				<td><input type="text" name="id" id="porto_block-id" value="" />\
				<br/><small>numerical value</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_block-name">Block Slug Name *</label></th>\
				<td><input type="text" name="name" id="porto_block-name" value="" /></td>\
			</tr>\
			<tr>\
				<th><label for="porto_block-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_block-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_block-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_block-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_block-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_block-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_block-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_block-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_block-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_block-submit').click(function(){

        var options = {
            'id'                 : '',
            'name'               : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_block';

        for( var index in options) {
            var value = table.find('#porto_block-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        if (table.find('#porto_block-id').val() == '' && table.find('#porto_block-name').val() == '') {
            alert('Please input block id or slug name');
        } else {
            tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

            tb_remove();
        }
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_container-form"><table id="porto_container-table" class="form-table">\
			<tr>\
				<th><label for="porto_container-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_container-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_container-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_container-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_container-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_container-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_container-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_container-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_container-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_container-submit').click(function(){

        var options = {
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_container';

        for( var index in options) {
            var value = table.find('#porto_container-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']Insert Content[/porto_container]';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_animation-form"><table id="porto_animation-table" class="form-table">\
			<tr>\
				<th><label for="porto_animation-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_animation-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_animation-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_animation-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_animation-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_animation-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_animation-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_animation-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_animation-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_animation-submit').click(function(){

        var options = {
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_animation';

        for( var index in options) {
            var value = table.find('#porto_animation-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']Insert Content[/porto_animation]';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_testimonial-form"><table id="porto_testimonial-table" class="form-table">\
			<tr>\
				<th><label for="porto_testimonial-name">Name</label></th>\
                <td><input type="text" name="name" id="porto_testimonial-name" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_testimonial-role">Role</label></th>\
                <td><input type="text" name="role" id="porto_testimonial-role" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_testimonial-company">Company</label></th>\
                <td><input type="text" name="company" id="porto_testimonial-company" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_testimonial-author_url">Author Link</label></th>\
                <td><input type="text" name="author_url" id="porto_testimonial-author_url" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_testimonial-photo_url">Photo URL</label></th>\
                <td><input type="text" name="photo_url" id="porto_testimonial-photo_url" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_testimonial-view">View Type</label></th>\
                <td><select name="view" id="porto_testimonial-view">\
                ' + porto_shortcode_testimonial_view_type() + '\
                </select></td>\
            </tr>\
            <tr>\
				<th><label for="porto_testimonial-color">Color Skin (If View Type is Transparent)</label></th>\
                <td><select name="color" id="porto_testimonial-color">\
                ' + porto_shortcode_testimonial_color_skin() + '\
                </select></td>\
            </tr>\
            <tr>\
				<th><label for="porto_testimonial-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_testimonial-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_testimonial-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_testimonial-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_testimonial-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_testimonial-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_testimonial-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_testimonial-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_testimonial-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_testimonial-submit').click(function(){

        var options = {
            'name'               : '',
            'role'               : '',
            'company'            : '',
            'author_url'         : '',
            'photo_url'          : '',
            'view'               : '',
            'color'              : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_testimonial';

        for( var index in options) {
            var value = table.find('#porto_testimonial-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']Insert Quote[/porto_testimonial]';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_content_box-form"><table id="porto_content_box-table" class="form-table">\
            <tr>\
				<th><label for="porto_content_box-border_top_color">Border Top Color</label></th>\
				<td><input type="text" name="border_top_color" id="porto_content_box-border_top_color" value="" />\
				<br/><small>default: skin color</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_content_box-border_radius">Border Radius</label></th>\
				<td><input type="text" name="border_radius" id="porto_content_box-border_radius" value="" />\
				<br/><small>numerical value (unit: px)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_content_box-border_top_width">Border Top Width</label></th>\
				<td><input type="text" name="border_top_width" id="porto_content_box-border_top_width" value="" />\
				<br/><small>numerical value (unit: px)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_content_box-bg_top_color">Background Gradient Top Color</label></th>\
				<td><input type="text" name="bg_top_color" id="porto_content_box-bg_top_color" value="" /></td>\
			</tr>\
			<tr>\
				<th><label for="porto_content_box-bg_bottom_color">Background Gradient Bottom Color</label></th>\
				<td><input type="text" name="bg_bottom_color" id="porto_content_box-bg_bottom_color" value="" /></td>\
			</tr>\
			<tr>\
				<th><label for="porto_content_box-align">Align</label></th>\
                <td><select name="align" id="porto_content_box-align">\
                ' + porto_shortcode_align() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_content_box-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_content_box-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_content_box-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_content_box-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_content_box-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_content_box-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_content_box-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_content_box-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_content_box-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_content_box-submit').click(function(){

        var options = {
            'border_top_color'   : '',
            'border_radius'      : '',
            'border_top_width'   : '',
            'bg_top_color'       : '',
            'bg_bottom_color'    : '',
            'align'              : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_content_box';

        for( var index in options) {
            var value = table.find('#porto_content_box-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']Insert Content[/porto_content_box]';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_history-form"><table id="porto_history-table" class="form-table">\
			<tr>\
				<th><label for="porto_history-year">Year</label></th>\
                <td><input type="text" name="year" id="porto_history-year" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_history-image_url">Photo URL</label></th>\
                <td><input type="text" name="image_url" id="porto_history-image_url" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_history-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_history-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_history-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_history-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_history-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_history-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_history-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_history-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_history-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_history-submit').click(function(){

        var options = {
            'year'               : '',
            'image_url'          : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_history';

        for( var index in options) {
            var value = table.find('#porto_history-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']Insert History[/porto_history]';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_grid_container-form"><table id="porto_grid_container-table" class="form-table">\
			<tr>\
				<th><label for="porto_grid_container-gutter_size">Gutter Size</label></th>\
                <td><input type="text" name="gutter_size" id="porto_grid_container-gutter_size" value="2%" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_grid_container-grid_size">Grid Min Size</label></th>\
                <td><input type="text" name="grid_size" id="porto_grid_container-grid_size" value="0" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_grid_container-max_width">Max Width</label></th>\
                <td><input type="text" name="max_width" id="porto_grid_container-max_width" value="767px" />\
                <br/><small>Will be show as grid only when window width > max width.</small></td>\
            </tr>\
			<tr>\
				<th><label for="porto_animation-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_animation-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_grid_container-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_grid_container-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_grid_container-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_grid_container-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_grid_container-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_grid_container-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_grid_container-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_grid_container-submit').click(function(){

        var options = {
            'gutter_size'        : '2%',
            'grid_size'          : '0',
            'max_width'          : '767px',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_grid_container';

        for( var index in options) {
            var value = table.find('#porto_grid_container-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']Insert Porto Grid Item Shortcodes[/porto_grid_container]';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_grid_item-form"><table id="porto_grid_item-table" class="form-table">\
			<tr>\
				<th><label for="porto_grid_item-width">Width</label></th>\
				<td><input type="text" name="width" id="porto_grid_item-width" value="" /></td>\
			</tr>\
            <tr>\
				<th><label for="porto_grid_item-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_grid_item-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_grid_item-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_grid_item-submit').click(function(){

        var options = {
            'width'              : '',
            'el_class'           : ''
        };

        var shortcode = '[porto_grid_item';

        for( var index in options) {
            var value = table.find('#porto_grid_item-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']Insert Content[/porto_grid_item]';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_links_block-form"><table id="porto_links_block-table" class="form-table">\
			<tr>\
				<th><label for="porto_links_block-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_links_block-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_links_block-show_icon">Show FontAwesome Icon</label></th>\
				<td><select name="show_icon" id="porto_links_block-show_icon">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_links_block-icon">Font Awesome Icon or Icon Class</label></th>\
                <td><input type="text" name="icon" id="porto_links_block-icon" value="" />\
                <br/><small>Input font awesome icon or icon class. You can see <a target="_blank" href="http://fortawesome.github.io/Font-Awesome/icons/">Font Awesome Icons in here</a>.</small></td>\
            </tr>\
			<tr>\
				<th><label for="porto_links_block-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_links_block-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_links_block-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_links_block-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_links_block-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_links_block-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_links_block-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_links_block-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_links_block-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_links_block-submit').click(function(){

        var options = {
            'title'              : '',
            'show_icon'          : '',
            'icon'               : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_links_block';

        for( var index in options) {
            var value = table.find('#porto_links_block-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']Insert Porto Links Item Shortcodes[/porto_links_block]';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_links_item-form"><table id="porto_links_item-table" class="form-table">\
			<tr>\
				<th><label for="porto_links_item-label">Label</label></th>\
                <td><input type="text" name="label" id="porto_links_item-label" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_links_item-link">Link</label></th>\
                <td><input type="text" name="link" id="porto_links_item-link" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_links_item-show_icon">Show FontAwesome Icon</label></th>\
				<td><select name="show_icon" id="porto_links_item-show_icon">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_links_item-icon">Font Awesome Icon or Icon Class</label></th>\
                <td><input type="text" name="icon" id="porto_links_item-icon" value="" />\
                <br/><small>Input font awesome icon or icon class. You can see <a target="_blank" href="http://fortawesome.github.io/Font-Awesome/icons/">Font Awesome Icons in here</a>.</small></td>\
            </tr>\
			<tr>\
				<th><label for="porto_links_item-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_links_item-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_links_item-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_links_item-submit').click(function(){

        var options = {
            'label'         : '',
            'link'          : '',
            'show_icon'     : '',
            'icon'          : '',
            'el_class'      : ''
        };

        var shortcode = '[porto_links_item';

        for( var index in options) {
            var value = table.find('#porto_links_item-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_recent_posts-form"><table id="porto_recent_posts-table" class="form-table">\
			<tr>\
				<th><label for="porto_recent_posts-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_recent_posts-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_recent_posts-number">Posts Count</label></th>\
                <td><input type="text" name="number" id="porto_recent_posts-number" value="8" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_posts-cats">Category IDs</label></th>\
                <td><input type="text" name="cats" id="porto_recent_posts-cats" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_posts-show_image">Show Post Image</label></th>\
				<td><select name="show_image" id="porto_recent_posts-show_image">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_recent_posts-items_desktop">Items to show on Desktop</label></th>\
                <td><input type="text" name="items_desktop" id="porto_recent_posts-items_desktop" value="4" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_posts-items_tablets">Items to show on Tablets</label></th>\
                <td><input type="text" name="items_tablets" id="porto_recent_posts-items_tablets" value="3" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_posts-items_mobile">Items to show on Mobile</label></th>\
                <td><input type="text" name="items_mobile" id="porto_recent_posts-items_mobile" value="2" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_posts-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_recent_posts-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_posts-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_recent_posts-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_recent_posts-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_recent_posts-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_recent_posts-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_recent_posts-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_recent_posts-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_recent_posts-submit').click(function(){

        var options = {
            'title'              : '',
            'number'             : '8',
            'cats'               : '',
            'show_image'         : 'true',
            'items_desktop'      : '4',
            'items_tablets'      : '3',
            'items_mobile'       : '2',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_recent_posts';

        for( var index in options) {
            var value = table.find('#porto_recent_posts-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_recent_portfolios-form"><table id="porto_recent_portfolios-table" class="form-table">\
			<tr>\
				<th><label for="porto_recent_portfolios-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_recent_portfolios-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_recent_portfolios-number">Posts Count</label></th>\
                <td><input type="text" name="number" id="porto_recent_portfolios-number" value="8" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_portfolios-cats">Category IDs</label></th>\
                <td><input type="text" name="cats" id="porto_recent_portfolios-cats" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_portfolios-items_desktop">Items to show on Desktop</label></th>\
                <td><input type="text" name="items_desktop" id="porto_recent_portfolios-items_desktop" value="4" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_portfolios-items_tablets">Items to show on Tablets</label></th>\
                <td><input type="text" name="items_tablets" id="porto_recent_portfolios-items_tablets" value="3" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_portfolios-items_mobile">Items to show on Mobile</label></th>\
                <td><input type="text" name="items_mobile" id="porto_recent_portfolios-items_mobile" value="2" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_portfolios-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_recent_portfolios-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_portfolios-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_recent_portfolios-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_recent_portfolios-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_recent_portfolios-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_recent_portfolios-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_recent_portfolios-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_recent_portfolios-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_recent_portfolios-submit').click(function(){

        var options = {
            'title'              : '',
            'number'             : '8',
            'cats'               : '',
            'items_desktop'      : '4',
            'items_tablets'      : '3',
            'items_mobile'       : '2',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_recent_portfolios';

        for( var index in options) {
            var value = table.find('#porto_recent_portfolios-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_recent_members-form"><table id="porto_recent_members-table" class="form-table">\
			<tr>\
				<th><label for="porto_recent_members-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_recent_members-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_recent_members-number">Posts Count</label></th>\
                <td><input type="text" name="number" id="porto_recent_members-number" value="8" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_members-cats">Category IDs</label></th>\
                <td><input type="text" name="cats" id="porto_recent_members-cats" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_members-items_desktop">Items to show on Desktop</label></th>\
                <td><input type="text" name="items_desktop" id="porto_recent_members-items_desktop" value="4" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_members-items_tablets">Items to show on Tablets</label></th>\
                <td><input type="text" name="items_tablets" id="porto_recent_members-items_tablets" value="3" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_members-items_mobile">Items to show on Mobile</label></th>\
                <td><input type="text" name="items_mobile" id="porto_recent_members-items_mobile" value="2" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_members-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_recent_members-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_members-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_recent_members-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_recent_members-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_recent_members-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_recent_members-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_recent_members-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_recent_members-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_recent_members-submit').click(function(){

        var options = {
            'title'              : '',
            'number'             : '8',
            'cats'               : '',
            'items_desktop'      : '4',
            'items_tablets'      : '3',
            'items_mobile'       : '2',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_recent_members';

        for( var index in options) {
            var value = table.find('#porto_recent_members-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_blog-form"><table id="porto_blog-table" class="form-table">\
			<tr>\
				<th><label for="porto_blog-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_blog-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_blog-post_layout">Blog Layout</label></th>\
                <td><select name="post_layout" id="porto_blog-post_layout">\
                ' + porto_shortcode_blog_layout() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_blog-columns">Grid Columns</label></th>\
                <td><select name="columns" id="porto_blog-columns">\
                ' + porto_shortcode_blog_grid_columns() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_blog-cats">Category IDs</label></th>\
                <td><input type="text" name="cats" id="porto_blog-cats" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_blog-post_in">Post IDs</label></th>\
                <td><input type="text" name="post_in" id="porto_blog-post_in" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_blog-number">Posts Count</label></th>\
                <td><input type="text" name="number" id="porto_blog-number" value="8" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_blog-view_more">Show View More</label></th>\
				<td><select name="view_more" id="porto_blog-view_more">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_blog-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_blog-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_blog-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_blog-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_blog-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_blog-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_blog-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_blog-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_blog-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_blog-submit').click(function(){

        var options = {
            'title'              : '',
            'post_layout'        : '',
            'columns'            : '',
            'cats'               : '',
            'post_in'            : '',
            'number'             : '8',
            'view_more'          : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_blog';

        for( var index in options) {
            var value = table.find('#porto_blog-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_portfolios-form"><table id="porto_portfolios-table" class="form-table">\
			<tr>\
				<th><label for="porto_portfolios-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_portfolios-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_portfolios-portfolio_layout">Portfolio Layout</label></th>\
                <td><select name="portfolio_layout" id="porto_portfolios-post_layout">\
                ' + porto_shortcode_portfolio_layout() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_portfolios-view">Grid View Type</label></th>\
                <td><select name="view" id="porto_portfolios-view">\
                ' + porto_shortcode_portfolio_grid_view() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_portfolios-columns">Grid Columns</label></th>\
                <td><select name="columns" id="porto_portfolios-columns">\
                ' + porto_shortcode_portfolio_grid_columns() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_portfolios-cats">Category IDs</label></th>\
                <td><input type="text" name="cats" id="porto_portfolios-cats" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_portfolios-post_in">Portfolio IDs</label></th>\
                <td><input type="text" name="post_in" id="porto_portfolios-post_in" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_portfolios-number">Portfolios Count</label></th>\
                <td><input type="text" name="number" id="porto_portfolios-number" value="8" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_portfolios-view_more">Show View More</label></th>\
				<td><select name="view_more" id="porto_portfolios-view_more">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_portfolios-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_portfolios-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_portfolios-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_portfolios-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_portfolios-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_portfolios-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_portfolios-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_portfolios-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_portfolios-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_portfolios-submit').click(function(){

        var options = {
            'title'              : '',
            'portfolio_layout'   : '',
            'view'               : '',
            'columns'            : '',
            'cats'               : '',
            'post_in'            : '',
            'number'             : '8',
            'view_more'          : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_portfolios';

        for( var index in options) {
            var value = table.find('#porto_portfolios-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_faqs-form"><table id="porto_faqs-table" class="form-table">\
			<tr>\
				<th><label for="porto_faqs-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_faqs-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_faqs-cats">Category IDs</label></th>\
                <td><input type="text" name="cats" id="porto_faqs-cats" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_faqs-post_in">FAQ IDs</label></th>\
                <td><input type="text" name="post_in" id="porto_faqs-post_in" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_faqs-number">FAQs Count</label></th>\
                <td><input type="text" name="number" id="porto_faqs-number" value="8" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_faqs-view_more">Show View More</label></th>\
				<td><select name="view_more" id="porto_faqs-view_more">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_faqs-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_faqs-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_faqs-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_faqs-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_faqs-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_faqs-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_faqs-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_faqs-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_faqs-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_faqs-submit').click(function(){

        var options = {
            'title'              : '',
            'cats'               : '',
            'post_in'            : '',
            'number'             : '8',
            'view_more'          : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_faqs';

        for( var index in options) {
            var value = table.find('#porto_faqs-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_members-form"><table id="porto_members-table" class="form-table">\
			<tr>\
				<th><label for="porto_members-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_members-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_members-cats">Category IDs</label></th>\
                <td><input type="text" name="cats" id="porto_members-cats" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_members-post_in">Member IDs</label></th>\
                <td><input type="text" name="post_in" id="porto_members-post_in" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_members-number">Members Count</label></th>\
                <td><input type="text" name="number" id="porto_members-number" value="8" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_members-view_more">Show View More</label></th>\
				<td><select name="view_more" id="porto_members-view_more">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_members-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_members-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_members-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_members-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_members-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_members-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_members-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_members-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_members-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_members-submit').click(function(){

        var options = {
            'title'              : '',
            'cats'               : '',
            'post_in'            : '',
            'number'             : '8',
            'view_more'          : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_members';

        for( var index in options) {
            var value = table.find('#porto_members-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});

jQuery(function($) {

    var form = jQuery('<div id="porto_concept-form"><table id="porto_concept-table" class="form-table">\
			<tr>\
				<th><label for="porto_concept-title1">Title 1</label></th>\
                <td><input type="text" name="title1" id="porto_concept-title1" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-link1">Link 1</label></th>\
                <td><input type="text" name="link1" id="porto_concept-link1" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-image1_url">Image URL 1</label></th>\
                <td><input type="text" name="image1_url" id="porto_concept-image1_url" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-title2">Title 2</label></th>\
                <td><input type="text" name="title2" id="porto_concept-title2" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-link2">Link 2</label></th>\
                <td><input type="text" name="link2" id="porto_concept-link2" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-image2_url">Image URL 2</label></th>\
                <td><input type="text" name="image2_url" id="porto_concept-image2_url" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-title3">Title 3</label></th>\
                <td><input type="text" name="title3" id="porto_concept-title3" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-link3">Link 3</label></th>\
                <td><input type="text" name="link3" id="porto_concept-link3" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-image3_url">Image URL 3</label></th>\
                <td><input type="text" name="image3_url" id="porto_concept-image3_url" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-title4">Slideshow Title</label></th>\
                <td><input type="text" name="title4" id="porto_concept-title4" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-slide_link1">Slide Link 1</label></th>\
                <td><input type="text" name="slide_link1" id="porto_concept-slide_link1" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-slide_image1_url">Slide Image URL 1</label></th>\
                <td><input type="text" name="slide_image1_url" id="porto_concept-slide_image1_url" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-slide_link2">Slide Link 2</label></th>\
                <td><input type="text" name="slide_link2" id="porto_concept-slide_link2" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-slide_image2_url">Slide Image URL 2</label></th>\
                <td><input type="text" name="slide_image2_url" id="porto_concept-slide_image2_url" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-slide_link3">Slide Link 3</label></th>\
                <td><input type="text" name="slide_link3" id="porto_concept-slide_link3" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-slide_image3_url">Slide Image URL 3</label></th>\
                <td><input type="text" name="slide_image3_url" id="porto_concept-slide_image3_url" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_concept-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_concept-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_concept-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_concept-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_concept-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_concept-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_concept-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_concept-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_concept-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_concept-submit').click(function(){

        var options = {
            'title1'             : '',
            'link1'              : '',
            'image1_url'         : '',
            'title2'             : '',
            'link2'              : '',
            'image2_url'         : '',
            'title3'             : '',
            'link3'              : '',
            'image3_url'         : '',
            'title4'             : '',
            'slide_link1'        : '',
            'slide_image1_url'   : '',
            'slide_link2'        : '',
            'slide_image2_url'   : '',
            'slide_link3'        : '',
            'slide_image3_url'   : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_concept';

        for( var index in options) {
            var value = table.find('#porto_concept-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_map_section-form"><table id="porto_map_section-table" class="form-table">\
			<tr>\
				<th><label for="porto_map_section-container">Wrap as Container</label></th>\
				<td><select name="container" id="porto_map_section-container">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_map_section-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_map_section-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_map_section-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_map_section-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_map_section-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_map_section-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_map_section-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_map_section-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_map_section-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_map_section-submit').click(function(){

        var options = {
            'container'          : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_map_section';

        for( var index in options) {
            var value = table.find('#porto_map_section-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']Insert Content[/porto_map_section]';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_blockquote-form"><table id="porto_blockquote-table" class="form-table">\
            <tr>\
				<th><label for="porto_blockquote-footer_before">Footer Text 1</label></th>\
				<td><input type="text" name="footer_before" id="porto_blockquote-footer_before" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_blockquote-footer_after">Footer Text 2</label></th>\
				<td><input type="text" name="footer_after" id="porto_blockquote-footer_after" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_blockquote-view">View Type</label></th>\
                <td><select name="view" id="porto_blockquote-view">\
                ' + porto_shortcode_blockquote_view_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_blockquote-dir">Direction</label></th>\
                <td><select name="dir" id="porto_blockquote-dir">\
                ' + porto_shortcode_blockquote_dir() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_blockquote-skin">Skin Color</label></th>\
                <td><select name="skin" id="porto_blockquote-skin">\
                ' + porto_shortcode_skin_color() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_blockquote-color">Border Color</label></th>\
				<td><input type="text" name="color" id="porto_blockquote-color" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_blockquote-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_blockquote-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_blockquote-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_blockquote-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_blockquote-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_blockquote-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_blockquote-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_blockquote-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_blockquote-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_blockquote-submit').click(function(){

        var options = {
            'footer_before'      : '',
            'footer_after'       : '',
            'view'               : '',
            'dir'                : '',
            'skin'               : 'custom',
            'color'              : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_blockquote';

        for( var index in options) {
            var value = table.find('#porto_blockquote-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']Insert Content[/porto_blockquote]';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_tooltip-form"><table id="porto_tooltip-table" class="form-table">\
            <tr>\
				<th><label for="porto_tooltip-prefix">Prefix</label></th>\
				<td><input type="text" name="prefix" id="porto_tooltip-prefix" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_tooltip-text">Text</label></th>\
				<td><input type="text" name="text" id="porto_tooltip-text" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_tooltip-tooltip_text">Tooltip Text</label></th>\
				<td><input type="text" name="tooltip_text" id="porto_tooltip-tooltip_text" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_tooltip-suffix">Suffix</label></th>\
				<td><input type="text" name="suffix" id="porto_tooltip-suffix" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_tooltip-position">Position</label></th>\
                <td><select name="position" id="porto_tooltip-position">\
                ' + porto_shortcode_position() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_tooltip-display">Display Type</label></th>\
                <td><select name="display" id="porto_tooltip-display">\
                ' + porto_shortcode_display_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_tooltip-type">Text Type</label></th>\
                <td><select name="type" id="porto_tooltip-type">\
                ' + porto_shortcode_tooltip_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_tooltip-link">Link</label></th>\
				<td><input type="text" name="link" id="porto_tooltip-link" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_tooltip-btn_size">Button Size</label></th>\
                <td><select name="btn_size" id="porto_tooltip-btn_size">\
                ' + porto_shortcode_size() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_tooltip-btn_skin">Button Skin Color</label></th>\
                <td><select name="btn_skin" id="porto_tooltip-btn_skin">\
                ' + porto_shortcode_colors() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_tooltip-btn_context">Button Contextual Class</label></th>\
                <td><select name="btn_context" id="porto_tooltip-btn_context">\
                ' + porto_shortcode_contextual() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_tooltip-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_tooltip-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_tooltip-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_tooltip-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_tooltip-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_tooltip-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_tooltip-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_tooltip-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_tooltip-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_tooltip-submit').click(function(){

        var options = {
            'prefix'             : '',
            'text'               : '',
            'text_before'        : '',
            'suffix'             : '',
            'position'           : '',
            'display'            : '',
            'type'               : '',
            'link'               : '',
            'btn_size'           : '',
            'btn_skin'           : 'custom',
            'btn_context'        : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_tooltip';

        for( var index in options) {
            var value = table.find('#porto_tooltip-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_popover-form"><table id="porto_popover-table" class="form-table">\
            <tr>\
				<th><label for="porto_popover-prefix">Prefix</label></th>\
				<td><input type="text" name="prefix" id="porto_popover-prefix" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_popover-text">Text</label></th>\
				<td><input type="text" name="text" id="porto_popover-text" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_popover-suffix">Suffix</label></th>\
				<td><input type="text" name="suffix" id="porto_popover-suffix" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_popover-display">Display Type</label></th>\
                <td><select name="display" id="porto_popover-display">\
                ' + porto_shortcode_display_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_popover-type">Text Type</label></th>\
                <td><select name="type" id="porto_popover-type">\
                ' + porto_shortcode_popover_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_popover-link">Link</label></th>\
				<td><input type="text" name="link" id="porto_popover-link" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_popover-btn_size">Button Size</label></th>\
                <td><select name="btn_size" id="porto_popover-btn_size">\
                ' + porto_shortcode_size() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_popover-btn_skin">Button Skin Color</label></th>\
                <td><select name="btn_skin" id="porto_popover-btn_skin">\
                ' + porto_shortcode_colors() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_popover-btn_context">Button Contextual Class</label></th>\
                <td><select name="btn_context" id="porto_popover-btn_context">\
                ' + porto_shortcode_contextual() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_popover-popover_title">Popover Title</label></th>\
				<td><input type="text" name="popover_title" id="porto_popover-popover_title" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_popover-popover_text">Popover Text</label></th>\
				<td><input type="text" name="popover_text" id="porto_popover-popover_text" value="" />\
			</tr>\
			<tr>\
				<th><label for="porto_popover-popover_position">Popover Position</label></th>\
                <td><select name="popover_position" id="porto_popover-popover_position">\
                ' + porto_shortcode_position() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_popover-popover_skin">Popover Skin Color</label></th>\
                <td><select name="popover_skin" id="porto_popover-popover_skin">\
                ' + porto_shortcode_position() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_popover-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_popover-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_popover-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_popover-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_popover-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_popover-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_popover-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_popover-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_popover-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_popover-submit').click(function(){

        var options = {
            'prefix'             : '',
            'text'               : '',
            'suffix'             : '',
            'display'            : '',
            'type'               : '',
            'link'               : '',
            'btn_size'           : '',
            'btn_skin'           : 'custom',
            'btn_context'        : '',
            'popover_title'      : '',
            'popover_text'       : '',
            'popover_position'   : '',
            'popover_skin'       : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_popover';

        for( var index in options) {
            var value = table.find('#porto_popover-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_recent_products-form"><table id="porto_recent_products-table" class="form-table">\
			<tr>\
				<th><label for="porto_recent_products-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_recent_products-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_recent_products-view">View Mode</label></th>\
				<td><select name="view" id="porto_recent_products-view">\
                ' + porto_shortcode_products_view() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_recent_products-per_page">Per Page</label></th>\
                <td><input type="text" name="per_page" id="porto_recent_products-per_page" value="12" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_products-columns">Grid Columns</label></th>\
                <td><select name="columns" id="porto_recent_products-columns">\
                ' + porto_shortcode_products_grid_columns() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_products-column_width">Grid Column Width</label></th>\
                <td><select name="column_width" id="porto_recent_products-column_width">\
                ' + porto_shortcode_products_grid_column_width() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_products-orderby">Order by</label></th>\
                <td><select name="orderby" id="porto_recent_products-orderby">\
                ' + porto_shortcode_products_orderby() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_products-order">Order way</label></th>\
                <td><select name="order" id="porto_recent_products-order">\
                ' + porto_shortcode_products_order() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_products-addlinks_pos">Add Links Position</label></th>\
                <td><select name="addlinks_pos" id="porto_recent_products-addlinks_pos">\
                ' + porto_shortcode_products_addlinks_pos() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_products-navigation">Show Navigation</label></th>\
                <td><select name="navigation" id="porto_recent_products-navigation">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_products-pagination">Show Pagination</label></th>\
                <td><select name="pagination" id="porto_recent_products-pagination">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_products-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_recent_products-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_recent_products-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_recent_products-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_recent_products-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_recent_products-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_recent_products-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_recent_products-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_recent_products-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_recent_products-submit').click(function(){

        var options = {
            'title'              : '',
            'view'               : '',
            'per_page'           : '12',
            'columns'            : '4',
            'column_width'       : '',
            'orderby'            : '',
            'order'              : '',
            'addlinks_pos'       : '',
            'navigation'         : 'true',
            'pagination'         : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_recent_products';

        for( var index in options) {
            var value = table.find('#porto_recent_products-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_featured_products-form"><table id="porto_featured_products-table" class="form-table">\
			<tr>\
				<th><label for="porto_featured_products-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_featured_products-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_featured_products-view">View Mode</label></th>\
				<td><select name="view" id="porto_featured_products-view">\
                ' + porto_shortcode_products_view() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_featured_products-per_page">Per Page</label></th>\
                <td><input type="text" name="per_page" id="porto_featured_products-per_page" value="12" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_featured_products-columns">Grid Columns</label></th>\
                <td><select name="columns" id="porto_featured_products-columns">\
                ' + porto_shortcode_products_grid_columns() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_featured_products-column_width">Grid Column Width</label></th>\
                <td><select name="column_width" id="porto_featured_products-column_width">\
                ' + porto_shortcode_products_grid_column_width() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_featured_products-orderby">Order by</label></th>\
                <td><select name="orderby" id="porto_featured_products-orderby">\
                ' + porto_shortcode_products_orderby() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_featured_products-order">Order way</label></th>\
                <td><select name="order" id="porto_featured_products-order">\
                ' + porto_shortcode_products_order() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_featured_products-addlinks_pos">Add Links Position</label></th>\
                <td><select name="addlinks_pos" id="porto_featured_products-addlinks_pos">\
                ' + porto_shortcode_products_addlinks_pos() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_featured_products-navigation">Show Navigation</label></th>\
                <td><select name="navigation" id="porto_featured_products-navigation">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_featured_products-pagination">Show Pagination</label></th>\
                <td><select name="pagination" id="porto_featured_products-pagination">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_featured_products-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_featured_products-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_featured_products-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_featured_products-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_featured_products-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_featured_products-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_featured_products-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_featured_products-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_featured_products-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_featured_products-submit').click(function(){

        var options = {
            'title'              : '',
            'view'               : '',
            'per_page'           : '12',
            'columns'            : '4',
            'column_width'       : '',
            'orderby'            : '',
            'order'              : '',
            'addlinks_pos'       : '',
            'navigation'         : 'true',
            'pagination'         : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_featured_products';

        for( var index in options) {
            var value = table.find('#porto_featured_products-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_sale_products-form"><table id="porto_sale_products-table" class="form-table">\
			<tr>\
				<th><label for="porto_sale_products-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_sale_products-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_sale_products-view">View Mode</label></th>\
				<td><select name="view" id="porto_sale_products-view">\
                ' + porto_shortcode_products_view() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_sale_products-per_page">Per Page</label></th>\
                <td><input type="text" name="per_page" id="porto_sale_products-per_page" value="12" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_sale_products-columns">Grid Columns</label></th>\
                <td><select name="columns" id="porto_sale_products-columns">\
                ' + porto_shortcode_products_grid_columns() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_sale_products-column_width">Grid Column Width</label></th>\
                <td><select name="column_width" id="porto_sale_products-column_width">\
                ' + porto_shortcode_products_grid_column_width() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_sale_products-orderby">Order by</label></th>\
                <td><select name="orderby" id="porto_sale_products-orderby">\
                ' + porto_shortcode_products_orderby() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_sale_products-order">Order way</label></th>\
                <td><select name="order" id="porto_sale_products-order">\
                ' + porto_shortcode_products_order() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_sale_products-addlinks_pos">Add Links Position</label></th>\
                <td><select name="addlinks_pos" id="porto_sale_products-addlinks_pos">\
                ' + porto_shortcode_products_addlinks_pos() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_sale_products-navigation">Show Navigation</label></th>\
                <td><select name="navigation" id="porto_sale_products-navigation">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_sale_products-pagination">Show Pagination</label></th>\
                <td><select name="pagination" id="porto_sale_products-pagination">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_sale_products-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_sale_products-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_sale_products-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_sale_products-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_sale_products-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_sale_products-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_sale_products-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_sale_products-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_sale_products-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_sale_products-submit').click(function(){

        var options = {
            'title'              : '',
            'view'               : '',
            'per_page'           : '12',
            'columns'            : '4',
            'column_width'       : '',
            'orderby'            : '',
            'order'              : '',
            'addlinks_pos'       : '',
            'navigation'         : 'true',
            'pagination'         : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_sale_products';

        for( var index in options) {
            var value = table.find('#porto_sale_products-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_best_selling_products-form"><table id="porto_best_selling_products-table" class="form-table">\
			<tr>\
				<th><label for="porto_best_selling_products-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_best_selling_products-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_best_selling_products-view">View Mode</label></th>\
				<td><select name="view" id="porto_best_selling_products-view">\
                ' + porto_shortcode_products_view() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_best_selling_products-per_page">Per Page</label></th>\
                <td><input type="text" name="per_page" id="porto_best_selling_products-per_page" value="12" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_best_selling_products-columns">Grid Columns</label></th>\
                <td><select name="columns" id="porto_best_selling_products-columns">\
                ' + porto_shortcode_products_grid_columns() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_best_selling_products-column_width">Grid Column Width</label></th>\
                <td><select name="column_width" id="porto_best_selling_products-column_width">\
                ' + porto_shortcode_products_grid_column_width() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_best_selling_products-addlinks_pos">Add Links Position</label></th>\
                <td><select name="addlinks_pos" id="porto_best_selling_products-addlinks_pos">\
                ' + porto_shortcode_products_addlinks_pos() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_best_selling_products-navigation">Show Navigation</label></th>\
                <td><select name="navigation" id="porto_best_selling_products-navigation">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_best_selling_products-pagination">Show Pagination</label></th>\
                <td><select name="pagination" id="porto_best_selling_products-pagination">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_best_selling_products-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_best_selling_products-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_best_selling_products-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_best_selling_products-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_best_selling_products-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_best_selling_products-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_best_selling_products-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_best_selling_products-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_best_selling_products-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_best_selling_products-submit').click(function(){

        var options = {
            'title'              : '',
            'view'               : '',
            'per_page'           : '12',
            'columns'            : '4',
            'column_width'       : '',
            'addlinks_pos'       : '',
            'navigation'         : 'true',
            'pagination'         : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_best_selling_products';

        for( var index in options) {
            var value = table.find('#porto_best_selling_products-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_top_rated_products-form"><table id="porto_top_rated_products-table" class="form-table">\
			<tr>\
				<th><label for="porto_top_rated_products-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_top_rated_products-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_top_rated_products-view">View Mode</label></th>\
				<td><select name="view" id="porto_top_rated_products-view">\
                ' + porto_shortcode_products_view() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_top_rated_products-per_page">Per Page</label></th>\
                <td><input type="text" name="per_page" id="porto_top_rated_products-per_page" value="12" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_top_rated_products-columns">Grid Columns</label></th>\
                <td><select name="columns" id="porto_top_rated_products-columns">\
                ' + porto_shortcode_products_grid_columns() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_top_rated_products-column_width">Grid Column Width</label></th>\
                <td><select name="column_width" id="porto_top_rated_products-column_width">\
                ' + porto_shortcode_products_grid_column_width() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_top_rated_products-orderby">Order by</label></th>\
                <td><select name="orderby" id="porto_top_rated_products-orderby">\
                ' + porto_shortcode_products_orderby() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_top_rated_products-order">Order way</label></th>\
                <td><select name="order" id="porto_top_rated_products-order">\
                ' + porto_shortcode_products_order() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_top_rated_products-addlinks_pos">Add Links Position</label></th>\
                <td><select name="addlinks_pos" id="porto_top_rated_products-addlinks_pos">\
                ' + porto_shortcode_products_addlinks_pos() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_top_rated_products-navigation">Show Navigation</label></th>\
                <td><select name="navigation" id="porto_top_rated_products-navigation">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_top_rated_products-pagination">Show Pagination</label></th>\
                <td><select name="pagination" id="porto_top_rated_products-pagination">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_top_rated_products-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_top_rated_products-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_top_rated_products-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_top_rated_products-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_top_rated_products-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_top_rated_products-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_top_rated_products-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_top_rated_products-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_top_rated_products-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_top_rated_products-submit').click(function(){

        var options = {
            'title'              : '',
            'view'               : '',
            'per_page'           : '12',
            'columns'            : '4',
            'column_width'       : '',
            'orderby'            : '',
            'order'              : '',
            'addlinks_pos'       : '',
            'navigation'         : 'true',
            'pagination'         : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_top_rated_products';

        for( var index in options) {
            var value = table.find('#porto_top_rated_products-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_products-form"><table id="porto_products-table" class="form-table">\
			<tr>\
				<th><label for="porto_products-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_products-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_products-view">View Mode</label></th>\
				<td><select name="view" id="porto_products-view">\
                ' + porto_shortcode_products_view() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_products-columns">Grid Columns</label></th>\
                <td><select name="columns" id="porto_products-columns">\
                ' + porto_shortcode_products_grid_columns() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_products-column_width">Grid Column Width</label></th>\
                <td><select name="column_width" id="porto_products-column_width">\
                ' + porto_shortcode_products_grid_column_width() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_products-orderby">Order by</label></th>\
                <td><select name="orderby" id="porto_products-orderby">\
                ' + porto_shortcode_products_orderby() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_products-order">Order way</label></th>\
                <td><select name="order" id="porto_products-order">\
                ' + porto_shortcode_products_order() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_products-ids">Product IDs</label></th>\
                <td><input type="text" name="ids" id="porto_products-ids" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_products-addlinks_pos">Add Links Position</label></th>\
                <td><select name="addlinks_pos" id="porto_products-addlinks_pos">\
                ' + porto_shortcode_products_addlinks_pos() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_products-navigation">Show Navigation</label></th>\
                <td><select name="navigation" id="porto_products-navigation">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_products-pagination">Show Pagination</label></th>\
                <td><select name="pagination" id="porto_products-pagination">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_products-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_products-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_products-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_products-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_products-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_products-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_products-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_products-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_products-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_products-submit').click(function(){

        var options = {
            'title'              : '',
            'view'               : '',
            'columns'            : '4',
            'column_width'       : '',
            'orderby'            : '',
            'order'              : '',
            'ids'                : '',
            'addlinks_pos'       : '',
            'navigation'         : 'true',
            'pagination'         : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_products';

        for( var index in options) {
            var value = table.find('#porto_products-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_product_category-form"><table id="porto_product_category-table" class="form-table">\
			<tr>\
				<th><label for="porto_product_category-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_product_category-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_product_category-view">View Mode</label></th>\
				<td><select name="view" id="porto_product_category-view">\
                ' + porto_shortcode_products_view() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_product_category-per_page">Per Page</label></th>\
                <td><input type="text" name="per_page" id="porto_product_category-per_page" value="12" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_category-columns">Grid Columns</label></th>\
                <td><select name="columns" id="porto_product_category-columns">\
                ' + porto_shortcode_products_grid_columns() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_category-column_width">Grid Column Width</label></th>\
                <td><select name="column_width" id="porto_product_category-column_width">\
                ' + porto_shortcode_products_grid_column_width() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_category-orderby">Order by</label></th>\
                <td><select name="orderby" id="porto_product_category-orderby">\
                ' + porto_shortcode_products_orderby() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_category-order">Order way</label></th>\
                <td><select name="order" id="porto_product_category-order">\
                ' + porto_shortcode_products_order() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_category-category">Category</label></th>\
                <td><input type="text" name="category" id="porto_product_category-category" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_product_category-addlinks_pos">Add Links Position</label></th>\
                <td><select name="addlinks_pos" id="porto_product_category-addlinks_pos">\
                ' + porto_shortcode_products_addlinks_pos() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_category-navigation">Show Navigation</label></th>\
                <td><select name="navigation" id="porto_product_category-navigation">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_category-pagination">Show Pagination</label></th>\
                <td><select name="pagination" id="porto_product_category-pagination">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_category-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_product_category-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_category-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_product_category-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_product_category-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_product_category-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_product_category-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_product_category-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_product_category-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_product_category-submit').click(function(){

        var options = {
            'title'              : '',
            'view'               : '',
            'per_page'           : '12',
            'columns'            : '4',
            'column_width'       : '',
            'orderby'            : '',
            'order'              : '',
            'category'           : '',
            'addlinks_pos'       : '',
            'navigation'         : 'true',
            'pagination'         : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_product_category';

        for( var index in options) {
            var value = table.find('#porto_product_category-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_product_attribute-form"><table id="porto_product_attribute-table" class="form-table">\
			<tr>\
				<th><label for="porto_product_attribute-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_product_attribute-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_product_attribute-view">View Mode</label></th>\
				<td><select name="view" id="porto_product_attribute-view">\
                ' + porto_shortcode_products_view() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_product_attribute-per_page">Per Page</label></th>\
                <td><input type="text" name="per_page" id="porto_product_attribute-per_page" value="12" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_attribute-columns">Grid Columns</label></th>\
                <td><select name="columns" id="porto_product_attribute-columns">\
                ' + porto_shortcode_products_grid_columns() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_attribute-column_width">Grid Column Width</label></th>\
                <td><select name="column_width" id="porto_product_attribute-column_width">\
                ' + porto_shortcode_products_grid_column_width() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_attribute-orderby">Order by</label></th>\
                <td><select name="orderby" id="porto_product_attribute-orderby">\
                ' + porto_shortcode_products_orderby() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_attribute-order">Order way</label></th>\
                <td><select name="order" id="porto_product_attribute-order">\
                ' + porto_shortcode_products_order() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_attribute-attribute">Attribute</label></th>\
                <td><input type="text" name="attribute" id="porto_product_attribute-attribute" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_product_attribute-filter">Filter</label></th>\
                <td><input type="text" name="filter" id="porto_product_attribute-filter" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_product_attribute-addlinks_pos">Add Links Position</label></th>\
                <td><select name="addlinks_pos" id="porto_product_attribute-addlinks_pos">\
                ' + porto_shortcode_products_addlinks_pos() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_attribute-navigation">Show Navigation</label></th>\
                <td><select name="navigation" id="porto_product_attribute-navigation">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_attribute-pagination">Show Pagination</label></th>\
                <td><select name="pagination" id="porto_product_attribute-pagination">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_attribute-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_product_attribute-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_attribute-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_product_attribute-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_product_attribute-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_product_attribute-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_product_attribute-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_product_attribute-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_product_attribute-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_product_attribute-submit').click(function(){

        var options = {
            'title'              : '',
            'view'               : '',
            'per_page'           : '12',
            'columns'            : '4',
            'column_width'       : '',
            'orderby'            : '',
            'order'              : '',
            'attribute'          : '',
            'filter'             : '',
            'addlinks_pos'       : '',
            'navigation'         : 'true',
            'pagination'         : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_product_attribute';

        for( var index in options) {
            var value = table.find('#porto_product_attribute-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_product-form"><table id="porto_product-table" class="form-table">\
			<tr>\
				<th><label for="porto_product-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_product-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_product-view">View Mode</label></th>\
				<td><select name="view" id="porto_product-view">\
                ' + porto_shortcode_product_view() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_product-column_width">Grid Width</label></th>\
                <td><select name="column_width" id="porto_product-column_width">\
                ' + porto_shortcode_products_grid_column_width() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product-id">Product ID</label></th>\
                <td><input type="text" name="id" id="porto_product-id" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_product-addlinks_pos">Add Links Position</label></th>\
                <td><select name="addlinks_pos" id="porto_product-addlinks_pos">\
                ' + porto_shortcode_products_addlinks_pos() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_product-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_product-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_product-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_product-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_product-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_product-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_product-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_product-submit').click(function(){

        var options = {
            'title'              : '',
            'view'               : '',
            'column_width'       : '',
            'id'                 : '',
            'addlinks_pos'       : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_product';

        for( var index in options) {
            var value = table.find('#porto_product-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_product_categories-form"><table id="porto_product_categories-table" class="form-table">\
			<tr>\
				<th><label for="porto_product_categories-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_product_categories-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_product_categories-view">View Mode</label></th>\
				<td><select name="view" id="porto_product_categories-view">\
                ' + porto_shortcode_product_categories_view() + '\
				</select></td>\
			</tr>\
			<tr>\
				<th><label for="porto_product_categories-number">Number</label></th>\
                <td><input type="text" name="number" id="porto_product_categories-number" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_categories-columns">Grid Columns</label></th>\
                <td><select name="columns" id="porto_product_categories-columns">\
                ' + porto_shortcode_products_grid_columns() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_categories-column_width">Grid Column Width</label></th>\
                <td><select name="column_width" id="porto_product_categories-column_width">\
                ' + porto_shortcode_products_grid_column_width() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_categories-orderby">Order by</label></th>\
                <td><select name="orderby" id="porto_product_categories-orderby">\
                ' + porto_shortcode_products_orderby() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_categories-order">Order way</label></th>\
                <td><select name="order" id="porto_product_categories-order">\
                ' + porto_shortcode_products_order() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_categories-category">Category</label></th>\
                <td><input type="text" name="category" id="porto_product_categories-category" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_product_categories-hide_empty">Number (Hide Empty)</label></th>\
                <td><input type="text" name="hide_empty" id="porto_product_categories-hide_empty" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_categories-ids">Category IDs</label></th>\
                <td><input type="text" name="ids" id="porto_product_categories-ids" value="" /></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_category-addlinks_pos">Add Links Position</label></th>\
                <td><select name="addlinks_pos" id="porto_product_category-addlinks_pos">\
                ' + porto_shortcode_products_addlinks_pos() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_category-hide_count">Hide Products Count</label></th>\
                <td><select name="hide_count" id="porto_product_category-hide_count">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_categories-navigation">Show Navigation</label></th>\
                <td><select name="navigation" id="porto_product_categories-navigation">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_categories-pagination">Show Pagination</label></th>\
                <td><select name="pagination" id="porto_product_categories-pagination">\
                ' + porto_shortcode_boolean_false() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_categories-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_product_categories-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_product_categories-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_product_categories-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_product_categories-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_product_categories-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_product_categories-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_product_categories-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_product_categories-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_product_categories-submit').click(function(){

        var options = {
            'title'              : '',
            'view'               : '',
            'number'             : '',
            'columns'            : '4',
            'column_width'       : '',
            'orderby'            : '',
            'order'              : '',
            'hide_empty'         : '',
            'ids'                : '',
            'addlinks_pos'       : '',
            'hide_count'         : 'true',
            'navigation'         : 'true',
            'pagination'         : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_product_categories';

        for( var index in options) {
            var value = table.find('#porto_product_categories-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_widget_woo_products-form"><table id="porto_widget_woo_products-table" class="form-table">\
			<tr>\
				<th><label for="porto_widget_woo_products-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_widget_woo_products-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_widget_woo_products-number">Number of products</label></th>\
				<td><input type="text" name="number" id="porto_widget_woo_products-number" value="5" /></td>\
			</tr>\
			<tr>\
				<th><label for="porto_widget_woo_products-show">Show</label></th>\
                <td><select name="show" id="porto_widget_woo_products-show">\
                ' + porto_shortcode_widget_products_show() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_widget_woo_products-orderby">Order by</label></th>\
                <td><select name="orderby" id="porto_widget_woo_products-orderby">\
                ' + porto_shortcode_widget_products_orderby() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_widget_woo_products-order">Order way</label></th>\
                <td><select name="order" id="porto_widget_woo_products-order">\
                ' + porto_shortcode_products_order() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_widget_woo_products-hide_free">Hide free products</label></th>\
                <td><select name="hide_free" id="porto_widget_woo_products-hide_free">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_widget_woo_products-show_hidden">Show hidden products</label></th>\
                <td><select name="show_hidden" id="porto_widget_woo_products-show_hidden">\
                ' + porto_shortcode_boolean_true() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_widget_woo_products-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_widget_woo_products-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_widget_woo_products-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_widget_woo_products-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_widget_woo_products-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_widget_woo_products-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_widget_woo_products-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_widget_woo_products-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_widget_woo_products-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_widget_woo_products-submit').click(function(){

        var options = {
            'title'              : '',
            'number'             : '5',
            'show'               : '',
            'orderby'            : '',
            'order'              : '',
            'hide_free'          : 'true',
            'show_hidden'        : 'true',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_widget_woo_products';

        for( var index in options) {
            var value = table.find('#porto_widget_woo_products-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_widget_woo_top_rated_products-form"><table id="porto_widget_woo_top_rated_products-table" class="form-table">\
			<tr>\
				<th><label for="porto_widget_woo_top_rated_products-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_widget_woo_top_rated_products-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_widget_woo_top_rated_products-number">Number of products</label></th>\
				<td><input type="text" name="number" id="porto_widget_woo_top_rated_products-number" value="5" /></td>\
			</tr>\
			<tr>\
				<th><label for="porto_widget_woo_top_rated_products-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_widget_woo_top_rated_products-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_widget_woo_top_rated_products-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_widget_woo_top_rated_products-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_widget_woo_top_rated_products-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_widget_woo_top_rated_products-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_widget_woo_top_rated_products-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_widget_woo_top_rated_products-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_widget_woo_top_rated_products-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_widget_woo_top_rated_products-submit').click(function(){

        var options = {
            'title'              : '',
            'number'             : '5',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_widget_woo_top_rated_products';

        for( var index in options) {
            var value = table.find('#porto_widget_woo_top_rated_products-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_widget_woo_recently_viewed-form"><table id="porto_widget_woo_recently_viewed-table" class="form-table">\
			<tr>\
				<th><label for="porto_widget_woo_recently_viewed-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_widget_woo_recently_viewed-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_widget_woo_recently_viewed-number">Number of products</label></th>\
				<td><input type="text" name="number" id="porto_widget_woo_recently_viewed-number" value="5" /></td>\
			</tr>\
			<tr>\
				<th><label for="porto_widget_woo_recently_viewed-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_widget_woo_recently_viewed-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_widget_woo_recently_viewed-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_widget_woo_recently_viewed-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_widget_woo_recently_viewed-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_widget_woo_recently_viewed-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_widget_woo_recently_viewed-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_widget_woo_recently_viewed-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_widget_woo_recently_viewed-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_widget_woo_recently_viewed-submit').click(function(){

        var options = {
            'title'              : '',
            'number'             : '5',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_widget_woo_recently_viewed';

        for( var index in options) {
            var value = table.find('#porto_widget_woo_recently_viewed-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_widget_woo_recent_reviews-form"><table id="porto_widget_woo_recent_reviews-table" class="form-table">\
			<tr>\
				<th><label for="porto_widget_woo_recent_reviews-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_widget_woo_recent_reviews-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_widget_woo_recent_reviews-number">Number of products</label></th>\
				<td><input type="text" name="number" id="porto_widget_woo_recent_reviews-number" value="6" /></td>\
			</tr>\
			<tr>\
				<th><label for="porto_widget_woo_recent_reviews-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_widget_woo_recent_reviews-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_widget_woo_recent_reviews-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_widget_woo_recent_reviews-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_widget_woo_recent_reviews-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_widget_woo_recent_reviews-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_widget_woo_recent_reviews-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_widget_woo_recent_reviews-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_widget_woo_recent_reviews-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_widget_woo_recent_reviews-submit').click(function(){

        var options = {
            'title'              : '',
            'number'             : '6',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_widget_woo_recent_reviews';

        for( var index in options) {
            var value = table.find('#porto_widget_woo_recent_reviews-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});


jQuery(function($) {

    var form = jQuery('<div id="porto_widget_woo_product_tags-form"><table id="porto_widget_woo_product_tags-table" class="form-table">\
			<tr>\
				<th><label for="porto_widget_woo_product_tags-title">Title</label></th>\
                <td><input type="text" name="title" id="porto_widget_woo_product_tags-title" value="" /></td>\
            </tr>\
            <tr>\
				<th><label for="porto_widget_woo_product_tags-animation_type">Animation Type</label></th>\
                <td><select name="animation_type" id="porto_widget_woo_product_tags-animation_type">\
                ' + porto_shortcode_animation_type() + '\
				</select></td>\
            </tr>\
			<tr>\
				<th><label for="porto_widget_woo_product_tags-animation_duration">Animation Duration</label></th>\
				<td><input type="text" name="animation_duration" id="porto_widget_woo_product_tags-animation_duration" value="1000" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
			<tr>\
				<th><label for="porto_widget_woo_product_tags-animation_delay">Animation Delay</label></th>\
				<td><input type="text" name="animation_delay" id="porto_widget_woo_product_tags-animation_delay" value="0" />\
				<br/><small>numerical value (unit: milliseconds)</small></td>\
			</tr>\
            <tr>\
				<th><label for="porto_widget_woo_product_tags-el_class">Extra Class Name</label></th>\
				<td><input type="text" name="el_class" id="porto_widget_woo_product_tags-el_class" value="" /></td>\
			</tr>\
		</table>\
		<p class="submit">\
			<input type="button" id="porto_widget_woo_product_tags-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</p>\
		</div>');

    var table = form.find('table');
    form.appendTo('body').hide();

    form.find('#porto_widget_woo_product_tags-submit').click(function(){

        var options = {
            'title'              : '',
            'animation_type'     : '',
            'animation_duration' : '1000',
            'animation_delay'    : '0',
            'el_class'           : ''
        };

        var shortcode = '[porto_widget_woo_product_tags';

        for( var index in options) {
            var value = table.find('#porto_widget_woo_product_tags-' + index).val();

            if ( value !== options[index] && (typeof value !== 'undefined'))
                shortcode += ' ' + index + '="' + value + '"';
        }

        shortcode += ']';

        tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode);

        tb_remove();
    });
});