jQuery.fn.extend({
    insertAt: function (index, string) {
        return jQuery(this).val(jQuery(this).val().substring(0, index) + string + jQuery(this).val().substring(index));
    }
});
jQuery(document).ready(function () {

    var arp_column_background_colors = global_column_background_colors();
    var template = jQuery("input#arp_reference_template").val();
    var skin = jQuery("input#arp_template_skin").val();

    var ajaxurl = jQuery("#ajaxurl").val();
    var action = jQuery('#pt_action').val();
    jQuery("#arp_is_generate_html_canvas").val('no');

    jQuery(".arp_editable_templates .template_action_button").tipso({
        position: 'right',
        background: '#4c4c4c',
        width: 'auto'
    });

    jQuery('#subscribe-arprice').click(function ()
    {
        var ajaxurl = jQuery("#ajaxurl").val();

        var cust_email = jQuery('#subscription_email').val();

        if (cust_email == '')
            return false;

        jQuery('#subscribe_loader').css('display', 'inline');

        jQuery.ajax({
            type: "POST", url: ajaxurl,
            data: "action=arpsubscribe&cust_email=" + cust_email,
            success: function (html)
            {
                jQuery('#subscribe_loader').css('display', 'none');
                if (html == "VERIFIED")
                {
                    jQuery('#arplite_subscription_model').bPopup().close();
                }
                else
                {
                    jQuery('#arplite_subscription_model').bPopup().close();
                }
                jQuery('#arplite_subscription_model').bPopup().close();
            }

        });

        return false;
    });

    jQuery('.arp_button_slider').each(function () {
        var $this = jQuery(this);
        $this.slider({
            min: 80,
            max: 200,
            step: 6,
            value: jQuery('input[name=button_size_' + jQuery(this).attr('data-column') + ']').val(),
            create: function (event, ui) {
                var slideValue = $this.slider('value');
                var column_id = $this.attr('data-column');
                arp_button_slider_tooltip(event, ui, slideValue, column_id);
            },
            slide: function (event, ui) {
                var width = ui.value;
                var column = jQuery(this).attr('data-column');
                jQuery('input[name=button_size_' + column + ']').val(width);
                var height = jQuery('input[name=button_height_' + column + ']').val();
                arp_update_button_size(column, width, height);
                var slideValue = $this.slider('value');
                var column_id = $this.attr('data-column');
                arp_button_slider_tooltip(event, ui, slideValue, column_id);
            },
        })
    });

    jQuery('.arp_button_height_slider').each(function () {
        var $this = jQuery(this);
        jQuery(this).slider({
            min: 30,
            max: 60,
            step: 3,
            value: jQuery('input[name=button_height_' + jQuery(this).attr('data-column') + ']').val(),
            slide: function (event, ui) {
                var height = ui.value;
                var column = jQuery(this).attr('data-column');
                jQuery('input[name=button_height_' + column + ']').val(height);
                var width = jQuery('input[name=button_size_' + column + ']').val();
                arp_update_button_size(column, width, height);
                var slideValue = $this.slider('value');
                var column_id = $this.attr('data-column');
                arp_button_height_slider_tooltip(event, ui, slideValue, column_id);
            },
            create: function (event, ui) {
                var slideValue = $this.slider('value');
                var column_id = $this.attr('data-column');
                arp_button_height_slider_tooltip(event, ui, slideValue, column_id);
            },
        })
    });


    jQuery(document).on('click', "button#arp_choose_template", function () {
        if (jQuery("input#arp_template").val() === "") {
            alert('Please Select Template');
        } else if (jQuery("input#arp_template_skin").val() == "") {
            alert('Please Select Template Skin');
        } else {
            jQuery('#choose_template_box .b-close').trigger('click');
        }
    });

    jQuery('#arp_fontawesome_content').scroll(function () {
        if (jQuery("#font_awesome_size").is(':visible'))
        {
            var position = jQuery("#font_awesome_size").position();
            if (typeof (position) !== undefined) {
                if (position.top <= 280) {
                    jQuery("#font_awesome_size").removeClass('show_to_top');
                } else if (position.top > 281) {
                    jQuery("#font_awesome_size").addClass('show_to_top');
                }
            }
        }
    });

    jQuery(document).on('focus', '#new_table_name', function () {
        jQuery(this).css('border-color', '');
        jQuery("#table_name_err").css('display', 'none');
    });

    jQuery(document).on('focus', '#no_table_cols', function () {
        jQuery(this).css('border-color', '');
        jQuery("#table_cols_err").css('display', 'none');
    });

    jQuery(document).on('focus', '#no_table_rows', function () {
        jQuery(this).css('border-color', '');
        jQuery("#table_rows_err").css('display', 'none');
    });

    jQuery(document).on('focus', '#pricing_table_main', function () {
        jQuery(this).css('border-color', '');
        jQuery('#pricing_table_main_msg').css('display', 'none');
    });

    jQuery(document).on('focus', '#column_title', function () {
        jQuery(this).css('border-color', '');
    });

    jQuery("#header_font_details_div_dropdown").on('click', '#close_btn', function () {
        jQuery('#header_font_details_div_dropdown').fadeOut('fast');
    });

    jQuery("#price_font_details_div_dropdown").on('click', '#close_btn', function () {
        jQuery('#price_font_details_div_dropdown').fadeOut('fast');
    });

    jQuery("#price_text_font_details_div_dropdown").on('click', '#close_btn', function () {
        jQuery('#price_text_font_details_div_dropdown').fadeOut('fast');
    });

    jQuery("#content_font_details_div_dropdown").on('click', '#close_btn', function () {
        jQuery('#content_font_details_div_dropdown').fadeOut('fast');
    });

    jQuery("#button_font_details_div_dropdown").on('click', '#close_btn', function () {
        jQuery('#button_font_details_div_dropdown').fadeOut('fast');
    });

    jQuery("input[type='checkbox'].arp_checkbox").each(function () {
        if (jQuery(this).hasClass('light_bg'))
        {
            jQuery(this).wrap('<span class="arp_dark_checkbox" id="' + jQuery(this).attr('id') + '"></span>');
        }
        else if (jQuery(this).hasClass('dark_bg'))
        {
            jQuery(this).wrap('<span class="arp_light_checkbox" id="' + jQuery(this).attr('id') + '"></span>');
        }
    });

    jQuery("input[type='checkbox'].arp_checkbox:not(.arplite_restricted_view)").each(function () {
        if (jQuery(this).is(':checked') == true)
            jQuery(this).parent().addClass('checked');
        else
            jQuery(this).parent().removeClass('checked');
    });

    jQuery('.general_color_box_font_color').on('change', function () {
        var color = jQuery(this).val();
        jQuery(this).parent().attr('data-color', color);
        jQuery(this).val(color);
        
    });

    ArpColumnResizable();
    ArpColumnSortable();
    if ((jQuery('.arppricingtablebodycontent').hasClass('selected'))) {
        initializesortable();
    }

    jQuery('.arptooltipster').tipso({
        position: 'bottom',
        background: '#43B4FB',
        width: 'auto'
    });


    jQuery('.general_color_box_font_color').on('change', function () {
        var color = jQuery(this).val();
        jQuery(this).parent().attr('data-color', color);
        jQuery(this).val(color);
        
    });

    jQuery('.arp_guid_btn').tipso({
        position: 'left',
        background: '#4c4c4c',
        width: 'auto',
    });

    jQuery("input[type='checkbox'].arp_switch").each(function () {

        if (jQuery("input[type='checkbox']#" + jQuery(this).attr('id')).is(':checked')) {
            jQuery(this).wrap('<span class="arp_switch_wrapper arp_switch_on" id="' + jQuery(this).attr('id') + '"></span>');
        }
        else {
            jQuery(this).wrap('<span class="arp_switch_wrapper arp_switch_off" id="' + jQuery(this).attr('id') + '"></span>');
        }
    });

    arprice_editor_width_responsive();

    jQuery(document).on('click', '.buy_now_button', function () {
        var arp_version = document.getElementById('arp_version').value;
        var arp_request_version = document.getElementById('arp_request_version').value;

        var link_top_open = "http://arprice.arformsplugin.com/premium/upgrade_to_premium.php?rdt=t1&arp_version=" + arp_version + "&arp_request_version=" + arp_request_version;
        var win = window.open(link_top_open, '_blank');
        win.focus();
    });

    jQuery(document).on('click', '.buy_now_button_link', function () {
        var arp_version = document.getElementById('arp_version').value;
        var arp_request_version = document.getElementById('arp_request_version').value;

        var link_top_open = "http://arprice.arformsplugin.com/premium/upgrade_to_premium.php?rdt=t1&arp_version=" + arp_version + "&arp_request_version=" + arp_request_version;
        var win = window.open(link_top_open, '_blank');
        win.focus();
    });

    jQuery(document).on('click', '.purchase-premium_link', function () {
        var arp_version = document.getElementById('arp_version').value;
        var arp_request_version = document.getElementById('arp_request_version').value;

        var link_top_open = "http://arprice.arformsplugin.com/premium/upgrade_to_premium.php?rdt=t1&arp_version=" + arp_version + "&arp_request_version=" + arp_request_version;
        var win = window.open(link_top_open, '_blank');
        win.focus();
    });

    jQuery(document).on('click', '.learn_more_button', function () {

        var arp_version = document.getElementById('arp_version').value;
        var arp_request_version = document.getElementById('arp_request_version').value;

        var link_top_open = "http://arprice.arformsplugin.com/premium/upgrade_to_premium.php?rdt=t2&arp_version=" + arp_version + "&arp_request_version=" + arp_request_version;
        var win = window.open(link_top_open, '_blank');
        win.focus();

    });

    jQuery(document).on('click', '.learn_more_button_link', function () {

        var arp_version = document.getElementById('arp_version').value;
        var arp_request_version = document.getElementById('arp_request_version').value;

        var link_top_open = "http://arprice.arformsplugin.com/premium/upgrade_to_premium.php?rdt=t2&arp_version=" + arp_version + "&arp_request_version=" + arp_request_version;
        var win = window.open(link_top_open, '_blank');
        win.focus();

    });

    jQuery(document).on('click', '.global_learn_more_button_link', function () {

        var arp_version = document.getElementById('arp_version').value;
        var arp_request_version = document.getElementById('arp_request_version').value;

        var link_top_open = "http://arprice.arformsplugin.com/premium/upgrade_to_premium.php?rdt=t2&arp_version=" + arp_version + "&arp_request_version=" + arp_request_version;
        var win = window.open(link_top_open, '_blank');
        win.focus();

    });

    if (getCookie("arp_fav_color[colors]") == null) {
        var current = new Date();
        current.setMonth(current.getMonth() + 1);
        document.cookie = 'arp_fav_color[colors]=; expires=' + current.toGMTString();
    }
});

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

jQuery(document).on('click', '.add_arp_ribbon_object.add_arp_object', function (e) {
    jQuery('#arplite_custom_css_notice').bPopup({
        modalColor: '#656565'
    });
});

jQuery(document).on('click', '#computer_icon', function () {
    if (!jQuery(this).hasClass('active'))
    {
        jQuery(".device_icon").removeClass('active');
        jQuery(this).addClass('active');

        var getmodalwidth = jQuery('#arp_pricing_table_preview').attr('data-modalwidth');
        var left_width = jQuery('#arp_pricing_table_preview').attr('data-modalleft');
        jQuery('#arp_pricing_table_preview').css('left', left_width + 'px');
        jQuery('#arp_pricing_table_preview').css('width', getmodalwidth + 'px');
        jQuery('#arp_pricing_table_preview').css('max-width', '');
    }
});
jQuery(document).on('click', '#tablet_icon', function () {
    if (!jQuery(this).hasClass('active'))
    {
        jQuery(".device_icon").removeClass('active');
        jQuery(this).addClass('active');

        var tablet_device_width = jQuery('#arp_responsive_tablet_width').val();

        var modalwidth = jQuery(window).width();

        if (tablet_device_width > 0)
            var device_width = tablet_device_width + 'px';
        else
            var device_width = '768px';

        var left_width = parseInt(modalwidth) - parseInt(device_width);
        left_width = Number(left_width) / 2;

        jQuery('#arp_pricing_table_preview').css('left', left_width + 'px');
        jQuery('#arp_pricing_table_preview').css('width', device_width);
        jQuery('#arp_pricing_table_preview').css('max-width', '');
    }
});
jQuery(document).on('click', '#mobile_icon', function () {
    if (!jQuery(this).hasClass('active'))
    {
        jQuery(".device_icon").removeClass('active');
        jQuery(this).addClass('active');

        var mobile_device_width = jQuery('#arp_responsive_mobile_width').val();

        var modalwidth = jQuery(window).width();

        if (mobile_device_width > 0)
            var device_width = mobile_device_width + 'px';
        else
            var device_width = '480px';

        var left_width = parseInt(modalwidth) - parseInt(device_width);
        left_width = Number(left_width) / 2;

        jQuery('#arp_pricing_table_preview').css('left', left_width + 'px');
        jQuery('#arp_pricing_table_preview').css('width', device_width);
        setTimeout(function () {
            jQuery('#arp_pricing_table_preview').css('max-width', '400px');
        }, 200);
    }
});
jQuery(".arp_model_preview_belt").on('click', '#prev_close_icon', function () {
    jQuery("#arp_pricing_table_preview").bPopup().close();
});
jQuery(document).on('click', '.arp_add_row_object', function (e) {
    jQuery('#arplite_custom_css_notice').bPopup({
        modalColor: '#656565'
    });
});
jQuery(document).on('click', '.add_header_fontawesome', function (e) {

    if (jQuery(this).parent().find('.arp_font_awesome_model_box_container').is(':visible')) {
        jQuery(this).parent().find('.arp_font_awesome_model_box_container').slideUp(500);
        e.preventDefault();
        return;
    }

    if (jQuery(this).parent().find('button').hasClass('arp_add_row_object') || jQuery(this).parent().find('button').hasClass('add_arp_object')) {
        var single_arrow = '';
    }
    else {
        var single_arrow = 'arp_font_awesome_arrow_single';
    }

    var column_id = jQuery(this).attr('data-column');
    var data_insert = jQuery(this).attr('data-insert');
    jQuery('#arpcol_to_insert_font').val(column_id);
    jQuery('#arpcol_insert_font').val(data_insert);
    jQuery(this).parent().find('.arp_font_awesome_model_box_container').slideDown(500);
    $this = jQuery(this);
    var ArpFontIcon = jQuery('#arp_font_icons').html();
    if (jQuery(this).parent().find('.arp_font_awesome_model_box_container').html() == '') {
        jQuery(this).parent().find('.arp_font_awesome_model_box_container').html("<div class='arp_font_awesome_arrow" + single_arrow + "'></div><div class='arp_font_icon_model_loader'></div>");
        setTimeout(function () {
            $this.parent().find('.arp_font_awesome_model_box_container').html(ArpFontIcon);
            if (single_arrow == '') {
                jQuery('.arp_font_awesome_arrow').removeClass('arp_font_awesome_arrow_single');
            }
            else {
                jQuery('.arp_font_awesome_arrow').addClass(single_arrow);
            }
            $this.parent().find('.arp_fainsideimge').addClass('add_header_font_awesome');
        }, 1500);
    }
    jQuery('.font_awesome_size').remove();
    e.preventDefault();
});
jQuery(document).on('click', '.arp_header_object', function (e) {
    jQuery('#media_upload_iframe').remove();
    var data_insert = jQuery(this).attr('data-insert');
    jQuery('#arp_fileupload_iframe').bPopup({
    }, function () {
        var iframe_div = document.createElement('iframe');
        iframe_div.setAttribute('src', 'media-upload.php?post_id=0&type=image');
        iframe_div.setAttribute('id', 'media_upload_iframe');
        iframe_div.setAttribute('class', 'b-iframe');
        iframe_div.setAttribute('style', 'float:left;width:100%;height:530px;');
        jQuery("#arp_iframeContent").append(iframe_div);
    });
    jQuery('.b-iframe').load(function () {
        setTimeout(function () {
            jQuery('.b-iframe').attr('verticalscrolling', 'yes"');
            jQuery('.b-iframe').css('border', 'solid 1px #f00');
            jQuery('.b-iframe').attr('hspace', '0');
            jQuery('.b-iframe').attr('style', 'overflow:hidden;width:100%;height:530px;');
            jQuery('.b-iframe').attr('css', 'width:100%');
            jQuery('.b-iframe').find('html').attr('style', 'auto !important;');
        }, 100);
    });

    window.send_to_editor = function (html) {
        var $html = jQuery('<div />', {'class': 'media-html', 'html': html});
        var height = $html.find('img').attr('height');
        var width = $html.find('img').attr('width');
        var img_src = $html.find('img').attr('src');
        var a_src = $html.find('a').attr('href');

        jQuery('.arp_add_image_container:visible').find('#arp_header_image_url').val(img_src);
        jQuery('.arp_add_image_container:visible').find('#arp_header_image_height').val(height);
        jQuery('.arp_add_image_container:visible').find('#arp_header_image_width').val(width);

        jQuery('#arp_fileupload_iframe .b-close').trigger('click');

    }
});
jQuery(document).on('click', '.arp_modal_add_file_btn', function (e) {
    jQuery("#media_upload_iframe").remove();
    var data_insert = jQuery(this).attr('data-insert');
    var data_insert_id = jQuery(this).attr('data-id');
    var data_column_id = jQuery(this).attr('data-column-id');
    var col_no = data_column_id.replace('main_column_', '');

    jQuery('#arp_fileupload_iframe').bPopup({
    }, function () {
        var iframe_div = document.createElement('iframe');
        iframe_div.setAttribute('src', 'media-upload.php?post_id=0&type=image');
        iframe_div.setAttribute('id', 'media_upload_iframe');
        iframe_div.setAttribute('class', 'b-iframe');
        iframe_div.setAttribute('style', 'float:left;width:100%;height:530px;');
        jQuery("#arp_iframeContent").append(iframe_div);
    });

    jQuery('.b-iframe').load(function () {
        setTimeout(function () {
            jQuery('.b-iframe').attr('verticalscrolling', 'yes"');
            jQuery('.b-iframe').css('border', 'solid 1px #f00');
            jQuery('.b-iframe').attr('hspace', '0');
            jQuery('.b-iframe').attr('style', 'overflow:hidden;width:100%;height:530px;');
            jQuery('.b-iframe').attr('css', 'width:100%');
            jQuery('.b-iframe').find('html').attr('style', 'auto !important;');
        }, 100);
    });

    window.send_to_editor = function (html) {
        var $html = jQuery('<div />', {'class': 'media-html', 'html': html});
        var height = $html.find('img').attr('height');
        var width = $html.find('img').attr('width');
        var img_src = $html.find('img').attr('src');
        var a_src = $html.find('a').attr('href');

        if (data_insert == 'image')
        {
            jQuery('#arp_image_url').val(img_src);
            jQuery('#arp_image_height').val(height);
            jQuery('#arp_image_width').val(width);

        } else if (data_insert == 'btn_image') {

            jQuery('#main_column_' + col_no).find('#arp_btn_image_url').val(img_src);
            jQuery('#main_column_' + col_no).find('#arp_btn_image_height').val(height);
            jQuery('#main_column_' + col_no).find('#arp_btn_image_width').val(width);

        } else if ('video') {
            if (data_insert_id == 'arp_video_poster')
                jQuery('#' + data_insert_id).val(img_src);
            else
                jQuery('#' + data_insert_id).val(a_src);
        } else if ('audio') {
            jQuery('#' + data_insert_id).val(a_src);
        } else {
            jQuery('#' + data_insert_id).val(img_src);
        }

        jQuery('#arp_fileupload_iframe .b-close').trigger('click');
    };

});
jQuery(document).on('click', '.arp_btn_add_file', function (e) {
    var data_insert = jQuery(this).attr('data-insert');
    var data_insert_id = jQuery(this).attr('data-id');
    jQuery("#media_upload_iframe").remove();
    jQuery('#arp_fileupload_iframe').bPopup({
    }, function () {
        var iframe_div = document.createElement('iframe');
        iframe_div.setAttribute('src', 'media-upload.php?post_id=0&type=image');
        iframe_div.setAttribute('id', 'media_upload_iframe');
        iframe_div.setAttribute('class', 'b-iframe');
        iframe_div.setAttribute('style', 'float:left;width:100%;height:530px;');
        jQuery("#arp_iframeContent").append(iframe_div);
    });

    jQuery('.b-iframe').load(function () {
        setTimeout(function () {
            jQuery('.b-iframe').attr('verticalscrolling', 'yes"');
            jQuery('.b-iframe').css('border', 'solid 1px #f00');
            jQuery('.b-iframe').attr('hspace', '0');
            jQuery('.b-iframe').attr('style', 'overflow:hidden;width:100%;height:530px;');
            jQuery('.b-iframe').attr('css', 'width:100%');
            jQuery('.b-iframe').find('html').attr('style', 'auto !important;');
        }, 100);
    });

    window.send_to_editor = function (html) {
        var $html = jQuery('<div />', {'class': 'media-html', 'html': html});
        var height = $html.find('img').attr('height');
        var width = $html.find('img').attr('width');
        var img_src = $html.find('img').attr('src');
        var a_src = $html.find('a').attr('href');

        jQuery('#arp_btn_image_url').val(img_src);
        jQuery('#arp_btn_image_height').val(height);
        jQuery('#arp_btn_image_width').val(width);

        jQuery('#arp_fileupload_iframe .b-close').trigger('click');
    };

});
jQuery(document).on('click', '.ribbon_modal_close_btn', function () {
    jQuery('#arp_ribbon_colorpicker_wrapper').fadeOut();
    document.getElementById('arp_advanced_color_picker').jscolor.hide();
});
jQuery(document).on('click', '#arp_close_colorpicker_advanced', function () {
    jQuery('#arp_ribbon_textcolor').val(jQuery('#arp_ribbon_txtcolor').val());
    document.getElementById('arp_advanced_color_picker').jscolor.hide();
});
jQuery(document).on('focus', '.arp_pricing_table_name', function () {
    jQuery(this).parent().addClass('hover');
});
jQuery(document).on('blur', '.arp_pricing_table_name', function () {
    jQuery(this).parent().removeClass('hover');
});
jQuery(document).on('keypress', '.arp_pricing_table_name', function (e) {
    var txtvalue = jQuery(this).val();
    var txtlength = txtvalue.length;
    if (e.keyCode == 13 || e.keyCode == 27) {
        jQuery(this).parent().removeClass('hover');
        jQuery(this).trigger('blur');
        jQuery(this).blur();
    } else {
        if (txtlength > 25)
        {
            txtlength = txtlength * 2;
            jQuery(this).css('width', (txtlength * 5));
            jQuery(this).parent().css('width', (txtlength * 5));
        }
    }
})

jQuery(document).on('click', '#main_pricing_table_name', function (e) {
    if (jQuery(e.target).hasClass('header_table_name')) {
        jQuery(this).find('input').trigger('focus');
    }
});

jQuery(document).on('click', '#save_btn.enable', function () {
    jQuery("#price_table_form").submit();
});

function arp_update_color(jscolor, id) {
    jQuery('.arprice_js_colorpicker').find('input#arp_color_picker_input').val(jscolor);
    if (jQuery(id).attr('id') === 'arp_caption_border_color_div') {
        var table_id = jQuery('#arp_reference_template').val();
        var border_type = jQuery('input#arp_caption_border_style').val();
        var border_size = jQuery('input#arp_caption_border_size').val();
        var border_color = '#' + jscolor;
        change_caption_border_color(table_id, border_type, border_size, border_color);
    }
    if (jQuery(id).attr('id') === 'arp_caption_row_border_color_div') {
        jQuery('input#arp_caption_row_border_color').val('#' + jscolor);
        jQuery('input#arp_caption_row_border_color').trigger('change');
    }
    var arp_el_data_id = jQuery(id).attr('data-id');
    if (arp_el_data_id === 'arp_column_border_color_hidden' || arp_el_data_id === 'arp_row_border_color_hidden') {
        var $id = jQuery(id).attr('data-id');
        jQuery('input#' + $id).val('#' + jscolor);
        jQuery('input#' + $id).trigger('change');
    }

    if (arp_el_data_id === 'arp_global_button_border_color_hidden') {
        var width = jQuery('input#arp_global_button_border_width').val();
        var style = jQuery('input#arp_global_button_border_style').val();
        jQuery('.ArpPricingTableColumnWrapper').each(function (x) {
            jQuery(this).find('button#bestPlanButton').css('border', width + 'px ' + style + ' #' + jscolor);
        });
    }

    var attr_id = jQuery(id).attr('id');
    var column = jQuery(id).attr('data-column');
    var row = jQuery(id).parent().attr('data-row');

    change_color(attr_id, jscolor, column, row);
}

function check_package_validation()
{
    var err = 0;
    var html = '';
    var total_tables = jQuery("#arplite_total_tables").val();

    if (total_tables > 3 && jQuery('#pt_action').val() != "edit") {
        jQuery('#arplite_save_table_notice').bPopup({
            modalColor: '#656565'
        });
        return false;
    }
    if (err > 0)
    {
        return false;
    }
    else
    {
        var req = 0
        if (jQuery('#pricing_table_main').val().trim() == '') {
            jQuery('#pricing_table_main').css('border-color', '#ff0000');
            jQuery("#main_table_name").trigger('click');
            jQuery('#pricing_table_main_msg').css('display', 'block');
            req++;
        } else {
            jQuery('#pricing_table_main').css('border-color', '#BCCBDA');
            jQuery('#pricing_table_main_msg').css('display', 'none');
        }
        if (req > 0)
            return false;

        jQuery('#arp_loader_div').addClass('no_bg_color');
        jQuery('#arp_loader_div').show();

        var ajaxurl = jQuery("#ajaxurl").val();
        var total = jQuery("#total_packages").val();
        var listing_url = jQuery("#listing_url").val();
        var form = jQuery("#price_table_form").serialize();
        var fields = jQuery("#price_table_form").ARPriceFilterFormData();
        var json_fields = jQuery.toJSON(fields);

        var action = "arplite_add_price_table";
        if (jQuery('#pt_action').val() == "new") {
            action = "arplite_add_price_table";
        } else {
            action = "arplite_update_price_table";
        }

        action = "arplite_save_pricing_table";

        var is_template = jQuery("#is_template").val();

        function completed_ajax_pricingtable() {
            var result = ARPricesack.response;

            var get_action = result.split('~|~');
            var action = get_action[0];
            var table_id = get_action[1];
            var is_template = get_action[2];
            if (action == "new") {
                jQuery('#arp_loader_div').hide();
                jQuery('#arp_loader_div').removeClass('no_bg_color');
                jQuery('#save_btn').removeClass('disable');
                jQuery('#save_btn').addClass('enable');
                if (is_template == 0)
                {

                    var ajaxurl = jQuery("#ajaxurl").val();
                    var canvas_height = jQuery('#ArpPricingTableColumns .arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper').height();
                    jQuery('#ArpPricingTableColumns .arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper .arp_ribbon_container').css('display', 'none');
                    jQuery('#ArpPricingTableColumns').css({'float': 'left', 'width': '100%', 'padding': '0px', 'margin': '0px', 'height': canvas_height + 'px'});
                    html2canvas(document.querySelector("#ArpPricingTableColumns"), {
                        onrendered: function (canvas) {
							
							var img = canvas.toDataURL("image/png");
							img = img.replace('data:image/png', '');
							img = img.replace('base64', '');
							
                            jQuery.ajax({
                                url: ajaxurl,
                                type: 'POST',
                                data: 'action=arplite_save_template_image&arp_image_data=' + img + '&template_id=' + table_id,
                                success: function (result) {
                                }
                            });

                        }
                    });
                    jQuery('#ArpPricingTableColumns .arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper .arp_ribbon_container').css('display', '');
                    jQuery('#ArpPricingTableColumns').css({'float': '', 'width': '', 'height': '', 'padding': '', 'margin': ''});
                }
                jQuery('#pt_action').val('edit');
                jQuery('#table_id').val(table_id);
                jQuery('#template_type_new').val(table_id);
                var template = jQuery('#arp_template').val();
                var skin = jQuery('#arp_template_skin').val();
                var img_url = jQuery('#pricing_table_img_url').val();

                if (window.history.pushState) {
                    var pageurl = arp_removeVariableFromURL(document.URL, 'arp_action');
                    pageurl = arp_removeVariableFromURL(pageurl, 'eid');
                    pageurl += '&arp_action=edit&eid=' + table_id;
                    window.history.pushState({path: pageurl}, '', pageurl);
                }
                jQuery("#savebtn").attr('disabled', false);
                jQuery('#success_message').animate({width: 'toggle'}, 'slow');

                jQuery(window.opera ? 'html' : 'html, body').animate({scrollTop: jQuery('#success_message').offset().top - 250}, 'slow');
                jQuery('#success_message').delay(3000).animate({width: 'toggle'}, 'slow');

		
                var pricing_table_upload_url = jQuery("#pricing_table_upload_url").val();
                var link = "<link rel='stylesheet' type='text/css' href='" + pricing_table_upload_url + "/css/arplitetemplate_" + table_id + ".css'>";
                jQuery('ul#packages').prepend(link);
                var skin = jQuery("#arp_template_skin").val();
                var style = jQuery("#ArpTemplate_main").find('style').first().html();
		
                var template = jQuery("#arp_template").val();

                var arp_template_name = jQuery("#arp_template_name").val();
                arp_template_name = arp_template_name.replace('arplitetemplate_', '');
                var find_text = 'arplite_price_table_' + arp_template_name;
                var find_text_n = 'arplitetemplate_' + arp_template_name;
                var rep = new RegExp(find_text, 'g');
                var rep_n = new RegExp(find_text_n, 'g');
                style = style.replace(rep, 'arplite_price_table_' + table_id);
                style = style.replace(rep_n, 'arplitetemplate_' + table_id);
                jQuery('#ArpTemplate_main').find('style').first().html(style);

                jQuery('head').find('style').each(function () {
                    var id = jQuery(this).attr('id');
                    if (typeof id !== undefined && /(_pseudo_css)/ig.test(id)) {
                        var find_text = 'arplite_price_table_' + arp_template_name;
                        var regexp = new RegExp(find_text, 'g');
                        var stylesheet = jQuery(this).html();
                        stylesheet = stylesheet.replace(regexp, 'arplite_price_table_' + table_id);
                        jQuery(this).html(stylesheet);
                    }
                });
                var arp_border_radius_style = jQuery("#border_radius_styles").html();

                if (arp_border_radius_style != '') {
                    var new_template_style = arp_border_radius_style.replace(/arplitetemplate_(\d+)/g, 'arplitetemplate_' + table_id);
                    jQuery("#border_radius_styles").html(new_template_style);
                }

                jQuery('.arp_allcolumnsdiv .ArpPricingTableColumnWrapper').each(function () {
                    if (jQuery(this).find('style').first().attr('data-position') == 'inside') {
                        var style_new = jQuery(this).find('style').html();
                        var arp_template_name = jQuery("#arp_template_name").val();
                        var find_text = arp_template_name;
                        var rplc = new RegExp(find_text, 'g');
                        style_new = style_new.replace(rplc, 'arplitetemplate_' + table_id);
                        jQuery(this).find('style').first().html(style_new);
                    }
                    var arp_template_name = jQuery("#arp_template_name").val();
                    var ribbon_style = jQuery(this).find('#arp_ribbon_container').find('style').html();
                    var old_template_id = arp_template_name.replace('arplitetemplate_', '');
                    if (typeof (ribbon_style) !== 'undefined') {
                        var ribbon_style_new = ribbon_style.replace('arplite_price_table_' + old_template_id, 'arplite_price_table_' + table_id);
                        jQuery(this).find('#arp_ribbon_container').find('style').html(ribbon_style_new);
                    }
                });

                jQuery('.ArpPriceTable').attr('class', 'ArpPriceTable arplite_price_table_' + table_id + ' arplitetemplate_' + table_id + ' arp' + skin + ' arp_admin_template_editor');
                jQuery('#arp_template_name').val('arplitetemplate_' + table_id);
                jQuery("#arp_shortcode").css('display', 'block');
                jQuery("#arp_shortcode_value").html('[ARPLite id=' + table_id + ']');

                var timesRun = 0;
                var interval = setInterval(function () {
                    timesRun += 1;
                    if (timesRun === 10) {
                        clearInterval(interval);
                    }
                    jQuery("#arp_shortcode_value").fadeOut('slow', function () {
                        jQuery(this).fadeIn('slow', function () {
                        });
                    });
                },
                        1000);
                jQuery('#arp_template').val('arplitetemplate_' + table_id);
            } else if (action == 'notice') {
                jQuery('#arp_loader_div').hide();
                jQuery('#arplite_save_table_notice').bPopup({
                    modalColor: '#656565'
                });
                return false;
            } else {
                jQuery('#arp_loader_div').hide();
                jQuery('#save_btn').removeClass('disable');
                jQuery('#save_btn').addClass('enable');
                var pricing_table_upload_url = jQuery('#pricing_table_upload_url').val();
                if (window.history.pushState) {
                    var pageurl = arp_removeVariableFromURL(document.URL, 'arp_action');
                    pageurl = arp_removeVariableFromURL(pageurl, 'eid');
                    pageurl += '&arp_action=edit&eid=' + table_id;
                    window.history.pushState({path: pageurl}, '', pageurl);
                }
                jQuery("#savebtn").attr('disabled', false);

                jQuery('#success_message').animate({width: 'toggle'}, 'slow');
                jQuery(window.opera ? 'html' : 'html, body').animate({scrollTop: jQuery('#success_message').offset().top - 250}, 'slow');
                jQuery('#success_message').delay(3000).animate({width: 'toggle'}, 'slow');


                if (is_template == 0) {

                    var ARPcssurl = pricing_table_upload_url + '/css/arplitetemplate_' + table_id + '.css';
                    if (jQuery('link[rel*=style][href="' + ARPcssurl + '"]').length == 0) {
                        jQuery('head').append('<link rel="stylesheet" type="text/css" href="' + ARPcssurl + '" />');
                    }
                    setTimeout(function () {
                        remove_column_height();
                        arp_header_title_responsive();
                        arp_price_text_responsive();
                        arp_price_label_responsive();
                        arp_column_desc_responsive();
                        adjust_column_height();
                    }, 500);
                }

                if (is_template == 0)
                {
                    jQuery('#ArpPricingTableColumns').css({'float': 'left', 'width': '100%'});
                    var ajaxurl = jQuery("#ajaxurl").val();

                    var is_generate_html_canvas = jQuery("#arp_is_generate_html_canvas").val();


                    if (is_generate_html_canvas == 'yes') {

                        jQuery('#ArpPricingTableColumns .arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper .arp_ribbon_container').css('display', 'none');
                        var canvas_height = jQuery('#ArpPricingTableColumns .arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper').height();
                        jQuery('#ArpPricingTableColumns').css({'float': 'left', 'width': '100%', 'padding': '0px', 'margin': '0px', 'height': canvas_height + 'px'});

                        html2canvas(document.querySelector("#ArpPricingTableColumns"), {
                            onrendered: function (canvas) {
								
								var img = canvas.toDataURL("image/png");
								img = img.replace('data:image/png', '');
								img = img.replace('base64', '');

                                jQuery.ajax({
                                    url: ajaxurl,
                                    type: 'POST',
                                    data: 'action=arplite_save_template_image&arp_image_data=' + img + '&template_id=' + table_id,
                                    success: function (result) {
                                        jQuery("#arp_is_generate_html_canvas").val('no');
                                    }
                                });

                            }
                        });

                    }
                    jQuery('#ArpPricingTableColumns .arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper .arp_ribbon_container').css('display', '');
                    jQuery('#ArpPricingTableColumns').css({'float': '', 'width': '', 'padding': '', 'margin': '', 'height': ''});
                }
            }
        }


        var ARPricesack = new sack(ajaxurl);
        ARPricesack.execute = 0;
        ARPricesack.method = "POST";
        ARPricesack.setVar("action", "arplite_save_pricing_table");
        ARPricesack.setVar("filtered_data", json_fields);
        ARPricesack.onError = function () {
            alert('Ajax error while saving pricing table');
        }
        ARPricesack.onCompletion = completed_ajax_pricingtable;
        ARPricesack.runAJAX();
        jQuery("html, body").animate({scrollTop: 0}, "slow");

        return false;
    }
}

function arp_preview(src_url) {

    var table_id = jQuery("#table_id").val();
    var ajaxurl = jQuery("#ajaxurl").val();
    var fields = jQuery("#price_table_form").ARPriceFilterFormData();
    var json_fields = jQuery.toJSON(fields);
    var fields = jQuery("#price_table_form").ARPriceFilterFormData();
    var json_fields = jQuery.toJSON(fields);

    function show_arprice_preview() {
        var result = ARPricePreview.response;
        jQuery("#iframediv").html(' ').append('<iframe style="height:100%;display:block;width:100%;margin-top:0px;" frameborder="0" name="test" id="testiframe" src="' + src_url + table_id + '&optid=' + result + '" hspace="0"></iframe>');
        jQuery('#iframediv').show();
        jQuery(window.opera ? 'html' : 'html, body').animate({scrollTop: jQuery('#iframediv').offset().top - 0}, 1500);
    }

    var ARPricePreview = new sace(ajaxurl);
    ARPricePreview.execute = 0;
    ARPricePreview.method = "POST";
    ARPricePreview.setVar("action", "arplite_updatetabledata");
    ARPricePreview.setVar("filtered_data", json_fields);
    ARPricePreview.onError = function () {
        alert('Ajax error while saving pricing table');
    }
    ARPricePreview.onCompletion = show_arprice_preview;
    ARPricePreview.runAJAX();
    return;
}

function arp_select_template(template_id, id, color_scheme, reference_template)
{
    jQuery('.arp_template_scheme').removeClass('arp_active');
    jQuery('#arp_template_' + template_id).addClass('arp_active');
    jQuery("#template_type_new").val(template_id);
    jQuery('#table_id').val(template_id);
    jQuery('#arp_template_old').val(id);
    jQuery("#arp_template").val('arplitetemplate_' + template_id);
    jQuery("#arp_template_skin").val(color_scheme);
    jQuery('#arp_ready_template').show();
    jQuery('#delete_table_id').val(template_id);
    jQuery("#arp_reference_template").val(reference_template);

    var is_template = jQuery('#arp_template_' + template_id).attr('is_template');

    if (is_template == 0)
        jQuery('div#delete_template.savebtn').show();
    else
        jQuery('div#delete_template.savebtn').hide();
}

function arp_select_template_skin(skin, color_code)
{
    var template = jQuery("input#arp_reference_template").val();
    var user_edited = jQuery('input#arp_user_edited_template').val();
    var curr_template = jQuery("input#arp_template_name").val();
    var edited_columns = jQuery('#arp_user_edited_columns').val();
    var header_caption_color_code = '#ffffff';
    var is_gradient_template = 0;
    var all_skin_template = 0;
    var default_skin_template = 0;
    var gradient_arr = new Array();

    jQuery('.arp_selected_color_skin').remove();

    if (skin == 'db_custom_skin' || skin == 'custom_skin') {
        jQuery('#arplite_custom_notice').bPopup({
            modalColor: '#656565'
        });
        return;
    }

    jQuery('.color_row').each(function () {
        if (jQuery(this).attr('skin-name') == skin && skin != 'db_custom_skin' && skin != 'custom_skin') {
            jQuery(this).append('<div class="arp_selected_color_skin"></div>');
        }
    });

    jQuery('head').find('style').each(function () {
        var id = jQuery(this).attr('id');

        if (typeof id !== undefined && /(_pseudo_css)/ig.test(id)) {
            jQuery(this).remove();
        }
    });

    var css_pseudo_element_regex = arprice_css_pseudo_elements();

    var previous_skin = jQuery('input#arp_template_skin').val();

    jQuery('#arp_user_edited_columns').val('');

    jQuery('#arp_custom_color_code').val(color_code);

    var arp_column_background_colors = global_column_background_colors();

    var arp_column_section_bg_colors = global_column_section_background_colors();

    var css_classes = arp_column_section_bg_colors[template]['css'];
    var attributes = arp_column_section_bg_colors[template]['attribute'];
    var custom_skin = arp_column_section_bg_colors[template]['custom_css'];

    var arp_gradient_templates = arp_global_default_gradient_templates();
    var arp_gradient_template_colors = arp_global_default_gradient_colors();

    var arp_exclude_caption = arplite_exclude_caption_column_for_color_skin();

    var default_skin_gradient_templates = arp_gradient_templates['default_only'];
    var all_skin_gradient_templates = arp_gradient_templates['all_skins'];

    if (default_skin_gradient_templates.indexOf(template) > -1) {
        is_gradient_template = 1;
        default_skin_template = 1;
        all_skin_template = 0;
    } else if (all_skin_gradient_templates.indexOf(template) > -1) {
        is_gradient_template = 1;
        all_skin_template = 1;
        default_skin_template = 0;
    }

    if (typeof (arp_gradient_template_colors[template]) != 'undefined') {
        gradient_arr = arp_gradient_template_colors[template]['arp_color_skin']['arp_css'];
    }


    for (var level_name in gradient_arr) {
        gradient_arr = gradient_arr[level_name];
    }

    var arp_footer_section_templates = global_column_footer_type_templates();
    var arp_color_skin_templates = global_arp_color_skin_templats();

    var total_column = jQuery('.ArpPricingTableColumnWrapper').length;
    var column_without_caption = jQuery('.ArpPricingTableColumnWrapper:not(.maincaptioncolumn)').length;
    var m = 0;
    if (total_column > column_without_caption && arp_color_skin_templates['type_1'].indexOf(template) > -1) {
        var m = 0;
    } else if (total_column == column_without_caption && arp_color_skin_templates['type_1'].indexOf(template) > -1) {
        var m = 1;
    } else {
        var m = 0;
    }

    jQuery('.ArpPricingTableColumnWrapper').each(function (key) {
        $this = jQuery(this);
        var id = jQuery(this).attr('id');
        var btn_image_url = jQuery('#' + id).find('#btn_img_url').val();

        var col_arr_key = m % 5;

        if (arp_color_skin_templates['type_1'].indexOf(template) > -1) {
            if (col_arr_key == 0 && key > 0)
                col_arr_key = 5;
        } else if (arp_color_skin_templates['type_5'].indexOf(template) > -1) {
            col_arr_key = m % 5;
        } else {
            col_arr_key = 0;
        }

        var arp_header_background_color_input = (typeof arp_column_background_colors[template][skin]['arp_header_background'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_header_background'][col_arr_key] : '';

        if (arp_header_background_color_input == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_header_background_color_input = (typeof arp_column_background_colors[template][previous_skin]['arp_header_background'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_header_background'][1] : arp_column_background_colors[template][previous_skin]['arp_header_background'][0];
        }
	
	var arp_header_hover_bgcolor = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['header_bg_color'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['header_bg_color'][col_arr_key] : '';
        if (arp_header_hover_bgcolor == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_header_hover_bgcolor = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['header_bg_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['header_bg_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['header_bg_color'][0];
        }
	
	var arp_header_font_color = (typeof arp_column_background_colors[template][skin]['arp_header_font_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_header_font_color'][1] : '';
        if (arp_header_font_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_header_font_color = (typeof arp_column_background_colors[template][previous_skin]['arp_header_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_header_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_header_font_color'][0];
        }
	
	var arp_header_hover_font_color = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_header_hover_font_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_header_hover_font_color'][1] : '';
        if (arp_header_hover_font_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_header_hover_font_color = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_header_hover_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_header_hover_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_header_hover_font_color'][0];
        }

        var arp_pricing_background_color_input = (typeof arp_column_background_colors[template][skin]['arp_price_background'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_price_background'][col_arr_key] : '';

        if (arp_pricing_background_color_input == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_pricing_background_color_input = (typeof arp_column_background_colors[template][previous_skin]['arp_price_background'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_price_background'][1] : arp_column_background_colors[template][previous_skin]['arp_price_background'][0];
        }
	
	var arp_price_value_color_input = (typeof arp_column_background_colors[template][skin]['arp_price_value_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_price_value_color'][1] : '';
        if (typeof arp_price_value_color_input == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_price_value_color_input = (typeof arp_column_background_colors[template][previous_skin]['arp_price_value_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_price_value_color'][1] : arp_column_background_colors[template][previous_skin]['arp_price_value_color'][0];
        }
	
	var arp_price_value_hover_color = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_price_value_hover_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_price_value_hover_color'][1] : '';
        if (arp_price_value_hover_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_price_value_hover_color = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_price_value_hover_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_price_value_hover_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_price_value_hover_color'][0];
        }
	
	var arp_price_hover_bgcolor = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['price_bg_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['price_bg_color'][col_arr_key] : '';
        if (arp_price_hover_bgcolor == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_price_hover_bgcolor = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['price_bg_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['price_bg_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['price_bg_color'][0];
        }

        var arp_body_odd_row_background_color = (typeof arp_column_background_colors[template][skin]['arp_body_odd_row_background_color'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_body_odd_row_background_color'][0] : '';

        if (arp_body_odd_row_background_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_body_odd_row_background_color = arp_column_background_colors[template][previous_skin]['arp_body_odd_row_background_color'][0];
        }

        var arp_body_even_row_background_color_light = (typeof arp_column_background_colors[template][skin]['arp_body_even_row_background_color'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_body_even_row_background_color'][0] : '';

        if (arp_body_even_row_background_color_light == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_body_even_row_background_color_light = arp_column_background_colors[template][previous_skin]['arp_body_even_row_background_color'][0];
        }

        var arp_body_even_row_background_color_dark = (typeof arp_column_background_colors[template][skin]['arp_body_even_row_background_color'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_body_even_row_background_color'][1] : '';

        if (arp_body_even_row_background_color_dark == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_body_even_row_background_color_dark = (typeof arp_column_background_colors[template][previous_skin]['arp_body_even_row_background_color'][1]) ? arp_column_background_colors[template][previous_skin]['arp_body_even_row_background_color'][1] : arp_column_background_colors[template][previous_skin]['arp_body_even_row_background_color'][0];
        }
	
	var arp_body_odd_row_hover_background_color = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_body_odd_row_hover_background_color'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_body_odd_row_hover_background_color'][0] : '';
        if (arp_body_odd_row_hover_background_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_body_odd_row_hover_background_color = arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_body_odd_row_hover_background_color'][0];
        }

        var arp_body_even_row_hover_background_color = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_body_even_row_hover_background_color'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_body_even_row_hover_background_color'][0] : '';
        if (arp_body_even_row_hover_background_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_body_even_row_hover_background_color = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_body_even_row_hover_background_color'][1] !== 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_body_even_row_hover_background_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_body_even_row_hover_background_color'][0];
        }

        var arp_body_font_color = (typeof arp_column_background_colors[template][skin]['arp_body_font_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_body_font_color'][1] : '';
        if (arp_body_font_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_body_font_color = (typeof arp_column_background_colors[template][previous_skin]['arp_body_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_body_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_body_font_color'][0];
        }

        var arp_body_font_hover_color = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_body_font_hover_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_body_font_hover_color'][1] : '';
        if (arp_body_font_hover_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_body_font_hover_color = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_body_font_hover_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_body_font_hover_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_body_font_hover_color'][0];
        }

        var arp_body_even_font_color = (typeof arp_column_background_colors[template][skin]['arp_body_even_font_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_body_even_font_color'][1] : '';
        if (arp_body_even_font_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_body_even_font_color = (typeof arp_column_background_colors[template][previous_skin]['arp_body_even_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_body_even_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_body_even_font_color'][0];
        }

        var arp_body_even_font_hover_color = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_body_even_font_hover_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_body_even_font_hover_color'][1] : '';
        if (arp_body_even_font_hover_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_body_even_font_hover_color = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_body_even_font_hover_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_body_even_font_hover_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_body_even_font_hover_color'][0];
        }

        if (arp_footer_section_templates['type_1'].indexOf(template) > -1) {
            if (jQuery(this).hasClass('maincaptioncolumn')) {
                var arp_footer_content_background_color = (typeof arp_column_background_colors[template][skin]['arp_footer_background'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_footer_background'][0] : '';
                if (arp_footer_content_background_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
                    arp_footer_content_background_color = arp_column_background_colors[template][previous_skin]['arp_footer_background'][0];
                }
            } else {
                var arp_footer_content_background_color = (typeof arp_column_background_colors[template][skin]['arp_footer_background'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_footer_background'][1] : '';
                if (arp_footer_content_background_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
                    arp_footer_content_background_color = (typeof arp_column_background_colors[template][previous_skin]['arp_footer_background'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_footer_background'][1] : arp_column_background_colors[template][previous_skin]['arp_footer_background'][0];
                }
		
		var arp_footer_hover_bgcolor = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['footer_bg_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['footer_bg_color'][1] : '';
                if (arp_footer_hover_bgcolor == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
                    arp_footer_hover_bgcolor = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['footer_bg_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['footer_bg_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['footer_bg_color'][0];
                }
            }
        } else {

            var arp_footer_content_background_color = (typeof arp_column_background_colors[template][skin]['arp_footer_background'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_footer_background'][0] : '';

            if (arp_footer_content_background_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
                arp_footer_content_background_color = arp_column_background_colors[template][previous_skin]['arp_footer_background'][0];
            }
	    
	    var arp_footer_hover_bgcolor = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['footer_bg_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['footer_bg_color'][0] : '';
            if (arp_footer_hover_bgcolor == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
                arp_footer_hover_bgcolor = arp_column_background_colors[template][previous_skin]['arp_hover_color']['footer_bg_color'][0];
            }

        }
	
	var arp_footer_font_color_input = (typeof arp_column_background_colors[template][skin]['arp_footer_font_color'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_footer_font_color'][1] : '';
        if (arp_footer_font_color_input == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_footer_font_color_input = (typeof arp_column_background_colors[template][previous_skin]['arp_footer_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_footer_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_footer_font_color'][0];
        }
        var arp_footer_hover_font_color = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_footer_hover_font_color'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_footer_hover_font_color'][1] : '';
        if (arp_footer_hover_font_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_footer_hover_font_color = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_footer_hover_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_footer_hover_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_footer_hover_font_color'][0];
        }

        var arp_button_background_color_input = (typeof arp_column_background_colors[template][skin]['arp_button_background'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_button_background'][col_arr_key] : '';

        if (arp_button_background_color_input == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_button_background_color_input = (typeof arp_column_background_colors[template][previous_skin]['arp_button_background'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_button_background'][1] : arp_column_background_colors[template][previous_skin]['arp_button_background'][0];
        }
	
	var arp_button_hover_bgcolor = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['button_bg_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['button_bg_color'][col_arr_key] : '';
        if (arp_button_hover_bgcolor == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_button_hover_bgcolor = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['button_bg_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['button_bg_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['button_bg_color'][0];
        }

        var arp_button_font_color = (typeof arp_column_background_colors[template][skin]['arp_button_font_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_button_font_color'][1] : '';
        if (arp_button_font_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_button_font_color = (typeof arp_column_background_colors[template][previous_skin]['arp_button_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_button_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_button_font_color'][0];
        }

        var arp_button_hover_font_color = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_button_hover_font_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_button_hover_font_color'][1] : '';
        if (arp_button_hover_font_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_button_hover_font_color = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_button_hover_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_button_hover_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_button_hover_font_color'][0];
        }

        var arp_column_background_color_input = (typeof arp_column_background_colors[template][skin]['arp_column_background'] !== 'undefined') ? arp_column_background_colors[template][skin]['arp_column_background'][col_arr_key] : '';

        if (arp_column_background_color_input == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_column_background_color_input = (typeof arp_column_background_colors[template][previous_skin]['arp_column_background'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_column_background'][1] : arp_column_background_colors[template][previous_skin]['arp_column_background'][0];
        }
	
	var arp_column_hover_bgcolor = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['column_bg_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['column_bg_color'][col_arr_key] : '';
        if (arp_column_hover_bgcolor == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_column_hover_bgcolor = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['column_bg_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['column_bg_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['column_bg_color'][0];
        }

        var arp_description_background_color_input = (typeof arp_column_background_colors[template][skin]['arp_desc_background'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_desc_background'][col_arr_key] : '';

        if (arp_description_background_color_input == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_description_background_color_input = (typeof arp_column_background_colors[template][previous_skin]['arp_desc_background'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_desc_background'][1] : arp_column_background_colors[template][previous_skin]['arp_desc_background'][0];
        }
	
	var arp_description_font_color = (typeof arp_column_background_colors[template][skin]['arp_desc_font_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_desc_font_color'][1] : '';
        if (arp_description_font_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_description_font_color = (typeof arp_column_background_colors[template][previous_skin]['arp_desc_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_desc_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_desc_font_color'][0];
        }

        var arp_description_hover_font_color = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_desc_hover_font_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_desc_hover_font_color'][1] : '';
        if (arp_description_hover_font_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_description_hover_font_color = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_desc_hover_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_desc_hover_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_desc_hover_font_color'][0];
        }
	
	var arp_description_hover_background_color_input = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_desc_hover_background'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_desc_hover_background'][col_arr_key] : '';
        if (arp_description_hover_background_color_input == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_description_hover_background_color_input = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_desc_hover_background'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_desc_hover_background'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_desc_hover_background'][0];
        }



        var arp_price_duration_color_input = (typeof arp_column_background_colors[template][skin]['arp_price_duration_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_price_duration_color'][col_arr_key] : '';

        if (arp_price_duration_color_input == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_price_duration_color_input = (typeof arp_column_background_colors[template][previous_skin]['arp_price_duration_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_price_duration_color'][1] : arp_column_background_colors[template][previous_skin]['arp_price_duration_color'][0];
        }

        var arp_column_hover_bgcolor = (typeof arp_column_background_colors[template][skin]['arp_hover_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['column_bg_color'] : '';

        if (arp_column_hover_bgcolor == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_column_hover_bgcolor = arp_column_background_colors[template][previous_skin]['arp_hover_color']['column_bg_color'];
        }

        var arp_button_hover_bgcolor = (typeof arp_column_background_colors[template][skin]['arp_hover_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['button_bg_color'] : '';

        if (arp_button_hover_bgcolor == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_button_hover_bgcolor = arp_column_background_colors[template][previous_skin]['arp_hover_color']['button_bg_color'];
        }

        var arp_shortcode_background_color_input = (typeof arp_column_background_colors[template][skin]['arp_shortcode_background'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_shortcode_background'][col_arr_key] : '';
        if (arp_shortcode_background_color_input == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_shortcode_background_color_input = (typeof arp_column_background_colors[template][previous_skin]['arp_shortcode_background'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_shortcode_background'][1] : arp_column_background_colors[template][previous_skin]['arp_shortcode_background'][0];
        }

        var arp_shortcode_font_color = (typeof arp_column_background_colors[template][skin]['arp_shortcode_font_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_shortcode_font_color'][1] : '';
        if (arp_shortcode_font_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_shortcode_font_color = (typeof arp_column_background_colors[template][previous_skin]['arp_shortcode_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_shortcode_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_shortcode_font_color'][0];
        }

        var arp_shortcode_hover_font_color = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_shortcode_hover_font_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_shortcode_hover_font_color'][1] : '';
        if (arp_shortcode_hover_font_color == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_shortcode_hover_font_color = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_shortcode_hover_font_color'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_shortcode_hover_font_color'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_shortcode_hover_font_color'][0];
        }

        var arp_shortcode_hover_background_color_input = (typeof arp_column_background_colors[template][skin]['arp_hover_color']['arp_shortcode_hover_background'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_hover_color']['arp_shortcode_hover_background'][col_arr_key] : '';
        if (arp_shortcode_hover_background_color_input == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
            arp_shortcode_hover_background_color_input = (typeof arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_shortcode_hover_background'][1] != 'undefined') ? arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_shortcode_hover_background'][1] : arp_column_background_colors[template][previous_skin]['arp_hover_color']['arp_shortcode_hover_background'][0];
        }

        if (jQuery(this).hasClass('maincaptioncolumn')) {


            if (typeof arp_column_background_colors[template][skin] != 'undefined') {
                var header_caption_color_code = (typeof arp_column_background_colors[template][skin]['arp_header_background'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_header_background'][0] : '';

                if (header_caption_color_code == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
                    header_caption_color_code = arp_column_background_colors[template][previous_skin]['arp_header_background'][0];
                }

                var footer_caption_color_code = (typeof arp_column_background_colors[template][skin]['arp_footer_background'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_footer_background'][0] : '';

                if (footer_caption_color_code == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
                    footer_caption_color_code = arp_column_background_colors[template][previous_skin]['arp_footer_background'][0];
                }

                var odd_row_caption_color_code = (typeof arp_column_background_colors[template][skin]['arp_body_caption_odd_row_bg_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_body_caption_odd_row_bg_color'][0] : '';

                if (odd_row_caption_color_code == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
                    odd_row_caption_color_code = arp_column_background_colors[template][previous_skin]['arp_body_caption_odd_row_bg_color'][0];
                }

                var even_row_caption_color_code = (typeof arp_column_background_colors[template][skin]['arp_body_caption_even_row_bg_color'] != 'undefined') ? arp_column_background_colors[template][skin]['arp_body_caption_even_row_bg_color'][0] : '';

                if (even_row_caption_color_code == undefined && skin == 'custom_skin' && previous_skin != 'custom_skin') {
                    even_row_caption_color_code = arp_column_background_colors[template][previous_skin]['arp_body_caption_even_row_bg_color'][0];
                }
            }

            jQuery(this).find('.arpcaptiontitle').css('background', header_caption_color_code);
            jQuery(this).find('div#header_background_color').attr('data-color', header_caption_color_code);
            jQuery(this).find('div#header_background_color').attr('data-column_id', header_caption_color_code);
            jQuery(this).find('input#header_background_color').attr('value', header_caption_color_code);

            jQuery(this).find('.arpcolumnfooter').css('background', footer_caption_color_code);
            jQuery(this).find('div#footer_background_color').attr('data-color', footer_caption_color_code);
            jQuery(this).find('div#footer_background_color').attr('data-column_id', footer_caption_color_code);
            jQuery(this).find('input#footer_background_color').attr('value', footer_caption_color_code);

            jQuery(this).find('.arp_even_row').css('background', even_row_caption_color_code);
            jQuery(this).find('div#content_even_color').attr('data-color', even_row_caption_color_code);
            jQuery(this).find('div#content_even_color').attr('data-column_id', even_row_caption_color_code);
            jQuery(this).find('input#content_even_color').attr('value', even_row_caption_color_code);

            jQuery(this).find('.arp_odd_row').css('background', odd_row_caption_color_code);
            jQuery(this).find('div#content_odd_color').attr('data-color', odd_row_caption_color_code);
            jQuery(this).find('div#content_odd_color').attr('data-column_id', odd_row_caption_color_code);
            jQuery(this).find('input#content_odd_color').attr('value', odd_row_caption_color_code);

        } else {
            var cls_nm = [];
            var x = 0;
            var y = 0;
            var z = 0;

            for (var css_cls in css_classes) {
                var class_nm = css_cls;
                cls_nm[x] = class_nm;
                x++;
                var new_cls = css_classes[css_cls];

                for (var property in new_cls) {
                    var value = new_cls[property];
		    value = value.replace(/{arp_header_font_color}/, arp_header_font_color);
		    value = value.replace(/{arp_header_bg_custom_hover_color}/, arp_header_hover_bgcolor);
		    
                    value = value.replace(/{arp_header_background_color_input}/, arp_header_background_color_input);
                    if (/{arp_header_background_color_input_rgba\^\_\^\((\d(\.\d))\)}/gi.test(value)) {
                        var header_rgb = hextorgbcolor(arp_header_background_color_input);
                        var header_red = header_rgb.r;
                        var header_green = header_rgb.g;
                        var header_blue = header_rgb.b;
                        var new_val = value.split('^_^');
                        var opacity = new_val[1].replace('(', '');
                        opacity = opacity.replace(')', '');
                        opacity = opacity.replace('}', '');
                        var new_color = "rgba(" + header_red + "," + header_green + "," + header_blue + "," + opacity + ")";
                        value = value.replace(/{arp_header_background_color_input_rgba\^_\^\((\d(\.\d))\)}/, new_color);
                    }

                    value = value.replace(/{arp_pricing_background_color_input}/, arp_pricing_background_color_input);
		    value = value.replace(/{arp_price_bg_custom_hover_color}/, arp_price_hover_bgcolor);

                    if (btn_image_url != "") {
                        var arp_button_background_color_input_new = arp_button_background_color_input + " url(" + btn_image_url + ")no-repeat";
                    } else {
                        var arp_button_background_color_input_new = arp_button_background_color_input;
                    }

                    value = value.replace(/{arp_button_background_color_input}/, arp_button_background_color_input_new);

                    value = value.replace(/{arp_footer_background_color_input}/, arp_footer_content_background_color);
		    value = value.replace(/{arp_footer_font_color}/, arp_footer_font_color_input);
                    var clsname = class_nm;
                    if (true === css_pseudo_element_regex.test(class_nm)) {
                        clsname = class_nm.replace(css_pseudo_element_regex, '');
                    }

                    if (jQuery(this).find(clsname).hasClass('rowlightcolorstyle')) {
                        value = value.replace(/{arp_body_even_row_background_color}/, arp_body_even_row_background_color_light);
                    } else {

                        if (typeof arp_body_even_row_background_color_dark === 'undefined') {
                            value = value.replace(/{arp_body_even_row_background_color}/, arp_body_even_row_background_color_light);
                        } else {
                            value = value.replace(/{arp_body_even_row_background_color}/, arp_body_even_row_background_color_dark);
                        }
                    }

                    value = value.replace(/{arp_body_odd_row_background_color}/, arp_body_odd_row_background_color);
		    
		    value = value.replace(/{arp_body_font_color}/, arp_body_font_color);
                    value = value.replace(/{arp_body_even_font_color}/, arp_body_even_font_color);

                    value = value.replace(/{arp_column_background_color_input}/, arp_column_background_color_input);
		    value = value.replace(/{arp_column_bg_custom_hover_color}/, arp_column_hover_bgcolor);
		    
                    value = value.replace(/{arp_desc_background_color_input}/, arp_description_background_color_input);
		    value = value.replace(/{arp_desc_font_color}/, arp_description_font_color);
		    value = value.replace(/{arp_desc_hover_font_color}/, arp_description_hover_font_color);
		    
                    value = value.replace(/{arp_price_duration_color_input}/, arp_price_duration_color_input);

                    value = value.replace(/{arp_price_value_color_input}/, arp_price_value_color_input);

                    value = value.replace(/{arp_column_bg_custom_hover_color}/, arp_column_hover_bgcolor);

                    value = value.replace(/{arp_button_bg_custom_hover_color}/, arp_button_hover_bgcolor);
		    
		    value = value.replace(/{arp_button_bg_custom_hover_color}/, arp_button_hover_bgcolor);

                    value = value.replace(/{arp_button_font_color}/, arp_button_font_color);
                    value = value.replace(/{arp_button_hover_font_color}/, arp_button_hover_font_color);

                    value = value.replace(/{arp_body_even_row_hover_background_color}/, arp_body_even_row_hover_background_color);
                    value = value.replace(/{arp_body_odd_row_hover_background_color}/, arp_body_odd_row_hover_background_color);
                    value = value.replace(/{arp_shortcode_background_color_input}/, arp_shortcode_background_color_input);
                    value = value.replace(/{arp_shortcode_font_color}/, arp_shortcode_font_color);
                    value = value.replace(/{arp_shortcode_hover_background_color_input}/, arp_shortcode_hover_background_color_input);
                    value = value.replace(/{arp_shortcode_hover_font_color}/, arp_shortcode_hover_font_color);

                    var clsnmtmp = class_nm.replace('.', '');

                    if (typeof gradient_arr[class_nm] != 'undefined') {
                        var gradient_css = "";

                        if (typeof col_arr_key == 'undefined' || col_arr_key == '')
                            col_arr_key = 0;

                        var colors = gradient_arr[class_nm][skin][col_arr_key];

                        if (skin == 'custom_skin') {
                            var colors = colors.split('___');
                            var color1 = colors[0];
                            var lum = colors[1];
                            var putcol = colors[2];

                            color1 = color1.replace('{arp_header_background_color}', arp_header_background_color_input);
                            color1 = color1.replace('{arp_pricing_background_color_input}', arp_pricing_background_color_input);

                            lum = lum.replace(/{/, '');
                            lum = lum.replace(/}/, '');

                            if (lum.length > 3)
                                lum = lum / 1000;
                            else
                                lum = lum / 100;

                            var color2 = generate_color(color1, lum);

                            if (putcol == 1) {
                                var first_col = color1;
                                var base_col = color1;
                                color1 = color2;
                            } else {
                                first_col = color1
                                color1 = color1;
                                var base_col = color2;
                            }

                        } else {
                            var colors = colors.split('___');

                            var color1 = colors[0];
                            var color2 = colors[1];
                            var putcol = colors[2];
                            if (putcol == 1) {
                                var first_col = color1;
                                var base_col = color1;
                                color1 = color2;
                            } else {
                                first_col = color1
                                color1 = color1;
                                var base_col = color2;
                            }
                        }

                        var properties = ['background', 'background-color', 'background-image', 'background-image', 'background-image', 'background-image', 'background-image', 'background-repeat', 'filter', '-ms-filter'];
                        var values = [first_col + ';', first_col + ';', '-moz-linear-gradient(top,' + base_col + ',' + color1 + ');', '-webkit-gradient(linear,0 0, 100%, from(), to(' + base_col + ',' + color1 + ');', '-o-linear-gradient(top, ' + base_col + ', ' + color1 + ');', 'linear-gradient(to bottom,' + base_col + ',' + color1 + ')', '-webkit-linear-gradient(top, ' + base_col + ', ' + color1 + ')', 'repeat-x', '"progid:DXImageTransform.Microsoft.gradient (startColorstr=' + base_col + ', endColorstr=' + color1 + ', GradientType=0);"', '"progid:DXImageTransform.Microsoft.gradient (startColorstr=' + base_col + ', endColorstr=' + color1 + ', GradientType=0);"'];
                        if (true === css_pseudo_element_regex.test(class_nm)) {
                            arprice_set_before_after_pseudo_css(css_pseudo_element_regex, class_nm, properties, values, '');
                        } else {
                            jQuery(properties).each(function (key) {
                                $this.find(class_nm).css(properties[key], values[key]);
                            });
                        }

                    } else {
                        if (css_pseudo_element_regex.test(class_nm)) {
                            arprice_set_before_after_pseudo_css(css_pseudo_element_regex, class_nm, property, value, '');
                        } else {

                            if (class_nm === '.rounded_corder') {
                                var arp_style = jQuery('input#arp_shortcode_customization_style[data-column=' + jQuery(this).attr('id') + ']').val();
                                var arp_shortcode_custom_type_array_value = arp_shortcode_custom_type_array();
                                arp_shortcode_custom_type_array_value = jQuery.parseJSON(arp_shortcode_custom_type_array_value);
                                if (typeof arp_shortcode_custom_type_array_value[arp_style] !== 'undefined' && arp_shortcode_custom_type_array_value[arp_style]['type'] == 'solid') {
                                    jQuery(this).find(class_nm).css('border-color', arp_shortcode_background_color_input);
                                    jQuery(this).find(class_nm).css('background-color', arp_shortcode_background_color_input);
                                } else if (typeof arp_shortcode_custom_type_array_value[arp_style] !== 'undefined' && arp_shortcode_custom_type_array_value[arp_style]['type'] == 'bordered') {
                                    jQuery(this).find(class_nm).css('border-color', arp_shortcode_background_color_input);
                                }
                            } else {
                                $this.find(class_nm).css(property, value);
                            }
                        }
                    }
                }
            }

            for (var elements_ in attributes) {
                var element = elements_.split('___');
                var elem = element[0];
                var parent = element[1];
                var new_attrs = attributes[elements_];

                for (var attrs in new_attrs) {
                    var value = new_attrs[attrs];

                    value = value.replace(/{arp_header_background_color_input}/, arp_header_background_color_input);
		    value = value.replace(/{arp_header_bg_custom_hover_color}/, arp_header_hover_bgcolor);
                    value = value.replace(/{arp_header_font_color}/, arp_header_font_color);
		    value = value.replace(/{arp_header_hover_font_color}/, arp_header_hover_font_color);

                    value = value.replace(/{arp_pricing_background_color_input}/, arp_pricing_background_color_input);
		    value = value.replace(/{arp_price_bg_custom_hover_color}/, arp_price_hover_bgcolor);
                    value = value.replace(/{arp_button_background_color_input}/, arp_button_background_color_input);
		    value = value.replace(/{arp_button_bg_custom_hover_color}/, arp_button_hover_bgcolor);
		    value = value.replace(/{arp_button_font_color}/, arp_button_font_color);
                    value = value.replace(/{arp_button_hover_font_color}/, arp_button_hover_font_color);
		    
                    value = value.replace(/{arp_footer_background_color_input}/, arp_footer_content_background_color);
		    value = value.replace(/{arp_footer_bg_custom_hover_color}/, arp_footer_hover_bgcolor);

                    var clsname = cls_nm[y];
                    if (true === css_pseudo_element_regex.test(cls_nm[y])) {
                        clsname = cls_nm[y].replace(css_pseudo_element_regex, '');
                    }
                    if (jQuery(this).find(clsname).hasClass('rowlightcolorstyle')) {
                        value = value.replace(/{arp_body_even_row_background_color}/, arp_body_even_row_background_color_light);
                    } else {

                        if (typeof arp_body_even_row_background_color_dark === 'undefined') {
                            value = value.replace(/{arp_body_even_row_background_color}/, arp_body_even_row_background_color_light);
                        } else {
                            value = value.replace(/{arp_body_even_row_background_color}/, arp_body_even_row_background_color_dark);
                        }
                    }
		    value = value.replace(/{arp_body_even_row_hover_background_color}/, arp_body_even_row_hover_background_color);
                    value = value.replace(/{arp_body_odd_row_background_color}/, arp_body_odd_row_background_color);
		    value = value.replace(/{arp_body_odd_row_hover_background_color}/, arp_body_odd_row_hover_background_color);
                    value = value.replace(/{arp_column_background_color_input}/, arp_column_background_color_input);
		    value = value.replace(/{arp_column_bg_custom_hover_color}/, arp_column_hover_bgcolor);
                    value = value.replace(/{arp_desc_background_color_input}/, arp_description_background_color_input);
		    value = value.replace(/{arp_desc_bg_custom_hover_color}/, arp_description_hover_background_color_input);
		    value = value.replace(/{arp_desc_font_color}/, arp_description_font_color);
		    value = value.replace(/{arp_desc_hover_font_color}/, arp_description_hover_font_color);
                    value = value.replace(/{arp_price_duration_color_input}/, arp_price_duration_color_input);

                    value = value.replace(/{arp_price_value_color_input}/, arp_price_value_color_input);
		    value = value.replace(/{arp_price_value_hover_color_input}/, arp_price_value_hover_color);
		    value = value.replace(/{arp_body_font_color}/, arp_body_font_color);
                    value = value.replace(/{arp_body_font_hover_color}/, arp_body_font_hover_color);
                    value = value.replace(/{arp_body_even_font_color}/, arp_body_even_font_color);
                    value = value.replace(/{arp_body_even_font_hover_color}/, arp_body_even_font_hover_color);

                    value = value.replace(/{arp_column_bg_custom_hover_color}/, arp_column_hover_bgcolor);

                    value = value.replace(/{arp_button_bg_custom_hover_color}/, arp_button_hover_bgcolor);
		    value = value.replace(/{arp_footer_font_color}/, arp_footer_font_color_input);
                    value = value.replace(/{arp_footer_hover_font_color}/, arp_footer_hover_font_color);
                    value = value.replace(/{arp_shortcode_background_color_input}/, arp_shortcode_background_color_input);
                    value = value.replace(/{arp_shortcode_font_color}/, arp_shortcode_font_color);
                    value = value.replace(/{arp_shortcode_hover_background_color_input}/, arp_shortcode_hover_background_color_input);
                    value = value.replace(/{arp_shortcode_hover_font_color}/, arp_shortcode_hover_font_color);

                    elem = elem.replace('_{col_id}', '_' + id);
                    if (parent == 0) {
                        jQuery(this).find(elem).attr(attrs, value);
			var new_element = elem.replace('input#', '');
                        new_element = new_element + '_wrapper';

                        if (document.getElementById(new_element) != null && value !== '' && document.getElementById(new_element).jscolor !== undefined) {
                            document.getElementById(new_element).jscolor.fromString("'" + value.replace('#', '') + "'");
                        }
                    } else {
                        jQuery(this).find(elem).parent().attr(attrs, value);
                    }
                    y++;
                }
            }
        }
        m++;
    });
    jQuery("input#arp_template_skin").val(skin);
    if (skin == 'multicolor') {
        jQuery("#general_color_box").css('background', '');
        jQuery("#general_color_box").addClass("multi-color-small-icon");
    } else {
        jQuery("#general_color_box").removeClass("multi-color-small-icon");
        jQuery("#general_color_box").css('background', '#' + color_code);
    }

    jQuery(".column_custom_background").hide();
    var $skins = jQuery("#general_color_box_div").attr('data-skins');
    var $colorskins = jQuery.parseJSON($skins);
    jQuery($colorskins).each(function (x) {
        jQuery('.ArpPriceTable').removeClass('arp' + $colorskins[x]);
    });
    jQuery('.ArpPriceTable').addClass('arp' + skin);

}

function arp_removeVariableFromURL(url_string, variable_name) {
    var URL = String(url_string);
    var regex = new RegExp("\\?" + variable_name + "=[^&]*&?", "gi");
    URL = URL.replace(regex, '?');
    regex = new RegExp("\\&" + variable_name + "=[^&]*&?", "gi");
    URL = URL.replace(regex, '&');
    URL = URL.replace(/(\?|&)$/, '');
    regex = null;
    return URL;
}

function add_header_shortcode_fn(col)
{
    if (!col)
        return;

    var col_name = jQuery(col).attr('name');
    var col_id = col_name.replace('add_header_shortcode_btn_', '');

    jQuery('#arp_image_shortcode_div').find('button#arp_image_url').attr('data-column-id', 'main_column_' + col_id);

    jQuery('#arp_googlemap_shortcode_div').find('button[data-id=arp_googlemap_marker_image]').attr('data-column-id', 'main_column_' + col_id);

    jQuery('#shortcode_to_insert').val(col_id);
    jQuery('#new_template_modal').bPopup();
    jQuery('#add_header_shortcode_form').trigger('reset');
    jQuery('.arp_shortcode_div').hide();
    jQuery('#arp_iframeContent').html('');

    var shortcode_value = jQuery('#main_column_' + col_id).find('#additional_shortcode_input').val();
    var target = jQuery.parseJSON(jQuery('#arp_shortcode_types_hidden').val());
    var html = '';

    html += "<input type='hidden' name='arp_shortcode_type' id='arp_shortcode_type'/>";
    html += "<dl id='select_arp_shortcode_type' data-name='arp_shortcode_type' data-id='arp_shortcode_type' class='arp_selectbox' style='width:235px;'>";
    html += "<dt><span style='float:left;max-width:100px;'></span><i class='fa fa-caret-down fa-lg'></i></dt>";
    html += "<dd>";
    html += "<ul data-id='arp_shortcode_type' style='min-height:420px'>";

    for (var key in target) {

        if (key == 'image') {
            html += "<ol class='arp_selectbox_group_label'>&nbsp;&nbsp;" + __ARP_GROUP_IMG + "</ol>";
            for (var img in target[key]) {
                html += "<li data-value='arp_" + img + "' data-label='" + target[key][img] + "' onclick='arp_shortcode_change(\"arp_" + img + "\");'>" + target[key][img] + "</li>";
            }
        }
        if (key == 'video') {
            html += "<ol class='arp_selectbox_group_label'>&nbsp;&nbsp;" + __ARP_GROUP_VIDEO + "</ol>";
            for (var video in target[key]) {
                html += "<li data-value='arp_" + video + "' data-label='" + target[key][video] + "' onclick='arp_shortcode_change(\"arp_" + video + "\");'>" + target[key][video] + "</li>";
            }
        }
        if (key == 'audio') {
            html += "<ol class='arp_selectbox_group_label'>&nbsp;&nbsp;" + __ARP_GROUP_AUDIO + "</ol>";
            for (var audio in target[key]) {
                html += "<li data-value='arp_" + audio + "' data-label='" + target[key][audio] + "' onclick='arp_shortcode_change(\"arp_" + audio + "\");'>" + target[key][audio] + "</li>";
            }
        }
        if (key == 'other') {
            html += "<ol class='arp_selectbox_group_label'>" + __ARP_GROUP_OTHER + "</ol>";
            for (var other in target[key]) {
                html += "<li data-value='arp_" + other + "' data-label='" + target[key][other] + "' onclick='arp_shortcode_change(\"arp_" + other + "\");'>" + target[key][other] + "</li>";
            }
        }


    }
    html += "</ul>";
    html += "</dd>";
    html += "</dl>";

    jQuery('#arp_shortcode_type_dd').html(html);

    if (shortcode_value.indexOf('<img') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_image');
        jQuery("#arp_shortcode_type_value").val('arp_image');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Image');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_image_shortcode_div').show();
        var img_src = jQuery(shortcode_value).attr('src');
        var img_height = jQuery(shortcode_value).attr('height');
        var img_width = jQuery(shortcode_value).attr('width');
        var open_in_lightbox = jQuery(shortcode_value).attr('open_in_lightbox');

        jQuery('#arp_image_url').val(img_src);
        jQuery('#arp_image_height').val(img_height);
        jQuery('#arp_image_width').val(img_width);

        if (open_in_lightbox == 1) {
            jQuery('input#arp_image_open_lightbox').attr('checked', true);
            jQuery('span#arp_image_open_lightbox').addClass('checked');
        } else {
            jQuery('input#arp_image_open_lightbox').attr('checked', false);
            jQuery('span#arp_image_open_lightbox').removeClass('checked');
        }
    }
    if (shortcode_value.indexOf('arp_header') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_image');
        jQuery("#arp_shortcode_type_value").val('arp_image');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Image');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_image_shortcode_div').show();

        var shortcode_string = wp.shortcode.next('arp_header_image', shortcode_value);

        var img_src = shortcode_string.shortcode.attrs.named.id;

        var img_height = shortcode_string.shortcode.attrs.named.height;

        var img_width = shortcode_string.shortcode.attrs.named.width;

        var open_in_lightbox = shortcode_string.shortcode.attrs.named.open_in_lightbox;

        jQuery('#arp_image_url').val(img_src);
        jQuery('#arp_image_height').val(img_height);
        jQuery('#arp_image_width').val(img_width);

        if (open_in_lightbox == 1) {
            jQuery('input#arp_image_open_lightbox').attr('checked', true);
            jQuery('span#arp_image_open_lightbox').addClass('checked');
        } else {
            jQuery('input#arp_image_open_lightbox').attr('checked', false);
            jQuery('span#arp_image_open_lightbox').removeClass('checked');
        }
    } else if (shortcode_value.indexOf('arp_youtube') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_youtube');
        jQuery("#arp_shortcode_type_value").val('arp_youtube');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Youtube Video');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_youtube_shortcode_div').show();

        var shortcode_string = wp.shortcode.next('arp_youtube_video', shortcode_value);

        var video_id = shortcode_string.shortcode.attrs.named.id;

        var video_height = shortcode_string.shortcode.attrs.named.height;

        var video_width = shortcode_string.shortcode.attrs.named.width;

        var autoplay = shortcode_string.shortcode.attrs.named.autoplay;

        var open_in_lightbox = shortcode_string.shortcode.attrs.named.open_in_lightbox;


        jQuery("#arp_youtube_id").val(video_id);

        jQuery("#arp_youtube_height").val(video_height);

        jQuery("#arp_youtube_width").val(video_width);

        if (autoplay == 1) {
            jQuery('input#arp_youtube_autoplay').attr('checked', true);
            jQuery('span#arp_youtube_autoplay').addClass('checked');
        } else {
            jQuery('input#arp_youtube_autoplay').attr('checked', false);
            jQuery('span#arp_youtube_autoplay').removeClass('checked');
        }

        if (open_in_lightbox == 1) {
            jQuery('input#arp_youtube_open_lightbox').attr('checked', true);
            jQuery('span#arp_youtube_open_lightbox').addClass('checked');
        } else {
            jQuery('input#arp_youtube_open_lightbox').attr('checked', false);
            jQuery('span#arp_youtube_open_lightbox').removeClass('checked');
        }

    } else if (shortcode_value.indexOf('arp_vimeo') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_vimeo');
        jQuery("#arp_shortcode_type_value").val('arp_vimeo');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Vimeo Video');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_vimeo_shortcode_div').show();
        var shortcode_string = wp.shortcode.next('arp_vimeo_video', shortcode_value);
        var video_id = shortcode_string.shortcode.attrs.named.id;
        var video_height = shortcode_string.shortcode.attrs.named.height;
        var video_width = shortcode_string.shortcode.attrs.named.width;
        var autoplay = shortcode_string.shortcode.attrs.named.autoplay;
        var open_in_lightbox = shortcode_string.shortcode.attrs.named.open_in_lightbox;
        jQuery('#arp_vimeo_id').val(video_id);
        jQuery('#arp_vimeo_height').val(video_height);
        jQuery("#arp_vimeo_width").val(video_width);
        if (autoplay == 1) {
            jQuery('input#arp_vimeo_autoplay').attr('checked', true);
            jQuery('span#arp_vimeo_autoplay').addClass('checked');
        } else {
            jQuery('input#arp_vimeo_autoplay').attr('checked', false);
            jQuery('span#arp_vimeo_autoplay').removeClass('checked');
        }
        if (open_in_lightbox == 1) {
            jQuery('input#arp_vimeo_open_lightbox').attr('checked', true);
            jQuery('span#arp_vimeo_open_lightbox').addClass('checked');
        } else {
            jQuery('input#arp_vimeo_open_lightbox').attr('checked', false);
            jQuery('span#arp_vimeo_open_lightbox').removeClass('checked');
        }
    } else if (shortcode_value.indexOf('arp_screenr') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_screenr');
        jQuery("#arp_shortcode_type_value").val('arp_screenr');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Screenr Video');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_screenr_shortcode_div').show();
        var shortcode_string = wp.shortcode.next('arp_screenr_video', shortcode_value);
        var video_id = shortcode_string.shortcode.attrs.named.id;
        var video_height = shortcode_string.shortcode.attrs.named.height;
        var video_width = shortcode_string.shortcode.attrs.named.width;
        var open_in_lightbox = shortcode_string.shortcode.attrs.named.open_in_lightbox;
        jQuery('#arp_screenr_id').val(video_id);
        jQuery('#arp_screenr_height').val(video_height);
        jQuery("#arp_screenr_width").val(video_width);
        if (open_in_lightbox == 1) {
            jQuery('input#arp_screenr_open_lightbox').attr('checked', true);
            jQuery('span#arp_screenr_open_lightbox').addClass('checked');
        } else {
            jQuery('input#arp_screenr_open_lightbox').attr('checked', false);
            jQuery('span#arp_screenr_open_lightbox').removeClass('checked');
        }
    } else if (shortcode_value.indexOf('arp_html5_video') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_video');
        jQuery("#arp_shortcode_type_value").val('arp_video');
        jQuery("dl#select_arp_shortcode_type").find('span').html('HTML5 Video');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_video_shortcode_div').show();
        var shortcode_string = wp.shortcode.next('arp_html5_video', shortcode_value);
        var mp4_video = shortcode_string.shortcode.attrs.named.mp4;
        var webm_video = shortcode_string.shortcode.attrs.named.webm;
        var ogg_video = shortcode_string.shortcode.attrs.named.ogg;
        var poster = shortcode_string.shortcode.attrs.named.poster;
        var autoplay = shortcode_string.shortcode.attrs.named.autoplay;
        var open_in_lightbox = shortcode_string.shortcode.attrs.named.open_in_lightbox;
        var loop = shortcode_string.shortcode.attrs.named.loop;
        jQuery('#arp_video_mp4').val(mp4_video);
        jQuery('#arp_video_webm').val(webm_video);
        jQuery('#arp_video_ogg').val(ogg_video);
        jQuery('#arp_video_poster').val(poster);
        if (autoplay == 1) {
            jQuery("input#arp_video_autoplay").attr('checked', true);
            jQuery('span#arp_video_autoplay').addClass('checked');
        } else {
            jQuery("input#arp_video_autoplay").attr('checked', false);
            jQuery('span#arp_video_autoplay').removeClass('checked');
        }
        if (open_in_lightbox == 1) {
            jQuery('input#arp_video_open_lightbox').attr('checked', true);
            jQuery('span#arp_video_open_lightbox').addClass('checked');
        } else {
            jQuery('input#arp_video_open_lightbox').attr('checked', false);
            jQuery('span#arp_video_open_lightbox').removeClass('checked');
        }
        if (loop == 1) {
            jQuery("input#arp_video_loop").attr('checked', true);
            jQuery('span#arp_video_loop').addClass('checked');
        } else {
            jQuery("input#arp_video_loop").attr('checked', false);
            jQuery('span#arp_video_loop').removeClass('checked');
        }
    } else if (shortcode_value.indexOf('arp_html5_audio') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_audio');
        jQuery("#arp_shortcode_type_value").val('arp_audio');
        jQuery("dl#select_arp_shortcode_type").find('span').html('HTML5 Audio');
        jQuery('.arp_shortcode_div').hide();
        jQuery("#arp_audio_shortcode_div").show();
        var shortcode_string = wp.shortcode.next('arp_html5_audio', shortcode_value);
        var mp3_audio = shortcode_string.shortcode.attrs.named.mp3;
        var ogg_audio = shortcode_string.shortcode.attrs.named.ogg;
        var wav_audio = shortcode_string.shortcode.attrs.named.wav;
        var autoplay = shortcode_string.shortcode.attrs.named.autoplay;
        var loop = shortcode_string.shortcode.attrs.named.loop;
        if (loop == 1) {
            jQuery("input#arp_audio_loop").attr('checked', true);
            jQuery('span#arp_audio_loop').addClass('checked');
        } else {
            jQuery("input#arp_audio_loop").attr('checked', false);
            jQuery('span#arp_audio_loop').removeClass('checked');
        }
        if (autoplay == 1) {
            jQuery("input#arp_audio_autoplay").attr('checked', true);
            jQuery('span#arp_audio_autoplay').addClass('checked');
        } else {
            jQuery("input#arp_audio_autoplay").attr('checked', false);
            jQuery('span#arp_audio_autoplay').removeClass('checked');
        }
        jQuery("#arp_audio_mp3").val(mp3_audio);
        jQuery('#arp_audio_ogg').val(ogg_audio);
        jQuery('#arp_audio_wav').val(wav_audio);
    } else if (shortcode_value.indexOf('arp_googlemap') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_googlemap');
        jQuery("#arp_shortcode_type_value").val('arp_googlemap');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Google map');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_googlemap_shortcode_div').show();
        var shortcode_string = wp.shortcode.next('arp_googlemap', shortcode_value);
        var map_address = shortcode_string.shortcode.attrs.named.address;
        var map_height = shortcode_string.shortcode.attrs.named.height;
        var zoom_level = shortcode_string.shortcode.attrs.named.zoom_level;
        var marker_img = shortcode_string.shortcode.attrs.named.marker_image;
        var map_title = shortcode_string.shortcode.attrs.named.title;
        var map_content = shortcode_string.shortcode.attrs.named.content;
        var show_popup = shortcode_string.shortcode.attrs.named.show_popup;
        if (show_popup == 1) {
            jQuery("input#arp_googlemap_mapinfo_show_default").attr('checked', true);
            jQuery("span#arp_googlemap_mapinfo_show_default").addClass('checked');
        } else {
            jQuery("input#arp_googlemap_mapinfo_show_default").attr('checked', false);
            jQuery("span#arp_googlemap_mapinfo_show_default").removeClass('checked');
        }
        jQuery("#arp_googlemap_address").val(map_address);
        jQuery("#arp_googlemap_height").val(map_height);
        jQuery("#arp_googlemap_zoom_level").val(zoom_level);
        jQuery("#arp_googlemap_marker_image").val(marker_img);
        jQuery("#arp_googlemap_mapinfo_title").val(map_title);
        jQuery("#arp_googlemap_mapinfo_content").val(map_content);
    } else if (shortcode_value.indexOf('arp_dailymotion') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_dailymotion');
        jQuery("#arp_shortcode_type_value").val('arp_dailymotion');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Dailymotion Video');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_dailymotion_shortcode_div').show();

        var shortcode_string = wp.shortcode.next('arp_dailymotion_video', shortcode_value);

        var video_id = shortcode_string.shortcode.attrs.named.id;

        var video_height = shortcode_string.shortcode.attrs.named.height;

        var video_width = shortcode_string.shortcode.attrs.named.width;

        var autoplay = shortcode_string.shortcode.attrs.named.autoplay;

        var open_in_lightbox = shortcode_string.shortcode.attrs.named.open_in_lightbox;

        jQuery("#arp_dailymotion_id").val(video_id);

        jQuery("#arp_dailymotion_height").val(video_height);

        jQuery("#arp_dailymotion_width").val(video_width);

        if (autoplay == 1) {
            jQuery('input#arp_dailymotion_autoplay').attr('checked', true);
            jQuery('span#arp_dailymotion_autoplay').addClass('checked');
        } else {
            jQuery('input#arp_dailymotion_autoplay').attr('checked', false);
            jQuery('span#arp_dailymotion_autoplay').removeClass('checked');
        }
        if (open_in_lightbox == 1) {
            jQuery('input#arp_dailymotion_open_lightbox').attr('checked', true);
            jQuery('span#arp_dailymotion_open_lightbox').addClass('checked');
        } else {
            jQuery('input#arp_dailymotion_open_lightbox').attr('checked', false);
            jQuery('span#arp_dailymotion_open_lightbox').removeClass('checked');
        }

    } else if (shortcode_value.indexOf('arp_metacafe') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_metacafe');
        jQuery("#arp_shortcode_type_value").val('arp_metacafe');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Metacafe Video');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_metacafe_shortcode_div').show();

        var shortcode_string = wp.shortcode.next('arp_metacafe_video', shortcode_value);

        var video_id = shortcode_string.shortcode.attrs.named.id;

        var video_height = shortcode_string.shortcode.attrs.named.height;

        var video_width = shortcode_string.shortcode.attrs.named.width;

        var autoplay = shortcode_string.shortcode.attrs.named.autoplay;

        var open_in_lightbox = shortcode_string.shortcode.attrs.named.open_in_lightbox;

        jQuery("#arp_metacafe_id").val(video_id);

        jQuery("#arp_metacafe_height").val(video_height);

        jQuery("#arp_metacafe_width").val(video_width);

        if (autoplay == 1) {
            jQuery('input#arp_metacafe_autoplay').attr('checked', true);
            jQuery('span#arp_metacafe_autoplay').addClass('checked');
        } else {
            jQuery('input#arp_metacafe_autoplay').attr('checked', false);
            jQuery('span#arp_metacafe_autoplay').removeClass('checked');
        }
        if (open_in_lightbox == 1) {
            jQuery('input#arp_metacafe_open_lightbox').attr('checked', true);
            jQuery('span#arp_metacafe_open_lightbox').addClass('checked');
        } else {
            jQuery('input#arp_metacafe_open_lightbox').attr('checked', false);
            jQuery('span#arp_metacafe_open_lightbox').removeClass('checked');
        }

    } else if (shortcode_value.indexOf('arp_soundcloud') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_soundcloud');
        jQuery("#arp_shortcode_type_value").val('arp_soundcloud');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Soundcloud Audio');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_soundcloud_shortcode_div').show();

        var shortcode_string = wp.shortcode.next('arp_soundcloud_audio', shortcode_value);

        var audio_id = shortcode_string.shortcode.attrs.named.id;

        var audio_height = shortcode_string.shortcode.attrs.named.height;

        var autoplay = shortcode_string.shortcode.attrs.named.autoplay;

        jQuery("#arp_soundcloud_id").val(audio_id);

        jQuery("#arp_soundcloud_height").val(audio_height);

        if (autoplay == 1) {
            jQuery('input#arp_soundcloud_autoplay').attr('checked', true);
            jQuery('span#arp_soundcloud_autoplay').addClass('checked');
        } else {
            jQuery('input#arp_soundcloud_autoplay').attr('checked', false);
            jQuery('span#arp_soundcloud_autoplay').removeClass('checked');
        }

    } else if (shortcode_value.indexOf('arp_mixcloud') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_mixcloud');
        jQuery("#arp_shortcode_type_value").val('arp_mixcloud');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Mixcloud Audio');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_mixcloud_shortcode_div').show();

        var shortcode_string = wp.shortcode.next('arp_mixcloud_audio', shortcode_value);

        var audio_id = shortcode_string.shortcode.attrs.named.id;

        var autoplay = shortcode_string.shortcode.attrs.named.autoplay;

        jQuery("#arp_mixcloud_url").val(audio_id);

        jQuery("#arp_mixcloud_height").val(audio_height);

        if (autoplay == 1) {
            jQuery('input#arp_mixcloud_autoplay').attr('checked', true);
            jQuery('span#arp_mixcloud_autoplay').addClass('checked');
        } else {
            jQuery('input#arp_mixcloud_autoplay').attr('checked', false);
            jQuery('span#arp_mixcloud_autoplay').removeClass('checked');
        }

    } else if (shortcode_value.indexOf('arp_beatport') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_beatport');
        jQuery("#arp_shortcode_type_value").val('arp_beatport');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Beatport Audio');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_beatport_shortcode_div').show();

        var shortcode_string = wp.shortcode.next('arp_beatport_audio', shortcode_value);

        var audio_id = shortcode_string.shortcode.attrs.named.id;

        var audio_height = shortcode_string.shortcode.attrs.named.height;

        var autoplay = shortcode_string.shortcode.attrs.named.autoplay;

        jQuery("#arp_beatport_id").val(audio_id);

        jQuery("#arp_metacafe_height").val(audio_height);

        if (autoplay == 1) {
            jQuery('input#arp_beatport_autoplay').attr('checked', true);
            jQuery('span#arp_beatport_autoplay').addClass('checked');
        } else {
            jQuery('input#arp_beatport_autoplay').attr('checked', false);
            jQuery('span#arp_beatport_autoplay').removeClass('checked');
        }

    } else if (shortcode_value.indexOf('arp_embed') > -1) {
        jQuery('.arp_select_box_header_scode').val('arp_embed');
        jQuery("#arp_shortcode_type_value").val('arp_embed');
        jQuery("dl#select_arp_shortcode_type").find('span').html('Embed Block');
        jQuery('.arp_shortcode_div').hide();
        jQuery('#arp_embed_shortcode_div').show();

        var shortcode_string = wp.shortcode.next('arp_embed', shortcode_value);
        var embed = shortcode_string.shortcode.attrs.named.embed;
        var embed = htmlDecode(embed);
        jQuery("#arp_embed_id").val(embed);

    }

}

function add_arp_button_shortcode(col, sec_btn)
{
    if (!col)
        return;

    if (jQuery(col).parent().find('.arp_font_awesome_model_box_container').is(':visible')) {
        jQuery(col).parent().find('.arp_font_awesome_model_box_container:visible').slideUp(500);
        return;
    }

    var col_name = jQuery(col).attr('name');
    if (sec_btn == true)
    {
        var col_no = col_name.replace('second_add_button_shortcode_', '');
        jQuery("#add_to_sec_btn").val(1);
    } else {
        var col_no = col_name.replace('add_button_shortcode_', '');
        jQuery("#add_to_sec_btn").val(0);
    }

    if (jQuery("#main_column_" + col_no).find("#button_text").find('ul.column_tabs li.selected').hasClass('toggle_step_first_tab')) {
        col_no = col_no;
    }
    if (jQuery("#main_column_" + col_no).find("#button_text").find('ul.column_tabs li.selected').hasClass('toggle_step_second_tab')) {
        col_no = "second_" + col_no;
    }
    if (jQuery("#main_column_" + col_no).find("#button_text").find('ul.column_tabs li.selected').hasClass('toggle_step_third_tab')) {
        col_no = "third_" + col_no;
    }


    jQuery('#fa_to_insertcol').val(col_no);
    jQuery('#fa_to_insertrow').val('button');

    if (jQuery(col).parent().find('button').hasClass('arp_add_row_object')) {
        var single_arrow = '';
    }
    else {
        var single_arrow = 'arp_font_awesome_arrow_single';
    }

    jQuery(col).parent().find('.arp_font_awesome_model_box_container').slideDown(500);
    $this = jQuery(col);
    var ArpFontIcon = jQuery('#arp_font_icons').html();
    if (jQuery(col).parent().find('.arp_font_awesome_model_box_container').html() == '') {
        jQuery(col).parent().find('.arp_font_awesome_model_box_container').html("<div class='arp_font_awesome_arrow" + single_arrow + "'></div><div class='arp_font_icon_model_loader'></div>");
        setTimeout(function () {
            $this.parent().find('.arp_font_awesome_model_box_container').html(ArpFontIcon);
            jQuery('.arp_font_awesome_arrow').addClass(single_arrow);
            $this.parent().find('.arp_fainsideimge').removeClass('add_header_font_awesome');
        }, 1500);
    }
    jQuery('.font_awesome_size').remove();

}

function arp_shortcode_change(id)
{
    jQuery("#arp_shortcode_type_value").val(id);
    jQuery('.arp_shortcode_div').hide();
    jQuery('#' + id + '_shortcode_div').find('input[type="checkbox"]').each(function (x) {
        jQuery(this).attr('checked', false);
        jQuery(this).parent().removeClass('checked');
    });
    jQuery('#' + id + '_shortcode_div').show();
}

function add_arp_btn_shortcode(sec)
{
    var id = 'arp_image';
    var col_id = jQuery("#shortcode_to_insert").val();

    var image_url = jQuery('#main_column_' + col_id).find('#arp_btn_image_url').val();
    var image_width = jQuery('#main_column_' + col_id).find('#arp_btn_image_width').val();
    var image_height = jQuery('#main_column_' + col_id).find('#arp_btn_image_height').val();

    if (image_url == '')
        return;

    var btn_bg_color = jQuery('#main_column_' + col_id).find('input#button_background_color_main_column_'+col_id).val();

    jQuery('#main_column_' + col_id).find('#arp_remove_btn_image_link').css('display', 'block');

    if (sec == 1)
    {
        jQuery('#main_column_' + col_id).find('#second_button_options .second_arpbtn_img_url').val(image_url);
        jQuery('#main_column_' + col_id).find('#second_button_options .second_arpbtn_img_height').val(image_height);
        jQuery('#main_column_' + col_id).find('#second_button_options .second_arpbtn_img_width').val(image_width);
    }
    else
    {
        if (image_url != '') {
            jQuery('#main_column_' + col_id).find('#bestPlanButton').attr("style", "background:" + btn_bg_color + " url(" + image_url + ")no-repeat");
            jQuery('#main_column_' + col_id).find('#bestPlanButton').html('');
            jQuery('#main_column_' + col_id).find('.bestPlanButton').css("height", image_height);
            jQuery('#main_column_' + col_id).find('.bestPlanButton').css("width", image_width);
        }

        jQuery('#main_column_' + col_id).find('.arpbtn_img_url').val(image_url);
        jQuery('#main_column_' + col_id).find('.arpbtn_img_height').val(image_height);
        jQuery('#main_column_' + col_id).find('.arpbtn_img_width').val(image_width);
    }
    jQuery('.arp_add_image_container.add_btn_image_container:visible').slideUp(500);
    return false;
}

function htmlEntities(str) {
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}
function htmlDecode(value) {
    if (value) {
        return jQuery('<div />').html(value).text();
    } else {
        return '';
    }
}

jQuery(document).on('click', '#arp_ribbon_bgcolor_wrapper', function () {
    var color = jQuery("#arp_ribbon_bgcolor").val();
    jQuery(".basic_color_box").removeClass('basic_color_selected');
    jQuery('#arp_ribbon_colorpicker_wrapper').fadeIn();

    jQuery('.tab_item').removeClass('selected');
    jQuery('.tab_item#arp_basic_color_tab').addClass('selected');

    jQuery('div#arp_advanced_color_tab').hide();
    jQuery('div#arp_basic_color_tab').show();

    jQuery('.arp_ribbon_colorpicker_okbtn').hide();

    jQuery('div#arp_ribbon_colorpicker_wrapper').attr('data-insert', 'arp_rbn_bgcolor');

    jQuery('.basic_color_box').removeClass('basic_color_selected');

    jQuery('.basic_color_box').each(function () {
        if (color == jQuery(this).attr('data-color')) {
            jQuery(this).addClass('basic_color_selected');
        }
    });


});

jQuery(document).on('click', '#arp_ribbon_txtcolor_wrapper', function () {

    var color = jQuery(this).find("#arp_ribbon_txtcolor").val();
    jQuery('#arp_ribbon_colorpicker_wrapper').fadeIn();

    jQuery('.tab_item').removeClass('selected');
    jQuery('.tab_item#arp_basic_color_tab').addClass('selected');

    jQuery('div#arp_advanced_color_tab').show();
    jQuery('div#arp_basic_color_tab').hide();

    jQuery('div#arp_ribbon_colorpicker_wrapper').attr('data-insert', 'arp_rbn_textcolor');

    jQuery('.basic_color_box').removeClass('basic_color_selected');

    jQuery('.arp_ribbon_colorpicker_okbtn').show();

    jQuery('.basic_color_box').each(function () {
        if (color == jQuery(this).attr('data-color')) {
            jQuery(this).addClass('basic_color_selected');
        }
    });
    var txtcolor = color.replace('#', '');
    document.getElementById('arp_advanced_color_picker').jscolor.fromString(txtcolor);
    document.getElementById('arp_advanced_color_picker').jscolor.show();    
});

jQuery(document).on('click', '.basic_color_box', function () {
    var color = jQuery(this).attr('data-color');
    jQuery(".basic_color_box").removeClass('basic_color_selected');
    var id = jQuery('div#arp_ribbon_colorpicker_wrapper').attr('data-insert');

    var ribbon_style = jQuery('#arp_ribbon_style').val();
    if (id == 'arp_rbn_bgcolor') {
        jQuery('#arp_ribbon_bgcolor').val(color);
        jQuery('#arp_ribbon_bg_color').val(color);
    } else if (id == 'arp_rbn_textcolor') {
        jQuery('#arp_ribbon_txtcolor').val(color);
        jQuery('#arp_ribbon_textcolor').val(color);
    }
    var txtcol = jQuery('#arp_ribbon_txtcolor').val();
    arp_set_ribbon_color_in_preview(ribbon_style, color, txtcol);

    jQuery('#arp_close_colorpicker').trigger('click');

});

function arp_select_ribbon(column) {

    if (!column)
        return;

    document.getElementById('arp_ribbon_settings').reset();

    jQuery('dl#select_arp_ribbon_position').find('dt').find('span').html('Right');

    var id = jQuery(column).attr('data-column');
    jQuery('#arp_ribbon_to_insert_column').val(id);
    jQuery('#add_arp_ribbon_object').attr('data-column', id);

    jQuery('.arp_ribbon_image_object').attr('data-column', id);

    jQuery("#arp_ribbon_modal_window").bPopup({
        follow: [false, false],
        positionStyle: 'fixed'
    }, function () {

        var ribbon_style = jQuery('#' + id).find('#arp_ribbon_style_main').val();
        var ribbon_bgcol = jQuery('#' + id).find('#arp_ribbon_bgcol_main').val();
        var ribbon_txtcol = jQuery('#' + id).find('#arp_ribbon_textcol_main').val();
        var ribbon_position = jQuery('#' + id).find('#arp_ribbon_position_main').val();
        var ribbon_content = jQuery('#' + id).find('#arp_ribbon_content_main').val();
        var custom_ribbon_url = jQuery('#' + id).find('#arp_custom_ribbon_url').val();

        arp_set_ribbon_color_in_preview(ribbon_style, ribbon_bgcol, ribbon_txtcol);

        var ribbon_arr_options = global_ribbon_array();

        var template = jQuery('#arp_reference_template').val();

        jQuery('.arp_ribbon_icons').each(function () {

            jQuery(this).find('img').attr('src', jQuery(this).find('img').attr('data-ribbon-img'));

            var data_ribbon = jQuery(this).attr('data-ribbon');

            if (typeof (__DISABLED_RIBBON) != 'undefined') {
                var tooltip_content = __DISABLED_RIBBON;
            } else {
                var tooltip_content = 'This ribbon is not supported.';
            }

            if (ribbon_arr_options[template].indexOf(data_ribbon) == -1) {
               
                jQuery(this).hide();
            } else {

                jQuery(this).tipso('destroy');

                if (ribbon_style != '') {
                    if (data_ribbon == ribbon_style) {
                        jQuery('dl#arp_ribbon_style').find('dt').find('span').html(jQuery(this).attr('data-label'));
                        jQuery('dl#arp_ribbon_style').find('dt').find('input').val(jQuery(this).attr('data-label'));
                        jQuery('.arp_ribbon_style_preview_container').show();

                        jQuery('input#arp_ribbon_style').val(ribbon_style);

                        arp_set_ribbon_preview(ribbon_style, ribbon_position);
                    }
                    jQuery('#arp_ribbon_remove').removeAttr('disabled').removeClass('disabled');
                } else {
                    jQuery('#arp_ribbon_remove').attr('disabled', 'disabled').addClass('disabled');
                    jQuery('dl#arp_ribbon_style').find('dt').find('span').html('Select Ribbon');
                    jQuery('dl#arp_ribbon_style').find('dt').find('input').val('Select Ribbon');
                    jQuery('.arp_ribbon_style_preview_container').hide();
                }

                if (ribbon_content != '') {
                    jQuery('#arp_ribbon_content').val(ribbon_content);
                }
                jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content span').html(ribbon_content);

                if (custom_ribbon_url != '')
                    jQuery('#arp_ribbon_content_custom').val(custom_ribbon_url);

                if (ribbon_bgcol != '') {
                    jQuery('#arp_ribbon_bgcolor').val(ribbon_bgcol);
                    jQuery('#arp_ribbon_bg_color').val(ribbon_bgcol);
                }

                if (ribbon_txtcol != '') {
                    jQuery('#arp_ribbon_txtcolor').val(ribbon_txtcol);
                    jQuery('#arp_ribbon_textcolor').val(ribbon_txtcol);
                }

                if (ribbon_position != '') {
                    jQuery('#arp_ribbon_position').val(ribbon_position);
                    jQuery('#select_arp_ribbon_position').find('dt').find('span').html(ribbon_position);
                }

                var position_left = jQuery("#" + id).find('#arp_ribbon_custom_position_rl').val();
                var position_top = jQuery("#" + id).find('#arp_ribbon_custom_position_top').val();

                if (position_left != "") {
                    jQuery('#arp_ribbon_custom_position_rl_modal').val(position_left);
                }
                if (position_top != "") {
                    jQuery('#arp_ribbon_custom_position_top_modal').val(position_top);
                }
            }
        });

        if (ribbon_style == 'arp_ribbon_6') {
            jQuery('#arp_ribbon_custom_image').show();
            jQuery('#ribbon_custom_position').show();
            jQuery('#arp_ribbon_text').hide();
            jQuery('#arp_ribbon_background_color').hide();
            jQuery('#arp_ribbon_text_color').hide();
            jQuery('#arp_ribbon_background_color_title').hide();
        } else {
            jQuery('#arp_ribbon_text').show();
            jQuery('#ribbon_custom_position').hide();
            jQuery('#arp_ribbon_background_color').show();
            jQuery('#arp_ribbon_text_color').show();
            jQuery('#arp_ribbon_custom_image').hide();
            jQuery('#arp_ribbon_background_color_title').show();
        }
    });

}

function select_ribbon_fnc(col)
{
    if (!col)
        return;
    var col_name = jQuery(col).attr('name');
    var col_id = col_name.replace('ribbon_select_column_', '');
    jQuery('#arp_ribbon_modal').bPopup();
    jQuery('#select_header_ribbon_form').trigger('reset');
    jQuery('#ribbon_to_insert').val(col_id);
    var ribbonselected = jQuery('#main_column_' + col_id).find('#arp_ribbonimg').val();
    var ribbontext = jQuery('#main_column_' + col_id).find('#arp_ribbontext').val();
    var ribbonposition = jQuery('#main_column_' + col_id).find('#arp_ribbonposition').val();
    var default_ribbon_text = jQuery("#arp_default_ribbon_text").html();
    arp_select_ribbon(ribbonselected);
    if (ribbontext != '' && typeof (ribbontext) !== undefined) {
        jQuery('#arp_ribbon_text').val(ribbontext);
    } else {
        jQuery('#arp_ribbon_text').html(default_ribbon_text);
    }
    if (ribbonposition != '')
        jQuery('#arp_ribbon_position').val(ribbonposition);

}

jQuery(document).on('click', '.arp_add_row_shortcode', function () {
    if (jQuery(this).parent().find('.arp_font_awesome_model_box_container').is(':visible')) {
        jQuery(this).parent().find('.arp_font_awesome_model_box_container:visible').slideUp(500);
        return;
    }
    var col_no = jQuery(this).attr('data-id');
    var row_no = jQuery(this).attr('data-row-id');
    if (row_no == "")
    {
        var arp_row_id = jQuery('.ArpPricingTableColumnWrapper_inner_selected.selected').find('.arpbodyoptionrow.selected').attr('id').replace('arp_row_', '');
        jQuery(this).attr('data-row-id', arp_row_id);
        row_no = '_' + arp_row_id;
    }
    var row = row_no.split('_');
    row_no = row[1];

    if (row_no == null) {
        row_no = row[0];
    }


    if (jQuery("#main_column_" + col_no).find('ul.column_tabs li.selected').hasClass('toggle_step_second_tab')) {
        row_no = "second_" + row_no;
    }
    if (jQuery("#main_column_" + col_no).find('ul.column_tabs li.selected').hasClass('toggle_step_third_tab')) {
        row_no = "third_" + row_no;
    }

    jQuery('#fa_to_insertcol').val(col_no);
    jQuery('#fa_to_insertrow').val(row_no);
    jQuery('#fa_to_inserttooltip').val('');
    jQuery('#fa_to_insertlabel').val('');
    jQuery('.font_awesome_size').remove();
    $this = jQuery(this);
    jQuery(this).parent().find('.arp_font_awesome_model_box_container').slideDown(500);
    var ArpFontIcon = jQuery('#arp_font_icons').html();
    if (jQuery(this).parent().find('.arp_font_awesome_model_box_container').html() == '') {
        jQuery(this).parent().find('.arp_font_awesome_model_box_container').html("<div class='arp_font_awesome_arrow'></div><div class='arp_font_icon_model_loader'></div>");
        setTimeout(function () {
            $this.parent().find('.arp_font_awesome_model_box_container').html(ArpFontIcon);
            jQuery('.arp_font_awesome_arrow').removeClass('arp_font_awesome_arrow_single');
            $this.parent().find('.arp_fainsideimge').removeClass('add_header_font_awesome');
        }, 1500);
    }
});

jQuery(document).on('click', '#custom_icon_check', function () {
    if (this.checked == true)
        jQuery("#arp_custom_icon").show();
    else
        jQuery("#arp_custom_icon").hide();
});

function arp_addfa(icon, icon_type)
{
    var fa_to_insertcol = jQuery('#fa_to_insertcol').val();
    var fa_to_insertrow = jQuery('#fa_to_insertrow').val();
    var tooltip_icon = jQuery('#fa_to_inserttooltip').val();
    var label_icon = jQuery('#fa_to_insertlabel').val();

    var sec = jQuery("#add_to_sec_btn").val();

    var class_1 = jQuery('#fontselected_1').val();
    var class_2 = jQuery('#fontselected_2').val();

    var fatext = jQuery('#arp_fa_text').val();
    var faposition = jQuery('#arp_fa_position').val();

    var custom_url = jQuery('#arp_fa_url').val();
    custom_url = jQuery.trim(custom_url);

    if (fa_to_insertrow == 'button')
    {
        if (sec == 1)
            var insert_id = 'second_btn_content_' + fa_to_insertcol;
        else
            var insert_id = 'btn_content_' + fa_to_insertcol;
    }
    else if (tooltip_icon != '') {
        var insert_id = 'row_' + fa_to_insertcol + '_tooltip_' + fa_to_insertrow;
    }
    else if (label_icon != '') {
        var insert_id = 'row_' + fa_to_insertcol + '_label_' + fa_to_insertrow;
    }
    else {
        var insert_id = 'row_' + fa_to_insertcol + '_description_' + fa_to_insertrow;
    }
    var start_pos = jQuery('textarea[name="' + insert_id + '"]').attr('data-startpos');
    start_pos = (start_pos === undefined || start_pos == '') ? 0 : start_pos;

    var content = '';

    if (custom_url == '')
    {
        if (faposition == 'left') {
            content = '<i class="' + icon + '">' + icon_type + '</i> ' + fatext;
        } else {
            content = fatext + ' <i class="' + icon + '">' + icon_type + '</i>';

        }
    } else {
        if (faposition == 'left') {
            content = '<span class="arp_custom_ico" style="background-image:url(' + custom_url + ');"></span> ' + fatext;
        } else {
            content = fatext + ' <span class="arp_custom_ico" style="background-image:url(' + custom_url + ');"></span>';
        }
    }
    jQuery('textarea[name="' + insert_id + '"]').insertAt(start_pos, content);
    jQuery('textarea[name="' + insert_id + '"]').trigger('keyup');
    jQuery('.arp_font_awesome_model_box_container:visible').slideUp(500);

}

jQuery(document).on('mouseup', "#arp_fontawesome_modal", function (e) {
    var container = jQuery(".font_awesome_size").parent();
    if (!container.is(e.target) && container.has(e.target).length === 0) {
        var id = container.attr('id');
        if (id)
            jQuery('#' + id).find('.font_awesome_size').remove();
    }
});

jQuery(document).on('click', '.arp_fainsideimge', function () {

    var fa_class = jQuery(this).attr('id');
    var fa_name = jQuery(this).attr('title');
    var icon_type = jQuery(this).attr('data-icon');
    jQuery(document).find('.arp_fainsideimge').removeClass('arp_active');
    jQuery(this).addClass('arp_active');
    var font_classes = fa_class.split('_');
    var class_1 = font_classes[0] ? font_classes[0] : '';
    var class_2 = font_classes[1] ? font_classes[1] : '';
    jQuery('#fontselected_1').val(class_1 + ' fa-lg');
    jQuery('#fontselected_2').val(class_2);
    if (jQuery(this).hasClass('add_informative_icon'))
    {
        jQuery(document).find('#font_awesome_size').remove();
        var icon = jQuery(this).find('i').attr('class').replace('fa-2x', '');
        html = "<i class='" + icon + " fa-tp'></i>";
        var field = jQuery('#arp_informative_tooltip_fontawesome').attr('data-insert');
        field = jQuery('#' + field);
        jQuery(field).val(html);
        jQuery(field).parent().find('span').html(html);
        var options = {
            direction: 'right'
        };
        jQuery('.arp_tooltip_icons_container').hide('slide', options, 'slow');
        return;
    }
    var fa_size_box_title = fa_name;
    jQuery(document).find('#font_awesome_size').remove();
    var main_div = document.createElement('div');
    main_div.setAttribute('id', 'font_awesome_size');
    main_div.setAttribute('class', 'font_awesome_size');

    var wrapper_div = document.createElement('div');
    wrapper_div.setAttribute('id', 'font_awesome_size_wrapper');
    jQuery(main_div).append(wrapper_div);

    var title_div = document.createElement('span');
    title_div.setAttribute('id', 'fa_title');
    title_div.setAttribute('class', 'fa_size_title');
    title_div.innerHTML = fa_size_box_title;

    var close_btn = document.createElement('span');
    close_btn.setAttribute('id', 'close_btn_fa_size');
    close_btn.setAttribute('class', 'close_btn_fa_size');
    close_btn.setAttribute('onclick', 'remove_font_awesome_size()');
    close_btn.innerHTML = '<i class=\'fa fa-close\'></i>';

    var clear_div = document.createElement('div');
    clear_div.setAttribute('class', 'clear');

    var slider_div = document.createElement('div');
    slider_div.setAttribute('id', 'font_icon_slider');
    slider_div.setAttribute('class', 'font_icon_slider');

    var slider_div_val = document.createElement('div');
    slider_div_val.setAttribute('class', 'slider_min_max_info');
    slider_div_val.innerHTML = '<span class="align_left">14px</span><span class="align_right">64px</span>';

    var slider_ok_div = document.createElement('button');
    slider_ok_div.setAttribute('type', 'button');
    slider_ok_div.setAttribute('id', 'arpsize_ok_btn');
    slider_ok_div.setAttribute('class', 'arp_color_box_ok_btn col_opt_btn align_right');
    slider_ok_div.setAttribute('style', 'margin-top:3px;');
    slider_ok_div.innerHTML = 'Ok';

    var slider_value = document.createElement('input');
    slider_value.setAttribute('id', 'font_icon_slider_val');
    slider_value.setAttribute('type', 'hidden');
    slider_value.setAttribute('value', 'arpsize-ico-14');

    var class_to_add = 'fa';

    var fa_size_3 = document.createElement('i');
    fa_size_3.setAttribute('class', class_to_add + ' ' + fa_class + ' ');
    fa_size_3.setAttribute('id', 'fa_size');
    if (icon_type == 'material') {
        fa_size_3.innerHTML = fa_class;
    }

    var div_1 = document.createElement('div');
    var div_2 = document.createElement('div');
    var div_3 = document.createElement('div');
    var div_4 = document.createElement('div');

    if (jQuery(this).hasClass('add_header_font_awesome'))
    {
        div_1.setAttribute('class', 'fa_size_header fa_size_icon');
        div_2.setAttribute('class', 'fa_size_header fa_size_icon');
        div_3.setAttribute('class', 'fa_size_header fa_size_icon');
        div_4.setAttribute('class', 'fa_size_header fa_size_icon');
    } else {
        div_1.setAttribute('class', 'fa_size_icon');
        div_2.setAttribute('class', 'fa_size_icon');
        div_3.setAttribute('class', 'fa_size_icon');
        div_4.setAttribute('class', 'fa_size_icon');
    }
    div_3.setAttribute('id', 'fa_size_icon');

    jQuery(div_3).append(fa_size_3);

    jQuery(wrapper_div).append(title_div);
    jQuery(wrapper_div).append(close_btn);
    jQuery(wrapper_div).append(clear_div);
    jQuery(wrapper_div).append(div_3);
    jQuery(wrapper_div).append(slider_div);
    jQuery(wrapper_div).append(slider_div_val);
    jQuery(wrapper_div).append(slider_ok_div);
    jQuery(wrapper_div).append(slider_value);

    jQuery(this).append(main_div);
    var position = jQuery(this).position();
    var offset = jQuery(this).offset();

    if (jQuery(this).parents().hasClass('toggle_left_container')) {
        if (position.left >= 74 && position.left < 110) {
            jQuery('.font_awesome_size').addClass('arp_display_popup_center');
            jQuery('.font_awesome_size').removeClass('arp_display_popup_right');
        } else if (position.left >= 110) {
            jQuery('.font_awesome_size').removeClass('arp_display_popup_center');
            jQuery('.font_awesome_size').addClass('arp_display_popup_right');
        } else {
            jQuery('.font_awesome_size').removeClass('arp_display_popup_center');
            jQuery('.font_awesome_size').removeClass('arp_display_popup_right');
        }
    } else {
        if (position.left >= 140 && position.left < 170) {
            jQuery(".font_awesome_size").addClass('arp_display_popup_center');
            jQuery('.font_awesome_size').removeClass('arp_display_popup_right');
        } else if (position.left >= 170) {
            jQuery('.font_awesome_size').removeClass('arp_display_popup_center');
            jQuery('.font_awesome_size').addClass('arp_display_popup_right');
        } else {
            jQuery('.font_awesome_size').removeClass('arp_display_popup_center');
            jQuery('.font_awesome_size').removeClass('arp_display_popup_right');
        }
    }

    if (position.top >= 225) {
        jQuery('.font_awesome_size').addClass('arp_display_popup_top');
    } else {
        jQuery('.font_awesome_size').removeClass('arp_display_popup_top');

    }

    jQuery('#font_icon_slider').slider({
        min: 14,
        max: 64,
        step: 2,
        value: 24,
        slide: function (event, ui) {
            var value = ui.value;
            jQuery(this).parent().find('i#fa_size').css('font-size', value + 'px');
            jQuery('#font_icon_slider_val').val('arpsize-ico-' + value);
        }
    });

});

function remove_font_awesome_size() {
    jQuery("#font_awesome_size").remove();
}


jQuery(document).on('click', 'div.fa_size_icon', function () {
    var template = jQuery('#arp_reference_template').val();
    var icon = jQuery(this).find('i').attr('class').replace('fa-lg', '');
    icon = icon.replace('arp_fa_icon_3', '');
    var icosize = jQuery('#font_icon_slider_val').val();
    if (jQuery(this).hasClass('fa_size_header')) {

        var column = jQuery('#arpcol_to_insert_font').val();
        var data_insert = jQuery('#arpcol_insert_font').val();
        var html = '<i class="' + icon + ' ' + icosize + '"></i>';

        var field = jQuery('#' + column).find('#' + data_insert);

        var field_value = field.text();

        var caretPosition = field.getCursorPosition();
        if (data_insert != 'additional_shortcode_input')
            field.insertAt(caretPosition, html);
        else
            field.val(html);

        if (data_insert == 'additional_shortcode_input') {
            if (template == 'arplitetemplate_8') {
                jQuery('#' + column).find('.rounded_corder').html(arprice_font_icon_parser(html));
            } else {
                jQuery('#' + column).find('.rounded_corder').html(arprice_font_icon_parser(html));
                jQuery('#' + column).find('.arp_header_shortcode').html(arprice_font_icon_parser(html));
            }
        } else {
            jQuery('#' + column).find('#' + data_insert).trigger('keyup');
        }

        if (data_insert == 'togglestep_yearly' || data_insert == 'togglestep_monthly' || data_insert == 'togglestep_quarterly') {
            jQuery('#' + data_insert).trigger('keyup');
        }
        $this = jQuery(this);
        jQuery(this).parents('.arp_font_awesome_model_box_container').slideUp(500);
        var ArpFontIcon = jQuery('#arp_font_icons').html();
        if (jQuery(this).parent().find('.arp_font_awesome_model_box_container').html() == '') {
            jQuery(this).parent().find('.arp_font_awesome_model_box_container').html("<div class='arp_font_awesome_arrow'></div><div class='arp_font_icon_model_loader'></div>");
            setTimeout(function () {
                $this.parent().find('.arp_font_awesome_model_box_container').html(ArpFontIcon);
                jQuery('.arp_font_awesome_arrow').removeClass('arp_font_awesome_arrow_single');
            }, 1500);
        }
    } else {
        var fa_class = jQuery("#fontselected_1").val().replace('fa-lg', '');
        var new_class = fa_class + " " + icosize;
        icon = icon + ' ' + icosize;
        arp_addfa(icon, jQuery(this).find('i').html());
    }
    remove_column_height();
    adjust_column_height();
});
jQuery(document).on('click', function () {

    jQuery('.arp_description_content, .col_opt_textarea').each(function () {
        var $elm = jQuery(this);
        var input = $elm[0];
        if (input.setSelectionRange) {
            pos_start = input.selectionStart;
            pos_end = input.selectionEnd;
            jQuery(this).attr('data-startpos', pos_start).attr('data-endpos', pos_end);
        }
    });
});

function add_arp_button_scode(col, sec)
{
    if (!col)
        return;

    var col_name = jQuery(col).attr('name');

    if (sec == true)
        var col_no = col_name.replace('second_add_button_scode_', '');
    else
        var col_no = col_name.replace('add_button_scode_', '');


    if (jQuery(col).parent().find('.arp_add_image_container').is(':visible')) {
        jQuery(col).parent().find('.arp_add_image_container:visible').slideUp(500);
        return;
    }

    jQuery(col).parent().find('.arp_add_image_container').slideDown(500);

    jQuery("#arp_btn_image_shortcode_div").css('display', 'block');
    jQuery('#add_button_shortcode_form').trigger('reset');
    jQuery('#shortcode_to_insert').val(col_no);

    if (sec == true) {
        jQuery("#add_button_shortcode_form").attr('onsubmit', 'return add_arp_btn_shortcode(1);');
        var btn_image_url = jQuery('#main_column_' + col_no).find('.second_arpbtn_img_url').val();
        var arp_btn_image_height = jQuery('#main_column_' + col_no).find('.second_arpbtn_img_height').val();
        var arp_btn_image_width = jQuery('#main_column_' + col_no).find('.second_arpbtn_img_width').val();
    } else {
        jQuery("#add_button_shortcode_form").attr('onsubmit', 'return add_arp_btn_shortcode(0);');
        var btn_image_url = jQuery('#main_column_' + col_no).find('.arpbtn_img_url').val();
        var arp_btn_image_height = jQuery('#main_column_' + col_no).find('.arpbtn_img_height').val();
        var arp_btn_image_width = jQuery('#main_column_' + col_no).find('.arpbtn_img_width').val();
    }
    jQuery('#main_column_' + col_no).find('#arp_btn_image_url').val(btn_image_url);
    jQuery('#main_column_' + col_no).find('#arp_btn_image_height').val(arp_btn_image_height);
    jQuery('#main_column_' + col_no).find('#arp_btn_image_width').val(arp_btn_image_width);

}

function remove_arp_button_scode(col, sec)
{
    if (!col)
        return;

    var col_name = jQuery(col).attr('name');

    if (sec == true)
        var col_no = col_name.replace('second_remove_button_scode_', '');
    else
        var col_no = col_name.replace('remove_button_scode_', '');

    var btn_bg_color = jQuery('#main_column_' + col_no).find('input#button_background_color').val();
    var btn_content = jQuery('#main_column_' + col_no).find('textarea#btn_content').val();

    jQuery('#main_column_' + col_no).find('.arpbtn_img_url').val('');
    jQuery('#main_column_' + col_no).find('.arpbtn_img_height').val('');
    jQuery('#main_column_' + col_no).find('.arpbtn_img_width').val('');
    jQuery('#add_button_shortcode_form').trigger('reset');

    jQuery('#main_column_' + col_no).find('#bestPlanButton').attr("style", "background:" + btn_bg_color);
    jQuery('#main_column_' + col_no).find('#bestPlanButton').html(btn_content);
    jQuery('#main_column_' + col_no).find('.bestPlanButton').css("height", '');
    jQuery('#main_column_' + col_no).find('.bestPlanButton').css("width", '');

    jQuery(col).parent().css('display', 'none');
}

function arp_removeribbon()
{
    jQuery('#ribbon_to_insert').val('');
    jQuery('#ribbonselected').val('');
    jQuery('#arp_ribbon_text').val('');
    jQuery("#arp_ribbon_position").val('right');
    jQuery('#arp_ribbon_modal .b-close').trigger('click');
    jQuery('#arp_ribbon_preview').html('');
    jQuery('.insideribbonimg').removeClass('arp_active');
}

function arp_removeribbon_btn(ribbon_to_insert, default_height)
{

    jQuery('#column_' + ribbon_to_insert).find('#arp_ribbonimg').val('');
    jQuery('#column_' + ribbon_to_insert).find('#arp_ribbontext').val('');
    jQuery('#column_' + ribbon_to_insert).find('#arp_ribbonposition').val('');
    jQuery('#arp_ribbon_modal .b-close').trigger('click');

    jQuery('#column_' + ribbon_to_insert).find('.arp_columnribbon').attr('class', 'arp_columnribbon');
    jQuery('#column_' + ribbon_to_insert).find('.arp_columnribbon .arp_ribbon_text').html('');
    jQuery("#column_" + ribbon_to_insert).find('.arp_ribbon_content').css('display', 'none');

    var content_arr = new Array();

    jQuery('.main_package_box').each(function (i) {
        if (jQuery(this).find('.arp_ribbon_content').find('div.arp_columnribbon').find('.arp_ribbon_text').html()) {
            content_arr[i] = ribbon_to_insert;
        } else {

        }
    });

    var array_size = content_arr.length;

    if (array_size == 0)
    {
        jQuery('.main_package_box').each(function (i) {
            jQuery(this).find('#general_opt_toggle_div').find('.default_ribbon').height(default_height);
            jQuery(this).find('#general_opt_toggle_div').find('.default_ribbon').height('auto');
        });
    }
}

function arp_preview_new(src_link)
{
    var modalheight = jQuery(window).height();
    var modalwidth = jQuery(window).width();
    var getModalWidth = Number(modalwidth) * 0.90;
    var getModalLeftWidth = (Number(modalwidth) * 0.10) / 2;
    var getModalHeight = Number(modalheight) - 80;
    var modalbodyheight = getModalHeight - 144 + 82;
    var loaderheight = (modalbodyheight / 2) - 50;
    var loaderleft = (getModalWidth / 2) - 50;

    var table_id = jQuery("#table_id").val();
    var ajaxurl = jQuery("#ajaxurl").val();
    var fields = jQuery("#price_table_form").ARPriceFilterFormData();
    var json_fields = jQuery.toJSON(fields);

    getModalWidth = jQuery('#column_wrapper_width_txtbox').val();

    if (getModalWidth < 1100)
        getModalWidth = "1100";


    var getMinModalWidth = "1100";
    getModalHeight = ((Number(modalwidth)) / 2) - 100;

    var preview_options = '';
    jQuery('#arp_pricing_table_preview').attr('style', 'display:none; width:' + getModalWidth + 'px; width:' + getModalWidth + 'px;  max-width:' + modalwidth + 'px; height:' + getModalHeight + 'px; left:' + getModalLeftWidth + 'px;');
    jQuery('#arp_pricing_table_preview').attr('data-modalwidth', getModalWidth);
    jQuery('#arp_pricing_table_preview').attr('data-modalleft', getModalLeftWidth);
    jQuery(".device_icon").removeClass('active');
    jQuery(".device_icon#computer_icon").addClass('active');
    var preview_link = src_link;

    function show_arprice_preview() {
        var result = ARPricePreview.response;

        var iframe_content = "<iframe src='" + src_link + table_id + "&optid=" + result + "' scrolling='yes'></iframe>";
        jQuery("#arp_pricing_table_preview .preview_model").html(iframe_content);
        if (jQuery("#preview_btn").hasClass('DisplayTourGuide')) {
            previewTour(0);
        }
    }

    jQuery("#arp_pricing_table_preview").bPopup({
        positionStyle: 'fixed',
        follow: [false, false],
        transition: 'slideDown',
        transitionClose: 'slideDown',
        onClose: function () {
            jQuery('#arp_pricing_table_preview .preview_model').find('iframe').remove();
        }
    }, function () {
        var from_left = jQuery('#arp_pricing_table_preview').css('left');
        from_left = from_left.replace('px', '');
        jQuery('#arp_pricing_table_preview').attr('data-modalleft', from_left);
    });

    var ARPricePreview = new sack(ajaxurl);
    ARPricePreview.execute = 0;
    ARPricePreview.method = "POST";
    ARPricePreview.setVar("action", "arplite_updatetabledata");
    ARPricePreview.setVar("filtered_data", json_fields);
    ARPricePreview.setVar("is_tbl_preview", "1");
    ARPricePreview.onError = function () {
        alert('Ajax error while retrieving pricing table');
    }
    ARPricePreview.onCompletion = show_arprice_preview;
    ARPricePreview.runAJAX();
}

function arp_price_preview_home(src_link)
{
    var src_type = typeof src_link;
    var modalheight = jQuery(window).height();
    var modalwidth = jQuery(window).width();
    modalwidth = "1100";
    var getModalWidth = Number(modalwidth) * 0.90;
    var getModalLeftWidth = (Number(modalwidth) * 0.10) / 2;
    var getModalHeight = Number(modalheight) - 80;
    var modalbodyheight = getModalHeight - 144 + 82;
    var loaderheight = (modalbodyheight / 2) - 50;
    var loaderleft = (getModalWidth / 2) - 50;

    var table_id = jQuery("#table_id").val();
    var form = jQuery("#price_table_form").serialize();

    getModalWidth = "1100";
    var preview_options = '';
    jQuery('#arp_pricing_table_preview').attr('style', 'display:none; width:' + getModalWidth + 'px; height:' + getModalHeight + 'px; left:' + getModalLeftWidth + 'px;');
    jQuery('#arp_pricing_table_preview').attr('data-modalwidth', getModalWidth);
    jQuery('#arp_pricing_table_preview').attr('data-modalleft', getModalLeftWidth);
    jQuery(".device_icon").removeClass('active');
    jQuery(".device_icon#computer_icon").addClass('active');
    var preview_link = src_link;

    if (src_type === 'string') {
        jQuery("#arp_pricing_table_preview").bPopup({
            positionStyle: 'fixed',
            content: 'iframe',
            contentContainer: '#arp_pricing_table_preview .preview_model',
            loadUrl: src_link,
            follow: [false, false],
            transition: 'slideDown',
            transitionClose: 'slideDown',
            iframeAttr: ('scrolling="yes"')
        }, function () {
            var fromleft = jQuery('#arp_pricing_table_preview').css('left');
            fromleft = fromleft.replace('px', '');
            jQuery('#arp_pricing_table_preview').attr('data-modalleft', fromleft);
        });
    } else {
        var obj = jQuery(src_link);
        var img_url = obj.attr('data-img-url');
        var ajaxurl = jQuery('#ajaxurl').val();
        var template_id = obj.attr('data-id');
        jQuery('#arp_pricing_table_pro_preview').attr('style', 'display:none; width:' + getModalWidth + 'px; height:' + getModalHeight + 'px; left:' + getModalLeftWidth + 'px;');
        jQuery('#arp_pricing_table_pro_preview').attr('data-modalwidth', getModalWidth);
        jQuery('#arp_pricing_table_pro_preview').attr('data-modalleft', getModalLeftWidth);
        var loadurl = ajaxurl + '?action=arplite_pro_preview&template_id=' + template_id;
        jQuery("#arp_pricing_table_pro_preview").bPopup({
            positionStyle: 'fixed',
            content: 'iframe',
            contentContainer: '#arp_pricing_table_pro_preview .preview_model',
            loadUrl: loadurl,
            follow: [false, false],
            transition: 'slideDown',
            transitionClose: 'slideDown',
            iframeAttr: ('scrolling="yes"')
        }, function () {
            var fromleft = jQuery('#arp_pricing_table_pro_preview').css('left');
            fromleft = fromleft.replace('px', '');
            jQuery('#arp_pricing_table_pro_preview').attr('data-modalleft', fromleft);
        });
    }
}


jQuery(document).mouseup(function (e) {

    if (jQuery(e.target).attr('class') == 'arprice_js_colorpicker' || jQuery(e.target).parents().hasClass('arprice_js_colorpicker'))
        return;
    
});

jQuery(document).on('click', 'input[type="checkbox"].arp_checkbox:not(.arplite_restricted_view)', function () {
    if (jQuery(this).is(':checked') == true)
        jQuery(this).parent().addClass('checked');
    else
        jQuery(this).parent().removeClass('checked');
});


jQuery(document).on('mouseup', function (e) {
    var container = jQuery(".template_color_schemes").parent();

    if (jQuery(e.target).attr('class') == 'arprice_js_colorpicker' || jQuery(e.target).parents().hasClass('arprice_js_colorpicker') || jQuery(e.target).hasClass('column_custom_background') || jQuery(e.target).parents().hasClass('column_custom_background')) {
        return;
    }

    if (!container.is(e.target) && container.has(e.target).length === 0)
    {
        var id = container.attr('target-div');
        if (id)
            jQuery('#' + id).remove();
        jQuery(".column_custom_background").hide();
    }
});

jQuery(document).on('mouseup', function (e) {
    var container = jQuery(".arp_template_scheme");

    if (!container.is(e.target) && container.has(e.target).length === 0) {
        jQuery('.arp_template_scheme').removeClass('arp_active');
    }
});

jQuery(document).on('click', '#clone_template', function () {
    var template = jQuery("#arp_template_old").val();
    var editable_template = jQuery('.arp_editable_templates').length;
    if (editable_template > 3) {
        jQuery('#arplite_save_table_notice_editor').bPopup({
            modalColor: '#656565'
        });
        return false;
    }
    var reference_template = jQuery("#arp_reference_template").val()
    load_pricing_table(template, false, reference_template);
});

function load_pricing_table(template, is_edit, ref_template) {
    jQuery("#arp_loader_div").show();
    enable_settings();
    var template_id = jQuery("#template_type_new").val();
    var skin = jQuery("#arp_template_skin").val();

    if (is_edit) {
        var $is_clone = 0;
        jQuery("#arp_is_generate_html_canvas").val('no');
    } else {
        var $is_clone = 1;
        jQuery("#arp_is_generate_html_canvas").val('yes');
    }

    jQuery.ajax({
        type: 'POST',
        url: ajaxurl,
        evalScripts: true,
        dataType: 'json',
        data: 'action=arplite_load_pricing_table&id=' + template_id + '&template=' + template + '&skin=' + skin + '&ref_temp=' + ref_template + '&is_clone=' + $is_clone,
        success: function (res) {
            var general_options = jQuery.parseJSON(res.general_options);
            var $table_name = res.table_name;
            jQuery("#main_table_name").html($table_name);
            jQuery("#pricing_table_main").val($table_name);
            jQuery(".pricingtable_menu_belt").show();
            jQuery(".empty").css('height', '80px');
            jQuery("#footer_menu").fadeOut();
            jQuery(".arp_tables_container").fadeOut();
            jQuery(".arp_user_help_section").fadeOut();
            jQuery("#arp_loader_div").hide();
            var $packages = res.table;
            jQuery('.ex').find('#packages').html($packages);
            jQuery("#arprice_color").hide();
            jQuery("#arprice_editor").show();
            jQuery("#change_template_cancel_btn").hide();
            var $general_settings = jQuery.parseJSON(res.general_settings);
            var $template_settings = jQuery.parseJSON(res.template_settings);
            jQuery('#pricing_table_column_order').val($general_settings.column_order);
            if ($general_settings.user_edited_columns != '') {
                var edited_columns = JSON.stringify($general_settings.user_edited_columns);
                if (edited_columns == 'null')
                    edited_columns = '';
                jQuery('#arp_user_edited_columns').val(edited_columns);
            }

            jQuery("#arp_reference_template").val($general_settings.reference_template);
            jQuery("#arp_custom_css").val($general_settings.arp_custom_css);

            var $is_animated = jQuery.parseJSON(res.is_animated);
            if ($is_animated == 1) {
                jQuery("#column_content_opacity").css('display', 'none');
            } else {
                jQuery("#column_content_opacity").css('display', 'block');
            }
            var $features = res.template_features;
            jQuery("#arp_template_feature").val($features);
            $column_settings = jQuery.parseJSON(res.column_options);
            $columns = $column_settings.columns;
            var caption_arr = new Array();
            jQuery.each($columns, function (i, val) {
                x = i.replace('column_', '');
                if (val.is_caption == 1) {
                    caption_arr[x] = 1;
                } else {
                    caption_arr[x] = 0;
                }
            });
            if (caption_arr.indexOf(1) != -1) {
                jQuery('#has_caption_column').val(1);
                jQuery("#column_content_hide_caption_column").show();
            } else {
                jQuery('#has_caption_column').val(0);
                jQuery("#column_content_hide_caption_column").hide();
            }

            var skin = $template_settings.skin;
            var $skin_array = res.template_skins;
            var $color_code = res.template_skin_codes;
            jQuery("#general_color_box_div").attr('data-id', template_id);
            var $skin_key = jQuery.parseJSON($skin_array).indexOf(skin);
            var $color = jQuery.parseJSON($color_code);
            if (skin == 'multicolor') {
                jQuery("#general_color_box").addClass("multi-color-small-icon");
                jQuery("#general_color_box").css('background', '');
            } else {
                jQuery("#general_color_box").css('background', '#' + $color[$skin_key]);
            }
            var $colorskins = jQuery.parseJSON($skin_array);
            jQuery($colorskins).each(function (x) {
                jQuery(".ArpPriceTable").removeClass('arp' + $colorskins[x]);
            });
            jQuery('.ArpPriceTable').addClass('arp' + skin);
            if (is_edit == true) {
                jQuery("#arp_shortcode").css('display', 'block');
                jQuery("#arp_shortcode_value").html('[ARPLite id=' + template_id + ']');
                jQuery("#table_id").val(template_id);
                var listing_url = jQuery("#listing_url").val();
                jQuery('#pt_action').val('edit');
                jQuery('#table_id').val(template_id);
                if (window.history.pushState) {
                    var pageurl = arp_removeVariableFromURL(document.URL, 'arp_action');
                    pageurl = arp_removeVariableFromURL(pageurl, 'eid');
                    pageurl += '&arp_action=edit&eid=' + template_id;
                    window.history.pushState({path: pageurl}, '', pageurl);
                }
            }
            var $table_type = res.template_type;
            jQuery("#arp_template_type").val($table_type);

            if ($table_type == 'advanced') {
                jQuery("#advanced_font_setting").show();
                jQuery("#seperator_1").height(330);
                jQuery("#seperator_2").height(330);
            } else {
                jQuery("#advanced_font_setting").hide();
                jQuery("#seperator_1").height(170);
                jQuery("#seperator_2").height(170);
            }
            var $total_package = res.total_columns;
            if ($total_package >= 4) {
                jQuery('#addnewpackage.arplite_unlocked').hide();
                jQuery('#addnewpackage.arplite_locked').show();
            } else {
                jQuery('#addnewpackage.arplite_unlocked').show();
                jQuery('#addnewpackage.arplite_locked').hide();
            }
            jQuery("#total_packages").val($total_package);
            jQuery("input[type='checkbox'].arp_checkbox").each(function () {
                if (jQuery(this).hasClass('light_bg'))
                {
                    var parent_span_class = jQuery(this).parent().attr('class');
                    if (parent_span_class != 'arp_dark_checkbox') {
                        jQuery(this).wrap('<span class="arp_dark_checkbox" id="' + jQuery(this).attr('id') + '"></span>');
                    }
                }
                else if (jQuery(this).hasClass('dark_bg'))
                {
                    jQuery(this).wrap('<span class="arp_light_checkbox" id="' + jQuery(this).attr('id') + '"></span>');
                }
            });

            jQuery("input[type='checkbox'].arp_checkbox:not(.arplite_restricted_view)").each(function () {
                if (jQuery(this).is(':checked') == true)
                    jQuery(this).parent().addClass('checked');
                else
                    jQuery(this).parent().removeClass('checked');
            });

            jQuery("input[type='checkbox'].arp_checkbox:not(.arplite_restricted_view)").each(function () {
                if (jQuery(this).is(':checked') == true)
                    jQuery(this).parent().addClass('checked');
                else
                    jQuery(this).parent().removeClass('checked');
            });

            jQuery(document).on('click', 'input[type="checkbox"].arp_checkbox:not(.arplite_restricted_view)', function () {
                if (jQuery(this).is(':checked') == true)
                    jQuery(this).parent().addClass('checked');
                else
                    jQuery(this).parent().removeClass('checked');
            });

            jQuery(document).on('click', 'input[type="checkbox"].arp_checkbox:not(.arplite_restricted_view)', function () {
                if (jQuery(this).is(':checked') == true)
                    jQuery(this).parent().addClass('checked');
                else
                    jQuery(this).parent().removeClass('checked');
            });

            jQuery("input[type='checkbox'].arp_switch").each(function () {
                jQuery(this).wrap('<span class="arp_switch_wrapper arp_switch_off" id="' + jQuery(this).attr('id') + '"></span>');
            });

            jQuery("input[type='checkbox'].arp_column_rotation_switch").each(function () {
                if (jQuery(this).hasClass('arp_switch_on')) {
                    jQuery('input#is_animation').attr('checked', true);
                    jQuery(this).parent().addClass('arp_switch_on');
                    jQuery(this).parent().removeClass('arp_switch_off');
                } else {
                    jQuery('input#is_animation').attr('checked', false);
                    jQuery(this).parent().addClass('arp_switch_off');
                    jQuery(this).parent().removeClass('arp_switch_on');
                }
            });



            jQuery("input[type='checkbox'].arp_switch_toogle").each(function () {
                if (jQuery("#enable_toggle_price_hidden").val() == 1) {
                    jQuery('input#enable_toggle_price_id').attr('checked', true);
                    jQuery(this).wrap('<span class="arp_switch_wrapper arp_switch_on" id="' + jQuery(this).attr('id') + '"></span>');
                    jQuery("#toggle_button_container").css('display', '');
                } else {
                    jQuery('input#enable_toggle_price_id').attr('checked', false);
                    jQuery(this).wrap('<span class="arp_switch_wrapper arp_switch_off" id="' + jQuery(this).attr('id') + '"></span>');
                    jQuery("#toggle_button_container").css('display', 'none');
                }
            });

            if (jQuery("#step_options_main_hidden").val() == 2) {
                if (jQuery('#toggle_option_main_hidden').val() == '0') {
                    jQuery("#toggle_switch_2").removeClass('simple-toggle-radio');
                    jQuery("#toggle_switch_2").addClass('switch-toggle switch-2 switch-candy switch-candy-blue');
                    jQuery("#toggle_switch_2").css('display', '');
                    jQuery("#toggle_switch_3").css('display', 'none');
                    jQuery('.toggle_main_background_div').find('.toggle_belt_background_color_div').css('display', 'none');
                    jQuery('.toggle_main_background_div').find('.arp_toggle_main_belt_label').css('display', 'none');
                    jQuery('.toggle_main_background_div').find('.arp_toggle_title_font_label').css('display', '');


                } else if (jQuery('#toggle_option_main_hidden').val() == '1') {
                    jQuery("#toggle_switch_2").removeClass('switch-toggle switch-2 switch-candy switch-candy-blue');
                    jQuery("#toggle_switch_2").addClass('simple-toggle-radio');
                    jQuery("#toggle_switch_2").css('display', '');
                    jQuery("#toggle_switch_3").css('display', 'none');
                    jQuery('.toggle_main_background_div').find('.toggle_belt_background_color_div').css('display', '');
                    jQuery('.toggle_main_background_div').find('.arp_toggle_main_belt_label').css('display', '');
                    jQuery('.toggle_main_background_div').find('.arp_toggle_title_font_label').css('display', 'none');
                }
            }
            if (jQuery("#step_options_main_hidden").val() == 3) {
                if (jQuery('#toggle_option_main_hidden').val() == '0') {
                    jQuery("#toggle_switch_3").removeClass('simple-toggle-radio');
                    jQuery("#toggle_switch_3").addClass('switch-toggle switch-3 switch-candy switch-candy-blue');
                    jQuery("#toggle_switch_3").css('display', '');
                    jQuery("#toggle_switch_2").css('display', 'none');
                    jQuery('.toggle_main_background_div').find('.toggle_belt_background_color_div').css('display', 'none');
                    jQuery('.toggle_main_background_div').find('.arp_toggle_main_belt_label').css('display', 'none');
                    jQuery('.toggle_main_background_div').find('.arp_toggle_title_font_label').css('display', '');
                } else if (jQuery('#toggle_option_main_hidden').val() == '1') {
                    jQuery("#toggle_switch_3").removeClass('switch-toggle switch-3 switch-candy switch-candy-blue');
                    jQuery("#toggle_switch_3").addClass('simple-toggle-radio');
                    jQuery("#toggle_switch_3").css('display', '');
                    jQuery("#toggle_switch_2").css('display', 'none');
                    jQuery('.toggle_main_background_div').find('.toggle_belt_background_color_div').css('display', '');
                    jQuery('.toggle_main_background_div').find('.arp_toggle_main_belt_label').css('display', '');
                    jQuery('.toggle_main_background_div').find('.arp_toggle_title_font_label').css('display', 'none');
                }
            }

            ArpColumnResizable();
            ArpColumnSortable();
            jQuery('.general_color_box_font_color').on('change', function () {
                var color = jQuery(this).val();
                jQuery(this).parent().attr('data-color', color);
                jQuery(this).val(color);
            });

            jQuery('.arptooltipster').tipso({
                position: 'bottom',
                background: '#43B4FB',
                width: 'auto',
            });
            load_column_option_btn_tooltip();
            jQuery(window.opera ? 'html' : 'html, body').animate({scrollTop: jQuery('#price_table_form').offset().top - 100}, 'slow');

            setTimeout(function () {
                remove_column_height();
                arp_header_title_responsive();
                arp_price_text_responsive();
                arp_price_label_responsive();
                arp_column_desc_responsive();
                adjust_column_height();
                arp_price_wrapper_responsive();
            }, 1000);

            jQuery(".general_tooltip_tab").mouseleave(function (e) {
                if (e.relatedTarget != null) {
                    if (jQuery("#" + e.relatedTarget.id).css("display") == 'block') {
                        jQuery(".general_tooltip_tab").addClass('is_tooltip_hover');
                    } else {
                        jQuery(".colpick").hide();
                        jQuery(".general_tooltip_tab").removeClass('is_tooltip_hover');
                    }
                }

                if (jQuery(e.target).parent().hasClass('arp_tooltip_font_setting')) {
                    jQuery(".general_tooltip_tab").addClass('is_tooltip_hover');
                }

            });

            var arp_column_background_colors = global_column_background_colors();
            var template = jQuery("input#arp_reference_template").val();
            var skin = jQuery("input#arp_template_skin").val();


            if (typeof general_options.custom_skin_colors != 'undefined') {
                jQuery('input#arp_header_background_color_input').val(general_options.custom_skin_colors['arp_header_bg_custom_color']);

                jQuery('input#arp_column_background_color_input').val(general_options.custom_skin_colors['arp_column_bg_custom_color']);

                jQuery('input#arp_column_desc_background_color_input').val(general_options.custom_skin_colors['arp_column_desc_bg_custom_color']);

                jQuery('input#arp_pricing_background_color_input').val(general_options.custom_skin_colors['arp_pricing_bg_custom_color']);

                jQuery('input#arp_body_odd_row_background_color').val(general_options.custom_skin_colors['arp_body_odd_row_bg_custom_color']);

                jQuery('input#arp_body_even_row_background_color').val(general_options.custom_skin_colors['arp_body_even_row_bg_custom_color']);

                jQuery('input#arp_footer_content_background_color').val(general_options.custom_skin_colors['arp_footer_content_bg_color']);

                jQuery('input#arp_button_background_color_input').val(general_options.custom_skin_colors['arp_button_bg_custom_color']);

                jQuery('input#arp_column_bg_hover_color').val(general_options.custom_skin_colors['arp_column_bg_hover_color']);

                jQuery('input#arp_button_bg_hover_color').val(general_options.custom_skin_colors['arp_button_bg_hover_color']);
            }

            var hide_section_inputs = jQuery("input[data-hide-section]");
            hide_section_inputs.each(function () {
                $this = jQuery(this);
                if ($this.is(':checked') && $this.val() == '1') {
                    arp_hide_section_global($this.attr('id'), $this.attr('data-hide-section'));
                }
            });
           
            adjust_template_footer_height();
            jQuery("#arp_next_one").trigger("click");
            arprice_editor_width_responsive();
            if (getCookie("arp_fav_color[colors]") == null) {
                var current = new Date();
                current.setMonth(current.getMonth() + 1);
                document.cookie = 'arp_fav_color[colors]=; expires=' + current.toGMTString();
            }
            __JSPICKER = [];
            jQuery('.jscolor').each(function (e) {
                var $this = jQuery(this);
                var $opts = jQuery(this).data('jscolor');
                var object = {};
                var el = $this[0];
                var pattern = /(jscolor)\-(.*?)/;
                var $x = 0;
                for (var att, i = 0, atts = el.attributes, n = atts.length; i < n; i++) {
                    var att = atts[i];
                    var nodename = att.nodeName;
                    var nodeval = att.nodeValue;
                    if (pattern.test(nodename)) {
                        var name = nodename.replace('jscolor-', '');
                        switch (name) {
                            case 'onfinechange':
                                name = 'onFineChange';
                                break;
                            case 'styleelement':
                                name = 'styleElement';
                                break;
                            case 'valueelement':
                                name = 'valueElement';
                                break;
                            default:
                                name = name;
                                break;
                        }
                        object[name] = nodeval;
                        $x++;
                    }
                }
                if (el.jscolor === undefined) {
                    el.jscolor = new jscolor(el, object);
                }
            });

            jQuery('.arp_button_slider').each(function () {
                var $this = jQuery(this);
                jQuery(this).slider({
                    min: 80,
                    max: 200,
                    step: 6,
                    value: jQuery('input[name=button_size_' + jQuery(this).attr('data-column') + ']').val(),
                    slide: function (event, ui) {
                        var width = ui.value;
                        var column = jQuery(this).attr('data-column');
                        jQuery('input[name=button_size_' + column + ']').val(width);
                        var height = jQuery('input[name=button_height_' + column + ']').val();
                        arp_update_button_size(column, width, height);
                        var slideValue = $this.slider('value');
                        var column_id = $this.attr('data-column');
                        arp_button_slider_tooltip(event, ui, slideValue, column_id);
                    },
                    create: function (event, ui) {
                        var slideValue = $this.slider('value');
                        var slideValue = $this.slider('value');
                        var column_id = $this.attr('data-column');
                        arp_button_slider_tooltip(event, ui, slideValue, column_id);
                    }
                });
            });

            jQuery('.arp_button_height_slider').each(function () {
                var $this = jQuery(this);
                jQuery(this).slider({
                    min: 30,
                    max: 60,
                    step: 3,
                    value: jQuery('input[name=button_height_' + jQuery(this).attr('data-column') + ']').val(),
                    slide: function (event, ui) {
                        var height = ui.value;
                        var column = jQuery(this).attr('data-column');
                        jQuery('input[name=button_height_' + column + ']').val(height);
                        var width = jQuery('input[name=button_size_' + column + ']').val();
                        arp_update_button_size(column, width, height);
                        var slideValue = $this.slider('value');
                        var column_id = $this.attr('data-column');
                        var slideValue = $this.slider('value');
                        var column_id = $this.attr('data-column');
                        arp_button_height_slider_tooltip(event, ui, slideValue, column_id);
                    },
                    create: function (event, ui) {
                        var slideValue = $this.slider('value');
                        var slideValue = $this.slider('value');
                        var column_id = $this.attr('data-column');
                        arp_button_height_slider_tooltip(event, ui, slideValue, column_id);
                    }
                });
            });
            return;
        }
    });
}

function change_color(id, color, column) {

    id = id.replace('_hidden', '');
    id = id.replace('_wrapper', '');
    if (column !== '') {
        id = id.replace('_' + column, '');
    }


    var template_type = jQuery('#arp_template_type').val();
    var template_features = jQuery('#arp_template_feature').val();
    var features = jQuery.parseJSON(template_features);
    var caption_style = features.caption_style;
    var template = jQuery("input#arp_reference_template").val();
    var available_colors = global_column_sections_array();

    var css_pseudo_element_regex = arprice_css_pseudo_elements();
    var arp_gradient_templates = arp_global_default_gradient_templates();
    var arp_gradient_template_colors = arp_global_default_gradient_colors();
    var arp_rgba_template_colors = arp_global_default_rgba_colors();

    var arp_depended_section_color = arplite_depended_section_color_codes();
    var depended_array_size = _.size(arp_depended_section_color[template]);

    var default_skin_gradient_templates = arp_gradient_templates['default_only'];
    var all_skin_gradient_templates = arp_gradient_templates['all_skins'];

    var is_gradient_template, default_skin_template, all_skin_template, gradient_arr, gradient_attr, rgba_arr;

    gradient_arr = '';
    if (default_skin_gradient_templates.indexOf(template) > -1) {
        is_gradient_template = 1;
        default_skin_template = 1;
        all_skin_template = 0;
    } else if (all_skin_gradient_templates.indexOf(template) > -1) {
        is_gradient_template = 1;
        all_skin_template = 1;
        default_skin_template = 0;
    }

    if (typeof all_skin_template != 'undefined' && all_skin_template == 1) {
        if (typeof (arp_gradient_template_colors[template]) != 'undefined') {
            gradient_arr = arp_gradient_template_colors[template]['arp_color_skin']['arp_css'];
            gradient_attr = arp_gradient_template_colors[template]['arp_color_skin']['arp_attr'];
        }
    }

    if (typeof arp_rgba_template_colors[template] != 'undefined') {
        rgba_arr = arp_rgba_template_colors[template];
    }

    var template_id = jQuery('#arp_reference_template').val();

    var template_skins = arp_global_skin_array();

    if (id == 'arp_header_background_color') {

        if (typeof (gradient_arr['header_level_gradient']) !== 'undefined') {

            for (var class_nm in gradient_arr['header_level_gradient']) {
                var arr_new = gradient_arr['header_level_gradient'][class_nm];
                var skin_code = arr_new['custom_skin'][0];
                var colors = skin_code.split('___');
                var color1 = colors[0];
                var lum = colors[1];
                var putcol = colors[2];
                color1 = color1.replace('{arp_header_background_color}', '#' + color);
                color1 = color1;
                lum = lum.replace('{', '');
                lum = lum.replace('}', '');

                if (lum.length > 3)
                    lum = lum / 1000;
                else
                    lum = lum / 100;

                var base_col = generate_color(color1, parseFloat(lum));
                var first_col = color1;

                var properties = ['background', 'background-color', 'background-image', 'background-image', 'background-image', 'background-image', 'background-image', 'background-repeat', 'filter', '-ms-filter'];
                var values = [first_col + ';', first_col + ';', '-moz-linear-gradient(top,' + base_col + ',' + color1 + ');', '-webkit-gradient(linear,0 0, 100%, from(), to(' + base_col + ',' + color1 + ');', '-o-linear-gradient(top, ' + base_col + ', ' + color1 + ');', 'linear-gradient(to bottom,' + base_col + ',' + color1 + ')', 'progid:DXImageTransform.Microsoft.gradient(startColorstr=' + base_col + ', endColorstr=' + color1 + ', GradientType=0)', 'repeat-x', '"progid:DXImageTransform.Microsoft.gradient (startColorstr=' + base_col + ', endColorstr=' + color1 + ', GradientType=0);"', '"progid:DXImageTransform.Microsoft.gradient (startColorstr=' + base_col + ', endColorstr=' + color1 + ', GradientType=0);"'];
                jQuery(properties).each(function (key) {
                    jQuery(class_nm).css(properties[key], values[key]);
                });
            }

            for (var attribute in gradient_attr) {
                var attr_ = attribute;
                for (var key in gradient_attr[attr_]) {
                    var value = gradient_attr[attr_][key];

                    value = value.replace('{arp_header_background_color}', '#' + color);
                    jQuery('.arp_allcolumnsdiv .ArpPricingTableColumnWrapper').each(function () {
                        jQuery(this).find(attr_).attr(key, value);
                    });
                }
            }
            var new_custom_color = jQuery('#arp_header_background_color_input').val();
            jQuery('#arp_header_background_color_input').val('#' + color);
        } else if (rgba_arr != undefined && rgba_arr['header_background_color'] != 'undefined') {
            for (var clsnm in rgba_arr['header_background_color']) {
                var val = rgba_arr['header_background_color'][clsnm];
                var clrs = val.split('___');
                var color_code = clrs[0];
                var opacity = clrs[1];
                color_code = color_code.replace('{arp_header_background_color}', '#' + color);
                var rgb_col = hextorgbcolor(color_code);
                var red = rgb_col.r;
                var green = rgb_col.g;
                var blue = rgb_col.b;
                var color_final = 'rgba(' + red + ',' + green + ',' + blue + ',' + opacity + ')';
                jQuery(clsnm).css('background', color_final);

                jQuery('.arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper').each(function () {
                    jQuery(this).find('input#header_background_color').attr('value', '#' + color);
                    jQuery(this).find('input#header_background_color').parent().attr('data-color', '#' + color);
                });

                var new_custom_color = jQuery('#arp_header_background_color_input').val();
                jQuery('.custom_main_color_box').css('background', new_custom_color);
                jQuery('#arp_header_background_color_input').val('#' + color);
                jQuery('#general_color_box').css('background', jQuery('#arp_header_background_color_input').val());
            }
        } else {

            var arp_section_class = available_colors[template_id][id][0];

            jQuery(arp_section_class).css('background', '#' + color);

            jQuery('.arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper').each(function () {
                jQuery(this).find('input#header_background_color').attr('value', '#' + color);
                jQuery(this).find('input#header_background_color').parent().attr('data-color', '#' + color);
            });
            var new_custom_color = jQuery('#arp_header_background_color_input').val();
            jQuery('#arp_header_background_color_input').val('#' + color);
        }

        arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color);

    } else if (id == 'arp_column_background_color_data') {

        if (typeof available_colors[template_id][id] !== 'undefined')
        {
            var arp_section_class = available_colors[template_id][id][0];
            if (css_pseudo_element_regex.test(arp_section_class)) {
                arprice_set_before_after_pseudo_css(css_pseudo_element_regex, arp_section_class, "background-color", '#' + color, '');
            } else {
                jQuery('.' + arp_section_class).css('background-color', '#' + color);
            }
            jQuery('.arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper').each(function () {
                jQuery(this).find('input#column_background_color').attr('value', '#' + color);
                jQuery(this).find('input#column_background_color').parent().attr('data-color', '#' + color);
            });
            var new_custom_color = jQuery('#arp_column_background_color_input').val();
            jQuery('#arp_column_background_color_input').attr('value', '#' + color);
        }

        arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color);
    } else if (id == 'column_desc_background_color') {

        if (template == 'arplitetemplate_11') {
            jQuery('#' + column).find('.arppricetablecolumnprice').css('background-color', '#' + color);
        }
        else {
            jQuery('#' + column).find('.column_description').css('background-color', '#' + color);
        }

        arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color);
    } else if (id == 'arp_column_desc_background_color_data') {

        {
            var arp_section_class = available_colors[template_id][id][0];

            jQuery('.' + arp_section_class).css('background', '#' + color);
            jQuery('.ArpPricingTableColumnWrapper').each(function () {
                jQuery(this).find('input#column_desc_background_color').attr('value', '#' + color);
                jQuery(this).find('input#column_desc_background_color').parent().attr('data-color', '#' + color);
            });
            jQuery('#arp_column_desc_background_color_input').attr('value', '#' + color);

        }
        arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color);
    } else if (id == 'arp_pricing_background_color') {

        if (typeof gradient_arr['pricing_level_gradient'] !== 'undefined') {
            for (var cls in gradient_arr['pricing_level_gradient']) {
                var class_nm = cls;
                var new_cls = gradient_arr['pricing_level_gradient'][class_nm];
                var skin_code = new_cls['custom_skin'][0];
                var colors = skin_code.split('___');
                var color1 = colors[0];
                var lum = colors[1];
                var putcol = colors[2];
                color1 = color1.replace('{arp_pricing_background_color_input}', '#' + color);
                color1 = color1;
                lum = lum / 100;
                var base_col = generate_color(color1, parseFloat(lum));
                var first_col = color1;

                var properties = ['background', 'background-color', 'background-image', 'background-image', 'background-image', 'background-image', 'background-image', 'background-repeat', 'filter', '-ms-filter'];
                var values = [first_col + ';', first_col + ';', '-moz-linear-gradient(top,' + base_col + ',' + color1 + ');', '-webkit-gradient(linear,0 0, 100%, from(), to(' + base_col + ',' + color1 + ');', '-o-linear-gradient(top, ' + base_col + ', ' + color1 + ');', 'linear-gradient(to bottom,' + base_col + ',' + color1 + ')', 'progid:DXImageTransform.Microsoft.gradient(startColorstr=' + base_col + ', endColorstr=' + color1 + ', GradientType=0)', 'repeat-x', '"progid:DXImageTransform.Microsoft.gradient (startColorstr=' + base_col + ', endColorstr=' + color1 + ', GradientType=0);"', '"progid:DXImageTransform.Microsoft.gradient (startColorstr=' + base_col + ', endColorstr=' + color1 + ', GradientType=0);"'];
                jQuery(properties).each(function (key) {
                    jQuery(class_nm).css(properties[key], values[key]);
                });
            }

            for (var attribute in gradient_attr) {
                var attr_ = attribute;
                for (var key in gradient_attr[attr_]) {
                    var value = gradient_attr[attr_][key];

                    value = value.replace('{arp_pricing_background_color_input}', '#' + color);
                    jQuery('.arp_allcolumnsdiv .ArpPricingTableColumnWrapper').each(function () {
                        jQuery(this).find(attr_).attr(key, value);
                    });
                }
            }
            jQuery('#arp_pricing_background_color_input').val('#' + color);
        } else {
            var arp_section_class = available_colors[template_id][id][0];
            jQuery('.' + arp_section_class).css('background', '#' + color);
            jQuery('.arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper').each(function () {
                jQuery(this).find('input#price_background_color').attr('value', '#' + color);
                jQuery(this).find('input#price_background_color').parent().attr('data-color', '#' + color);
            });
            jQuery('#arp_pricing_background_color_input').val('#' + color);
        }
        arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color);
    } else if (id == 'arp_body_odd_background') {
        {

            var arp_section_class = available_colors[template_id].arp_body_background_color.odd_row;

            jQuery('.arp_allcolumnsdiv .arp_opt_options').find('li.arpbodyoptionrow:even').css('background', '#' + color);

            jQuery('.arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper').each(function () {
                jQuery(this).find('input#content_odd_color').attr('value', '#' + color);
                jQuery(this).find('input#content_odd_color').parent().attr('data-color', '#' + color);

            });
            jQuery('#arp_body_odd_row_background_color').val('#' + color);
        }
        arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color);
    } else if (id == 'arp_body_even_background') {
        {
            var arp_section_class = available_colors[template_id].arp_body_background_color.even_row;

            jQuery('.arp_allcolumnsdiv .arp_opt_options').find('li.arpbodyoptionrow:odd').css('background', '#' + color);
            jQuery('.arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper').each(function () {
                jQuery(this).find('input#content_even_color').attr('value', '#' + color);
                jQuery(this).find('input#content_even_color').parent().attr('data-color', '#' + color);
            });
            jQuery('#arp_body_even_row_background_color').val('#' + color);
        }
        arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color);
    } else if (id == 'arp_footer_background_color') {

        if (typeof available_colors[template_id][id] !== 'undefined')
        {
            var arp_section_class = available_colors[template_id][id][0];

            jQuery('.arp_allcolumnsdiv').find('.' + arp_section_class).css('background', '#' + color);

            jQuery('.arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper').each(function () {
                jQuery(this).find('input#footer_background_color').attr('value', '#' + color);
                jQuery(this).find('input#footer_background_color').parent().attr('data-color', '#' + color);
            });
            jQuery('#arp_footer_content_background_color').val('#' + color);
        }
        arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color);
    } else if (id == 'arp_button_background_color') {
        {
            var arp_section_class = available_colors[template_id][id][0];

            jQuery('.ArpPricingTableColumnWrapper').each(function () {
                var main_col_id = jQuery(this).attr('id');
                var btn_image_url_custom = jQuery('#' + main_col_id).find('#btn_img_url').val();

                if (btn_image_url_custom != "") {
                    jQuery('#' + main_col_id).find('.' + arp_section_class).css('background', '#' + color + ' url(' + btn_image_url_custom + ')no-repeat');
                } else {
                    jQuery('#' + main_col_id).find('.' + arp_section_class).css('background', '#' + color);
                }
                jQuery(this).find('input#button_background_color').attr('value', '#' + color);
                jQuery(this).find('input#button_background_color').parent().attr('data-color', '#' + color);
            });
            jQuery('#arp_button_background_color_input').val('#' + color);
        }
        arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color);
    } else if (id == 'arp_column_hover_background') {
        jQuery('.arp_column_bg_hover_color').val('#' + color);
        arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color);
    } else if (id == 'arp_column_btn_hover_background') {
        jQuery('.arp_button_bg_hover_color').val('#' + color);
        arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color);
    }
    else if (id == 'arp_caption_border_color') {

        var table_id = jQuery('#arp_reference_template').val();
        var border_type = jQuery('input#arp_caption_border_style').val();
        var border_size = jQuery('input#arp_caption_border_size').val();
        var border_color = '#' + color;
        change_caption_border_color(table_id, border_type, border_size, border_color);
    }
    else if (id == 'arp_caption_row_border_color') {

        var template_name = jQuery('.ArpPricingTableColumnWrapper').attr('data-template_id');
        var border_type = jQuery('input#arp_caption_row_border_style').val();
        var border_size = jQuery('input#arp_caption_row_border_size').val();
        var border_color = '#' + color;

        change_caption_row_border_color(border_type, border_size, border_color, template_name);

    }
    else {
        var btn_image_url = jQuery('#' + column).find('#btn_img_url').val();

        id = id.replace('_hidden', '');
	id = id.replace('_wrapper', '');
        id = id.replace('_' + column, '');

        if (typeof template_skins[template_id][id] != 'undefined') {
            var template_section_css = template_skins[template_id][id]['css'];

            for (var arp_selector in template_section_css) {

                var splited_sel = arp_selector.split('_^_');
                var selector = splited_sel[0];
                var find_column = splited_sel[1];
                selector = selector.replace(/\[ARP_SPACE\]/g, ' ');
                var sec_css = template_section_css[arp_selector];

                for (var cls in sec_css) {
                    var property = cls;
                    var value = sec_css[cls];

                    if (selector == '.bestPlanButton') {
                        if (btn_image_url != "") {
                            value = value.replace(/{arp_color}/g, '#' + color + ' url(' + btn_image_url + ')no-repeat');
                        } else {
                            value = value.replace(/{arp_color}/g, '#' + color);
                        }
                    } else {
                        value = value.replace(/{arp_color}/g, '#' + color);
                    }

                    if (/{arp_rgb_color___\d(\.\d{1,2})}/g.test(value)) {
                        var header_rgb = hextorgbcolor('#' + color);
                        var header_red = header_rgb.r;
                        var header_green = header_rgb.g;
                        var header_blue = header_rgb.b;
                        var getopct = value.split('___');
                        var opacity = getopct[1];
                        opacity = opacity.replace('}', '');

                        var new_color = "rgba(" + header_red + "," + header_green + "," + header_blue + "," + opacity + ")";
                        value = value.replace(/{arp_rgb_color___\d(\.\d{1,2})}/g, new_color);
                    }



                    if (/\{(arp_gradient_color)___(\[(\-\d*\.\d*)\]|\[(\+\d*\.\d*)\])___(\d*)\}/.test(value)) {
                        var col = value.replace(/\{|\}|\[|\]/g, '');
                        col = col.split('___');
                        var colcode = col[0];
                        var lum = col[1];
                        var putcol = col[2];

                        var color1 = colcode.replace('arp_gradient_color', '#' + color);

                        var color2 = generate_color(color1, lum);

                        if (putcol == 1) {
                            var first_col = color1;
                            var base_col = color1;
                            color1 = color2;
                        } else {
                            first_col = color1
                            color1 = color1;
                            var base_col = color2;
                        }

                        var properties = ['background', 'background-color', 'background-image', 'background-image', 'background-image', 'background-image', 'background-image', 'background-repeat', 'filter', '-ms-filter'];
                        var values = [first_col + ';', first_col + ';', '-moz-linear-gradient(top,' + base_col + ',' + color1 + ');', '-webkit-gradient(linear,0 0, 100%, from(), to(' + base_col + ',' + color1 + ');', '-o-linear-gradient(top, ' + base_col + ', ' + color1 + ');', 'linear-gradient(to bottom,' + base_col + ',' + color1 + ')', '-webkit-linear-gradient(top, ' + base_col + ', ' + color1 + ')', 'repeat-x', '"progid:DXImageTransform.Microsoft.gradient (startColorstr=' + base_col + ', endColorstr=' + color1 + ', GradientType=0);"', '"progid:DXImageTransform.Microsoft.gradient (startColorstr=' + base_col + ', endColorstr=' + color1 + ', GradientType=0);"'];
                        if (css_pseudo_element_regex.test(selector)) {
                            arprice_set_before_after_pseudo_css(css_pseudo_element_regex, selector, properties, values, column);
                        } else {
                            jQuery(properties).each(function (key) {
                                jQuery('#' + column).find(selector).css(properties[key], values[key]);
                            });
                        }
                    } else {
                        if (find_column == 1) {
                            if (css_pseudo_element_regex.test(selector)) {
                                arprice_set_before_after_pseudo_css(css_pseudo_element_regex, selector, property, value, column);
                            } else {
                                jQuery('#' + column).find(selector).css(property, value);
                            }
                        }
                    }
                }
            }
        }
    }

    edited_columns(column);
}

jQuery(document).on('dblclick', '.arp_template_scheme:not(.pro_template)', function () {
    var template = jQuery("#arp_template_old").val();
    var reference_template = jQuery("#arp_reference_template").val();
    load_pricing_table(template, false, reference_template);
});

jQuery(document).on('dblclick', '.arp_editable_templates', function () {
    var template = jQuery('#arp_template_old').val();
    var reference_template = jQuery('#arp_reference_template').val();
    load_pricing_table(template, true, reference_template);
});

jQuery(document).on('click', '#edit_template', function () {
    var template = jQuery("#arp_template").val();
    var reference_template = jQuery("#arp_reference_template").val()
    if (template == '') {
        jQuery('#arp_empty_temp').bPopup();
    }
    else {
        load_pricing_table(template, true, reference_template);
    }
});

jQuery(document).on('focus', '.arp_main_header_class input', function () {
    jQuery(this).parent().parent().addClass('hover');
});
jQuery(document).on('blur', '.arp_main_header_class input', function () {
    jQuery(this).parent().parent().removeClass('hover');
});

function enable_settings() {
    jQuery("#main_table_name").removeClass('disable');
    jQuery("#main_table_name").addClass('enable');
    jQuery("#save_btn").removeClass('disable');
    jQuery("#save_btn").addClass('enable');
    jQuery("#preview_btn").removeClass('disable');
    jQuery("#preview_btn").addClass('enable');
    jQuery("#template_close_btn").removeClass('disable');
    jQuery("#template_close_btn").addClass('enable');

    if (jQuery("#table_id").val() == '')
        var template_id = jQuery("#template_type_new").val();
    else
        var template_id = jQuery("#table_id").val();

    jQuery("#preview_btn").attr('onclick', 'arp_preview_new(\'' + jQuery("#preview_btn").attr('data-src') + template_id + '\')');
    jQuery("#choose_template").removeClass('disable');
    jQuery("#choose_template").addClass('enable');
    jQuery("#cancel_btn").removeClass('disable');
    jQuery("#cancel_btn").addClass('enable');
    jQuery("#cancel_btn").attr('onclick', 'location.href="' + jQuery("#cancel_btn").attr('data-link') + '"');
    jQuery(".global_opts").each(function () {
        jQuery(this).removeClass('disable');
        jQuery(this).addClass('enable');
    });
    jQuery(".general_color_opts").removeClass('disable');
    jQuery(".general_color_opts").addClass('enable');
    jQuery(document).find('.enable').each(function () {
        jQuery(this).tipso({
            background: '#43B4FB',
            width: 'auto',
        });
    });
    jQuery('.enable').each(function () {
        jQuery(this).tipso('destroy');
    });
}

function choose_color_scheme(object) {
    var $array = jQuery(object).attr('data-array');
    var $skins = jQuery(object).attr('data-skins');
    var template = jQuery('#arp_reference_template').val();
    var table_id = jQuery('#table_id').val();
    var ajaxurl = jQuery('#ajaxurl').val();
    var skin_colors = arprice_default_template_skins();
    var $array = jQuery(object).attr('data-array');
    var $skins = jQuery(object).attr('data-skins');
    var new_color = jQuery.parseJSON($array);
    var new_skins = jQuery.parseJSON($skins);

    var current_skin = jQuery('#arp_template_skin').val();
    var selected_skin = "";
    var new_string = "";
    var $new_row_clr = "";
    var reference_template = jQuery('#arp_reference_template').val();

    var string = '';
    jQuery("#template_color_scheme").remove();
    var div = document.createElement('div');
    div.setAttribute('id', 'template_color_scheme');
    div.setAttribute('class', 'template_color_schemes');
    jQuery(object).parent().append(div);
    var $row_clr = '';
    var current_color_code = '';
    var is_custom_color = 0;
    var custom_db_color = '';
    jQuery(new_color).each(function (x) {
        $row_clr = ((x + 1) % 2 == 0) ? 'dark' : 'light';
        if (new_skins[x] == current_skin) {
            current_color_code = new_color[x];
            selected_skin = "<span class='arp_selected_color_skin'></span>";
        } else {
            selected_skin = "";
        }

        if (new_skins[x] == 'multicolor') {
            string += '<div class="color_row ' + $row_clr + '" id="template_color" data-color="' + new_color[x] + '" skin-name="' + new_skins[x] + '" onclick="arp_select_template_skin(\'' + new_skins[x] + '\',\'' + new_color[x] + '\')">';
            string += '<div class="color_box multi-color-icon" ></div>';
            string += selected_skin;
            string += '</div>';
        } else {
            if (new_skins[x] != 'db_custom_skin') {
                string += '<div class="color_row ' + $row_clr + '" id="template_color" data-color="' + new_color[x] + '" skin-name="' + new_skins[x] + '" onclick="arp_select_template_skin(\'' + new_skins[x] + '\',\'' + new_color[x] + '\')">';
                string += '<div class="color_box" style="background:#' + new_color[x] + ';"></div>';
                string += selected_skin;
                string += '</div>';
            } else {
                custom_db_color = '#' + new_color[x];
            }
        }
    });

    $new_row_clr = ($row_clr == 'dark') ? 'light' : 'dark';
    var template_color = jQuery('#arp_custom_color_code').val();
    if (current_color_code != 'Multicolor' && current_skin == 'custom') {
        template_color = jQuery('#arp_custom_color_code').val();
    } else {
        template_color = current_color_code;
    }
    var new_custom_color = "";


    var arp_custom_skin_selectionbox = arp_custom_skin_selection_section_color();

    var new_id = arp_custom_skin_selectionbox[reference_template][0];

    var selected_skin = '';
    var choose_custom_skin = '';
    new_string += "<div class='custom_main_color_box_div'>";
    new_string += "<label class='custom_color_label'>Custom Color</label>";
    new_string += "<div class='custom_color_box'>";
    new_string += "<div class='db_custom_color_box_wrapper'>";

    if (current_skin == 'custom_skin') {
        selected_skin = "<span class='arp_selected_color_skin'></span>";
    }
    if (custom_db_color != '') {
        choose_custom_skin = "onclick='arp_select_template_skin(\"db_custom_skin\",\"" + custom_db_color + "\");'";
    } else {
        choose_custom_skin = "onclick='jQuery(\"#template_color.db_custom_color_icon\").trigger(\"click\");'";
    }
    if (template === 'arplitetemplate_1') {
        custom_db_color = '#fbb400';
    } else if (template === 'arplitetemplate_8') {
        custom_db_color = '#21c77b';
    } else if (template === 'arplitetemplate_11') {
        custom_db_color = '#414045';
    } else if( template === 'arplitetemplate_26' ){
	custom_db_color = '#2fb8ff';
    }

    new_string += "<div class='db_custom_color_bg' id='custom_main_color_box' style='background:" + custom_db_color + "' " + choose_custom_skin + " >" + selected_skin + "</div><div class='db_custom_color_icon custom_main_color_box_div' id='template_color' >Edit</div><button class='col_opt_btn arp_ok_btn arp_color_box_ok_btn' id='arp_color_box_ok_btn' type='button'>Ok</button>";
    new_string += "</div>";
    new_string += "</div>";
    new_string += "</div>";

    new_string += "</div>";

    string += new_string;

    if (jQuery(object).parent().hasClass('enable')) {
        jQuery(div).html(string);
        jQuery("#template_color_scheme").show();
    }
}

function disable_settings() {
    jQuery("#arprice_color").fadeIn('slow');
    jQuery("#arprice_editor").fadeOut('slow');
    jQuery("#main_table_name").removeClass('enable');
    jQuery("#main_table_name").addClass('disable');
    jQuery("#save_btn").removeClass('enable');
    jQuery("#save_btn").addClass('disable');
    jQuery("#preview_btn").removeClass('enable');
    jQuery("#preview_btn").addClass('disable');
    jQuery("#choose_template").removeClass('enable');
    jQuery("#choose_template").addClass('disable');
    jQuery("#cancel_btn").removeClass('enable');
    jQuery("#cancel_btn").addClass('disable');
    jQuery("#cancel_btn").removeAttr('onclick');
    jQuery(".global_opts").each(function () {
        jQuery(this).removeClass('enable');
        jQuery(this).addClass('disable');
    });
    jQuery(".general_color_opts").removeClass('enable');
    jQuery(".general_color_opts").addClass('disable');
    jQuery('.disable').each(function () {
        jQuery(this).tipso({
            background: '#43B4FB',
            width: 'auto',
        });
    });
}

jQuery(document).on('click', '#change_template_cancel_btn', function () {
    enable_settings();
    jQuery("#arprice_color").hide();
    jQuery("#arprice_editor").show();
    jQuery("#footer_menu").fadeOut();
    jQuery(this).hide();
    jQuery(".pricingtable_menu_belt").show();
    jQuery(".empty").css('height', '80px');
    jQuery(window.opera ? 'html' : 'html, body').animate({scrollTop: jQuery('#price_table_form').offset().top - 100}, 'slow');

});

jQuery(document).on('click', '#addnewpackage.enabled', function () {
    var total_package = jQuery("#total_packages").val();
    if (total_package >= 4) {
        jQuery('#arplite_addnew_notice').bPopup({
            modalColor: '#656565'
        });
        return;
    }
    var new_package = jQuery('.arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper:last').clone();
    var last_column_id = jQuery('.arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper:last').attr('id').replace('main_column_', '');
    jQuery("#addnewpackage_loader").show();
    var total = parseInt(total_package) + 1;
    if (total < 4) {
        jQuery('#addnewpackage.arplite_unlocked').show();
        jQuery('#addnewpackage.arplite_locked').hide();
    } else {
        jQuery('#addnewpackage.arplite_unlocked').hide();
        jQuery('#addnewpackage.arplite_locked').show();
    }

    if (jQuery.browser.mozilla) {
        var old_column = jQuery('.arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper:last');
        jQuery(new_package).find('textarea').each(function () {
            var textarea_id = jQuery(this).attr('name');
            jQuery(this).val(old_column.find('textarea[name=' + textarea_id + ']').val());
        });
    }
    jQuery("#total_packages").val(parseInt(total_package) + 1);
    $append_new_package_btn = jQuery(this);
    $append_new_package_btn.removeClass('enabled');
    $append_new_package_btn.addClass('disabled');
    setTimeout(function () {
        jQuery('#addnewpackage_loader').hide();
        var column_ids = [];
        jQuery('.ArpPricingTableColumnWrapper').each(function () {
            var col_id = jQuery(this).attr('id').replace('main_column_', '');
            column_ids.push(col_id);
        });
        jQuery(document).find('.arp_allcolumnsdiv').append(new_package);
        $append_new_package_btn.removeClass('disabled');
        $append_new_package_btn.addClass('enabled');
        var max_id = Math.max.apply(Math, column_ids);
        arp_assign_control_names(new_package, (max_id + 1), last_column_id, 'copy_column', last_column_id);

        var total_packages = jQuery('.ArpPricingTableColumnWrapper').length;

        var html = '<li class="arp_selectbox_option" data-label="' + total_packages + '" data-value="' + total_packages + '" style="margin:0">' + total_packages + '</li>';

        jQuery('ul.arp_display_columns_mobile').append(html);
        jQuery('ul.arp_display_columns_tablet').append(html);
        jQuery('ul.arp_display_columns_desktop').append(html);

    }, 1500);

});


jQuery(function () {
    if (!Array.prototype.indexOf) {
        Array.prototype.indexOf = function (elem, startFrom) {
            var startFrom = startFrom || 0;
            if (startFrom > this.length)
                return -1;

            for (var i = 0; i < this.length; i++) {
                if (this[i] == elem && startFrom <= i) {
                    return i;
                } else if (this[i] == elem && startFrom > i) {
                    return -1;
                }
            }
            return -1;
        }
    }
});

jQuery(document).on('click', '#Model_Delete_Template', function () {
    if (jQuery(this).hasClass('delete_template')) {
        var id = jQuery("#delete_table_id").val();
        jQuery.ajax({
            type: 'POST',
            url: ajaxurl,
            data: 'action=arpricelite_delete&id=' + id,
            success: function () {
                jQuery('#delete_table_id').val('');
                jQuery('.arp_editable_templates#arp_template_' + id).remove();
                jQuery("#arp_template").val('');
                jQuery("#arp_template_old").val('');
                jQuery("#delete_template.savebtn").hide();
                jQuery('#arplite_total_tables').val(jQuery('.arp_editable_templates').length);
                jQuery('#arp_remove_template .b-close').trigger('click');
            }
        });
    } else {
        jQuery("#delete_template.savebtn").hide();
        jQuery('#arp_remove_template .b-close').trigger('click');
    }
});

jQuery(document).on('click', '#delete_template', function () {
    jQuery('#arp_remove_template').bPopup();
});

jQuery(document).on('click', '#Model_Delete_Column', function (e) {
    if (jQuery(this).hasClass('delete_column')) {
        var column_id = jQuery(this).attr('col-id');
        if (jQuery('.ArpPricingTableColumnWrapper#main_column_' + column_id).attr('is_caption') == 1) {
            jQuery('#has_caption_column').val(0);
        }
        var total_packages = jQuery('#total_packages').val();
        var package_id = 'main_column_' + column_id;
        var has_caption = jQuery('#has_caption_column').val();
        var caption_col = jQuery('#' + package_id).attr('is_caption');
        var packages = parseInt(total_packages) - 1;
        var total_rows = jQuery(document).find("#total_rows").val();
        jQuery('#total_packages').val(packages);
        if (packages < 4) {
            jQuery('#addnewpackage.arplite_unlocked').show();
            jQuery('#addnewpackage.arplite_locked').hide();
        } else {
            jQuery('#addnewpackage.arplite_unlocked').hide();
            jQuery('#addnewpackage.arplite_locked').show();
        }
        jQuery('#' + package_id).remove();
        var orders = new Array();
        jQuery('.ArpPricingTableColumnWrapper').each(function (x) {
            var id = jQuery(this).attr('id');
            orders[x] = id;
        });
        jQuery('#pricing_table_column_order').val(JSON.stringify(orders));

        if (jQuery('input#arp_display_columns_mobile').val() == total_packages) {
            jQuery('dl#arp_display_columns_mobile').find('dt span').html(1);
            jQuery('dl#arp_display_columns_mobile').find('dt input').val(1);
            jQuery('input#arp_display_columns_mobile').val(1);
        }

        if (jQuery('input#arp_display_columns_tablet').val() == total_packages) {

            if (packages > 3 || packages == 3) {
                jQuery('dl#arp_display_columns_tablet').find('dt span').html(3);
                jQuery('dl#arp_display_columns_tablet').find('dt input').val(3);
                jQuery('input#arp_display_columns_tablet').val(3);
            } else {
                jQuery('dl#arp_display_columns_tablet').find('dt span').html(1);
                jQuery('dl#arp_display_columns_tablet').find('dt input').val(1);
                jQuery('input#arp_display_columns_tablet').val(1);
            }
        }

        jQuery('ul.arp_display_columns_mobile li:last-child').remove();
        jQuery('ul.arp_display_columns_tablet li:last-child').remove();
        arp_rearrange_columns();
    } else {
        var column_id = jQuery(this).attr('col-id');
        jQuery('#delete_column_container_' + column_id).slideUp(500);
        jQuery('#main_column_' + column_id).find('#delete_column.action_btn').removeClass('selected');
    }
    arp_header_title_responsive();
    arp_price_text_responsive();
    arp_price_label_responsive();
    arp_column_desc_responsive();
    remove_column_height();
    adjust_column_height();
    e.preventDefault();
});

jQuery(document).on('click', '#delete_column', function (e) {
    if (jQuery(e.target).parents().hasClass('delete_column_container')) {
        return;
    }
    if (jQuery('.ArpPricingTableColumnWrapper:not(.maincaptioncolumn)').length <= 1)
    {

        jQuery('#arp_remove_column_last').bPopup();
    }
    else
    {
        var column_id = jQuery(this).attr('col-id');

        jQuery('#delete_column_container_' + column_id).slideDown(500);
    }
});

jQuery(document).on('click', '#Model_Delete_Column_last', function () {
    jQuery('#arp_remove_column_last').bPopup().close();
});

jQuery(document).on('click', '#duplicate_column', function () {
    var column_id = jQuery(this).attr('col-id');
    var total_package = jQuery('#total_packages').val();
    if (total_package >= 4) {
        jQuery('#arplite_addnew_notice').bPopup({
            modalColor: '#656565'
        });
        return;
    }
    var packages = parseInt(total_package) + 1;
    if (packages > 3) {
        jQuery('.add_new_package.arplite_unlocked').hide();
        jQuery('.add_new_package.arplite_locked').show();
    } else {
        jQuery('.add_new_package.arplite_unlocked').show();
        jQuery('.add_new_package.arplite_locked').hide();
    }
    jQuery('#total_packages').val(packages);
    var column_to_copy = jQuery('.ArpPricingTableColumnWrapper#main_column_' + column_id);
    var clone_column = jQuery(column_to_copy).clone();
    jQuery(clone_column).appendTo('.arp_allcolumnsdiv');

    var total_packages = jQuery('.ArpPricingTableColumnWrapper').length;

    var html = '<li class="arp_selectbox_option" data-label="' + total_packages + '" data-value="' + total_packages + '" style="margin:0">' + total_packages + '</li>';

    jQuery('ul.arp_display_columns_mobile').append(html);
    jQuery('ul.arp_display_columns_tablet').append(html);
    jQuery('ul.arp_display_columns_desktop').append(html);

    jQuery('#main_column_' + column_id).removeClass('selected');
    jQuery(column_to_copy).find('#column_level_settings_new').hide();
    var for_above_below = jQuery('.arp_allcolumnsdiv').find('.ArpPricingTableColumnWrapper:last').attr('id');
    var last_id = for_above_below.substr(for_above_below.length - 1);
    var new_order = new Array();
    jQuery('.ArpPricingTableColumnWrapper').each(function (x) {
        var id = jQuery(this).attr('id');
        new_order[x] = id;
    });
    var $this = jQuery(clone_column);
    var x = packages;
    var i = x - 1;
    jQuery(new_order).each(function (y) {
        if (new_order[y] == 'main_column_' + i)
            i++;
    });
    var template = jQuery('#arp_reference_template').val();

    var is_caption = jQuery('#has_caption_column').val();
    if ($this.attr('is_caption') == 0) {
        if (is_caption == 1) {
            if ((i % 5) == 0)
                $arp_classname = 'column_5';
            else if ((i % 5) == 1)
                $arp_classname = 'column_1';
            else if ((i % 5) == 2)
                $arp_classname = 'column_2';
            else if ((i % 5) == 3)
                $arp_classname = 'column_3';
            else if ((i % 5) == 4)
                $arp_classname = 'column_4';
        } else {
            if (((i + 1) % 5) == 0)
                $arp_classname = 'column_5';
            else if (((i + 1) % 5) == 1)
                $arp_classname = 'column_1';
            else if (((i + 1) % 5) == 2)
                $arp_classname = 'column_2';
            else if (((i + 1) % 5) == 3)
                $arp_classname = 'column_3';
            else if (((i + 1) % 5) == 4)
                $arp_classname = 'column_4';
        }
        $this.find('.arpplan').removeClass('column_1 column_2 column_3 column_4 column_5');
        $this.find('.arpplan').addClass($arp_classname);
    }

    setTimeout(function () {
        jQuery("#arp_loader_div").hide();
        var column_ids = [];
        jQuery('.ArpPricingTableColumnWrapper').each(function () {
            var col_id = jQuery(this).attr('id').replace('main_column_', '');
            column_ids.push(col_id);
        });
        var max_id = Math.max.apply(Math, column_ids);
        arp_assign_control_names(clone_column, (max_id + 1), last_id, 'duplicate_column', column_id);
    }, 1500);

    return;


    var z = $arp_classname.split('_');

    z = z[1];

});

function arp_rearrange_columns() {
    var $arp_classname;
    var is_caption = jQuery('#has_caption_column').val();
    jQuery('.ArpPricingTableColumnWrapper').each(function (x) {
        var column_id = jQuery(this).attr('id');
        column_id = column_id.split('_');
        if (jQuery(this).find('.arpcolumnfooter').hasClass('has_footer_content')) {
            if (jQuery(this).find('.arpcolumnfooter').hasClass('footer_below_content')) {
                jQuery(this).find('input#footer_content_position_0_' + column_id[2]).attr('checked', true);
            }
            else if (jQuery(this).find('.arpcolumnfooter').hasClass('footer_above_content')) {
                jQuery(this).find('input#footer_content_position_1_' + column_id[2]).attr('checked', true);
            }

        }
        else
        {
            jQuery(this).find('input#footer_content_position_0_' + column_id[2]).attr('checked', true);

        }
        $this = jQuery(this);
        if ($this.attr('is_caption') == 0) {
            if (is_caption == 0) {
                if (((x + 1) % 5) == 0)
                    $arp_classname = 'column_5';
                else if (((x + 1) % 5) == 1)
                    $arp_classname = 'column_1';
                else if (((x + 1) % 5) == 2)
                    $arp_classname = 'column_2';
                else if (((x + 1) % 5) == 3)
                    $arp_classname = 'column_3';
                else if (((x + 1) % 5) == 4)
                    $arp_classname = 'column_4';
            } else {

                if ((x % 5) == 0)
                    $arp_classname = 'column_5';
                else if ((x % 5) == 1)
                    $arp_classname = 'column_1';
                else if ((x % 5) == 2)
                    $arp_classname = 'column_2';
                else if ((x % 5) == 3)
                    $arp_classname = 'column_3';
                else if ((x % 5) == 4)
                    $arp_classname = 'column_4';
            }
            $this.find('.arpplan').removeClass('column_1 column_2 column_3 column_4 column_5');

            $this.find('.arpplan').addClass($arp_classname);
        } else {
            $arp_classname = '';
        }

        jQuery(this).find('ul.arppricingtablebodyoptions').find('li').each(function (r) {
            jQuery(this).attr('id', 'arp_row_' + r);

            if ($this.attr('is_caption') == 1) {
                if ((r + 1) % 2 == 0) {
                    $cls = 'rowlightcolorstyle';
                } else {
                    $cls = '';
                }
            } else {
                if (x % 2 == 0)
                {
                    if ((r + 1) % 2 == 0)
                    {
                        $cls = 'rowdarkcolorstyle';
                    }
                    else
                    {
                        $cls = '';
                    }
                }
                else
                {
                    if ((r + 1) % 2 == 0)
                    {
                        $cls = 'rowlightcolorstyle';
                    }
                    else
                    {
                        $cls = '';
                    }
                }
            }
            jQuery(this).removeClass('rowlightcolorstyle');
            jQuery(this).removeClass('rowdarkcolorstyle');

            jQuery(this).addClass($cls);
        });

    });
}

jQuery(document).on('click', '#Model_Delete_Row_Button', function () {
    if (jQuery(this).hasClass('delete_row')) {
        var column_id = jQuery(this).attr('col-id');
        var row_id = jQuery(this).attr('row-id');
        var total_row = '';
        var column = jQuery('.ArpPricingTableColumnWrapper#main_column_' + column_id);
        jQuery('ul.arppricingtablebodyoptions').find('li#arp_' + row_id).remove();
        jQuery('.arp_row_wrapper#arp_' + row_id).remove();
        jQuery('.arp_tooltip_wrapper#arp_' + row_id).remove();
        jQuery('.arp_label_wrapper#arp_' + row_id).remove();
        jQuery('.ArpPricingTableColumnWrapper').each(function (x) {
            var column_id = jQuery(this).attr('id');
            var $this = jQuery(this);
            jQuery($this).find('ul.arppricingtablebodyoptions').find('li').each(function (y) {
                total_row = y;
            });
            total_row = parseInt(total_row) + 1;
            jQuery('#' + column_id).find('#total_rows').val(total_row);
        });
        rearrange_rows();
        jQuery('.delete_row_container').slideUp(500);
        jQuery('.ex').mouseup();
    } else {
        jQuery('.delete_row_container').slideUp(500);
    }

});

jQuery(document).on('click', '#remove_row', function (e) {
    var column_id = jQuery(this).attr('col-id');
    var row_id = jQuery(this).attr('row-id');
    jQuery(this).find("#Model_Delete_Row_Button").attr('col-id', column_id);
    jQuery(this).find("#Model_Delete_Row_Button").attr('row-id', row_id);
    if (jQuery(e.target).parents().hasClass('delete_row_container')) {
        return;
    }
    jQuery(this).find('.delete_row_container').slideDown(500);
});

jQuery(document).on('click', '#copy_row', function () {
    jQuery("#arp_loader_div").show();
    var clone_id = jQuery(this).attr('alt');
    jQuery('.ArpPricingTableColumnWrapper').each(function (x) {
        var total_rows = jQuery(this).find('#total_rows').val();
        jQuery(this).find('#total_rows').val(parseInt(total_rows) + 1);
        var clone_row = jQuery(this).find('li#arp_' + clone_id).clone();
        var clone_row_description = jQuery(this).find('.arp_row_wrapper#arp_' + clone_id).clone();
        clone_row_description.find('textarea#arp_li_description').val(jQuery(this).find('.arp_row_wrapper#arp_' + clone_id).find('textarea#arp_li_description').val());

        clone_row_description.find('#body_li_style_bold').val(jQuery(this).find('.arp_row_wrapper#arp_' + clone_id).find('#body_li_style_bold').val());
        clone_row_description.find('#body_li_style_italic').val(jQuery(this).find('.arp_row_wrapper#arp_' + clone_id).find('#body_li_style_italic').val());
        clone_row_description.find('#body_li_style_decoration').val(jQuery(this).find('.arp_row_wrapper#arp_' + clone_id).find('#body_li_style_decoration').val());
        clone_row_description.find('#body_li_style_bold_caption').val(jQuery(this).find('.arp_row_wrapper#arp_' + clone_id).find('#body_li_style_bold_caption').val());
        clone_row_description.find('#body_li_style_italic_caption').val(jQuery(this).find('.arp_row_wrapper#arp_' + clone_id).find('#body_li_style_italic_caption').val());
        clone_row_description.find('#body_li_style_decoration_caption').val(jQuery(this).find('.arp_row_wrapper#arp_' + clone_id).find('#body_li_style_decoration_caption').val());

        var clone_row_tooltip = jQuery(this).find('.arp_tooltip_wrapper#arp_' + clone_id).clone();
        clone_row_tooltip.find('textarea').val(jQuery(this).find('.arp_tooltip_wrapper#arp_' + clone_id).find('textarea').val());

        var clone_row_label = jQuery(this).find('.arp_row_label_wrapper#arp_' + clone_id).clone();
        clone_row_description.find('textarea#label').val(jQuery(this).find('.arp_row_wrapper#arp_' + clone_id).find('textarea#label').val());
        jQuery(this).find('li#arp_' + clone_id).after(clone_row);
        jQuery(this).find('.arp_row_wrapper#arp_' + clone_id).after(clone_row_description);
        jQuery(this).find('.arp_tooltip_wrapper#arp_' + clone_id).after(clone_row_tooltip);
        jQuery(this).find('.arp_row_label_wrapper#arp_' + clone_id).after(clone_row_label);
        clone_row.removeClass('selected');
    });
    rearrange_rows();
    jQuery("#arp_loader_div").hide();

});

function rearrange_rows() {
    var template = jQuery("#arp_reference_template").val();
    jQuery('.ArpPricingTableColumnWrapper').each(function (x) {
        var id = jQuery(this).attr('id');
        x = id.replace('main_column_', '');
        $cls = '';
        $this = jQuery(this);
        jQuery(this).find('ul.arppricingtablebodyoptions').find('li').each(function (r) {
            var old_row_id = jQuery(this).attr('id').replace('arp_row_', '');
            jQuery(this).attr('id', 'arp_row_' + r);

            if ($this.attr('is_caption') == 1) {
                if ((r + 1) % 2 == 0) {
                    $cls = 'rowlightcolorstyle arp_even_row';
                } else {
                    $cls = 'arp_odd_row';
                }
            } else {
                if (x % 2 == 0)
                {
                    if ((r + 1) % 2 == 0)
                    {
                        $cls = 'rowdarkcolorstyle arp_even_row';
                    }
                    else
                    {
                        $cls = 'arp_odd_row';

                    }
                }
                else
                {
                    if ((r + 1) % 2 == 0)
                    {
                        $cls = 'rowlightcolorstyle arp_even_row';
                    }
                    else
                    {
                        $cls = 'arp_odd_row';

                    }
                }
            }
            jQuery(this).removeClass('rowlightcolorstyle');
            jQuery(this).removeClass('rowdarkcolorstyle');
            jQuery(this).removeClass('arp_odd_row');
            jQuery(this).removeClass('arp_even_row');

            jQuery(this).addClass($cls);

            jQuery(this).removeClass(template + '_column_' + x + '_row_' + old_row_id);
            jQuery(this).addClass(template + '_column_' + x + '_row_' + r);
        });

        $this.find('.arp_row_wrapper').each(function (m) {
            jQuery(this).attr('id', 'arp_row_' + m);

            if ($this.attr('is_caption') == 1) {
                jQuery(this).find('#arp_li_description').parent().parent().attr('id', 'description' + m);
                jQuery(this).find('#arp_li_description').parent().parent().attr('class', '');
                jQuery(this).find('#arp_li_description').parent().parent().addClass('col_opt_row');
                jQuery(this).find('#arp_li_description').parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('#arp_li_description').attr('name', 'row_' + x + '_description_' + m);
                jQuery(this).find('#arp_li_description').attr('col-id', x);

                jQuery(this).find('#body_li_style_bold').attr('name', 'body_li_style_bold_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#body_li_style_italic').attr('name', 'body_li_style_italic_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#body_li_style_decoration').attr('name', 'body_li_style_decoration_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#body_li_style_bold_caption').attr('name', 'body_li_style_bold_caption_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#body_li_style_italic_caption').attr('name', 'body_li_style_italic_caption_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#body_li_style_decoration_caption').attr('name', 'body_li_style_decoration_caption_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#arp_style_bold').attr('data-row', 'arp_row_' + m);
                jQuery(this).find('#arp_style_italic').attr('data-row', 'arp_row_' + m);
                jQuery(this).find('#arp_style_underline').attr('data-row', 'arp_row_' + m);
                jQuery(this).find('#arp_style_strike').attr('data-row', 'arp_row_' + m);
                jQuery(this).find('#arp_style_bold').attr('data-column', 'main_column_' + x);
                jQuery(this).find('#arp_style_italic').attr('data-column', 'main_column_' + x);
                jQuery(this).find('#arp_style_underline').attr('data-column', 'main_column_' + x);
            } else {
                jQuery(this).find('#arp_li_description').parent().parent().parent().attr('id', 'description' + m);
                jQuery(this).find('#arp_li_description').parent().parent().parent().attr('class', '');
                jQuery(this).find('#arp_li_description').parent().parent().parent().addClass('col_opt_row');
                jQuery(this).find('#arp_li_description').parent().parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('#arp_li_description').attr('name', 'row_' + x + '_description_' + m);
                jQuery(this).find('#arp_li_description').attr('col-id', x);

                jQuery(this).find('#row_description_second').attr('name', 'row_' + x + '_description_second_' + m);
                jQuery(this).find('#row_description_second').attr('col-id', x);

                jQuery(this).find('#row_description_third').attr('name', 'row_' + x + '_description_third_' + m);
                jQuery(this).find('#row_description_third').attr('col-id', x);

                jQuery(this).find('li.option_title').attr('data-column', x);

                jQuery(this).find('#body_li_style_bold').attr('name', 'body_li_style_bold_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#body_li_style_italic').attr('name', 'body_li_style_italic_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#body_li_style_decoration').attr('name', 'body_li_style_decoration_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#body_li_style_bold_caption').attr('name', 'body_li_style_bold_caption_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#body_li_style_italic_caption').attr('name', 'body_li_style_italic_caption_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#body_li_style_decoration_caption').attr('name', 'body_li_style_decoration_caption_column_' + x + '_arp_row_' + m);
                jQuery(this).find('#arp_style_bold').attr('data-row', 'arp_row_' + m);
                jQuery(this).find('#arp_style_italic').attr('data-row', 'arp_row_' + m);
                jQuery(this).find('#arp_style_underline').attr('data-row', 'arp_row_' + m);
                jQuery(this).find('#arp_style_strike').attr('data-row', 'arp_row_' + m);
                jQuery(this).find('#arp_style_bold').attr('data-column', 'main_column_' + x);
                jQuery(this).find('#arp_style_italic').attr('data-column', 'main_column_' + x);
                jQuery(this).find('#arp_style_underline').attr('data-column', 'main_column_' + x);
                jQuery(this).find('#arp_style_strike').attr('data-column', 'main_column_' + x);
            }
	    
	    jQuery(this).find('#arp_row_level_custom_css').parent().parent().attr('id', 'row_level_custom_css' + m);
            jQuery(this).find('#arp_row_level_hover_custom_css').parent().parent().attr('id', 'row_level_custom_css' + m);
	    
            jQuery(this).find('#arp_add_row_shortcode').parent().parent().attr('id', 'body_li_add_shortcode' + m);
            jQuery(this).find('#arp_add_row_shortcode').parent().parent().attr('class', '');
            jQuery(this).find('#arp_add_row_shortcode').parent().parent().addClass('col_opt_row');
            jQuery(this).find('#arp_add_row_shortcode').parent().parent().addClass('arp_row_' + m);
            jQuery(this).find('#arp_add_row_shortcode').attr('name', 'row_' + x + '_add_description_shortcode_btn_' + m);
            jQuery(this).find('#arp_add_row_shortcode').attr('data-row-id', 'row_' + m);
            jQuery(this).find('#arp_add_row_shortcode').attr('col-id', x);
            jQuery(this).find('#arp_add_row_shortcode').attr('data-id', x);

            jQuery(this).find('#arp_add_row_object').parent().parent().attr('id', 'body_li_add_shortcode' + m);
            jQuery(this).find('#arp_add_row_object').parent().parent().attr('class', '');
            jQuery(this).find('#arp_add_row_object').parent().parent().addClass('col_opt_row');
            jQuery(this).find('#arp_add_row_object').parent().parent().addClass('arp_row_' + m);
            jQuery(this).find('#arp_add_row_object').attr('name', 'row_' + x + '_add_body_li_object_' + m);
            jQuery(this).find('#arp_add_row_object').attr('data-column', 'main_column_' + x);
            jQuery(this).find('#arp_add_row_object').attr('data-insert', 'arp_row_' + m + ' ' + 'textarea#arp_li_description');




            var ok_btn_id = jQuery(this).find('#arp_ok_btn').parent().parent().attr('id');
            if (ok_btn_id.indexOf('caption') != -1)
            {
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('id', 'body_li_level_caption_arp_ok_div__button_1' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('class', '');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('col_opt_row');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_ok_div');
            }
            else
            {
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('id', 'body_li_level_other_arp_ok_div__button_1' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('class', '');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('col_opt_row');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_ok_div');
            }
	    jQuery(this).find('.fa-long-arrow-up').attr('data-column',x);
	    jQuery(this).find('.fa-long-arrow-down').attr('data-column',x);
	    jQuery(this).find('.fa-long-arrow-left').attr('data-column',x);
	    jQuery(this).find('.fa-long-arrow-right').attr('data-column',x);
        });

        $this.find('.arp_tooltip_wrapper').each(function (m) {
            jQuery(this).attr('id', 'arp_row_' + m);
            jQuery(this).find('.col_opt_textarea#arp_li_tooltip').parent().parent().attr('id', 'tooltip' + m);
            jQuery(this).find('.col_opt_textarea#arp_li_tooltip').parent().parent().attr('class', '');
            jQuery(this).find('.col_opt_textarea#arp_li_tooltip').parent().parent().addClass('col_opt_row');
            jQuery(this).find('.col_opt_textarea#arp_li_tooltip').parent().parent().addClass('arp_row_' + m);
            jQuery(this).find('.col_opt_textarea#arp_li_tooltip').attr('name', 'row_' + x + '_tooltip_' + m);
            jQuery(this).find('.col_opt_textarea#arp_li_toottip').attr('col-id', x);

            jQuery(this).find('#arp_add_tooltip_shortcode').parent().parent().attr('id', 'body_li_add_shortcode' + m);
            jQuery(this).find('#arp_add_tooltip_shortcode').parent().parent().attr('class', '');
            jQuery(this).find('#arp_add_tooltip_shortcode').parent().parent().addClass('col_opt_row');
            jQuery(this).find('#arp_add_tooltip_shortcode').parent().parent().addClass('arp_row_' + m);
            jQuery(this).find('#arp_add_tooltip_shortcode').attr('name', 'row_' + x + '_add_description_shortcode_btn_' + m);
            jQuery(this).find('#arp_add_tooltip_shortcode').attr('data-row-id', 'row_' + m);
            jQuery(this).find('#arp_add_tooltip_shortcode').attr('col-id', x);
            jQuery(this).find('#arp_add_tooltip_shortcode').attr('data-id', x);

            var ok_btn_id = jQuery(this).find('#arp_ok_btn').parent().parent().attr('id');
            if (ok_btn_id.indexOf('caption') != -1)
            {
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('id', 'body_li_level_caption_arp_ok_div__button_2' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('class', '');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('col_opt_row');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_ok_div');
            }
            else
            {
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('id', 'body_li_level_other_arp_ok_div__button_2' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('class', '');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('col_opt_row');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_ok_div');
            }
	    jQuery(this).find('.fa-long-arrow-up').attr('data-column',x);
	    jQuery(this).find('.fa-long-arrow-down').attr('data-column',x);
	    jQuery(this).find('.fa-long-arrow-left').attr('data-column',x);
	    jQuery(this).find('.fa-long-arrow-right').attr('data-column',x);
        });

        $this.find('.arp_row_label_wrapper').each(function (m) {
            jQuery(this).attr('id', 'arp_row_' + m);

            if ($this.attr('is_caption') == 1) {
                jQuery(this).find('textarea#label').parent().parent().attr('id', 'label' + m);
                jQuery(this).find('textarea#label').parent().parent().attr('class', '');
                jQuery(this).find('textarea#label').parent().parent().addClass('col_opt_row');
                jQuery(this).find('textarea#label').parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('textarea#label').attr('name', 'row_' + x + '_label_' + m);
                jQuery(this).find('textarea#label').attr('col-id', x);
            } else {
                jQuery(this).find('textarea#label').parent().parent().parent().attr('id', 'label' + m);
                jQuery(this).find('textarea#label').parent().parent().parent().attr('class', '');
                jQuery(this).find('textarea#label').parent().parent().parent().addClass('col_opt_row');
                jQuery(this).find('textarea#label').parent().parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('textarea#label').attr('name', 'row_' + x + '_label_' + m);
                jQuery(this).find('textarea#label').attr('col-id', x);

                jQuery(this).find('textarea#label_second').attr('name', 'row_' + x + '_label_second_' + m);
                jQuery(this).find('textarea#label_second').attr('col-id', x);

                jQuery(this).find('textarea#label_third').attr('name', 'row_' + x + '_label_third_' + m);
                jQuery(this).find('textarea#label_third').attr('col-id', x);

                jQuery(this).find('li.option_title').attr('data-column', x);
            }

            jQuery(this).find('#arp_add_label_shortcode').parent().parent().attr('id', 'body_li_add_shortcode' + m);
            jQuery(this).find('#arp_add_label_shortcode').parent().parent().attr('class', '');
            jQuery(this).find('#arp_add_label_shortcode').parent().parent().addClass('col_opt_row');
            jQuery(this).find('#arp_add_label_shortcode').parent().parent().addClass('arp_row_' + m);
            jQuery(this).find('#arp_add_label_shortcode').attr('name', 'row_' + x + '_add_description_shortcode_btn_' + m);
            jQuery(this).find('#arp_add_label_shortcode').attr('data-row-id', 'row_' + m);
            jQuery(this).find('#arp_add_label_shortcode').attr('col-id', x);
            jQuery(this).find('#arp_add_label_shortcode').attr('data-id', x);

            var ok_btn_id = jQuery(this).find('#arp_ok_btn').parent().parent().attr('id');
            if (ok_btn_id.indexOf('caption') != -1)
            {
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('id', 'body_li_level_caption_arp_ok_div__button_3' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('class', '');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('col_opt_row');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_ok_div');
            }
            else
            {
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('id', 'body_li_level_other_arp_ok_div__button_3' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('class', '');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('col_opt_row');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_ok_div');
            }
        });

        $this.find('.arp_row_wrapper').each(function (m) {
            jQuery(this).attr('id', 'arp_row_' + m);
            if ($this.attr('is_caption') == 1) {
                jQuery(this).find('textarea#label').parent().parent().attr('id', 'label' + m);
                jQuery(this).find('textarea#label').parent().parent().attr('class', '');
                jQuery(this).find('textarea#label').parent().parent().addClass('col_opt_row');
                jQuery(this).find('textarea#label').parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('textarea#label').attr('name', 'row_' + x + '_label_' + m);
                jQuery(this).find('textarea#label').attr('col-id', x);
            } else {
                jQuery(this).find('textarea#label').parent().parent().parent().attr('id', 'label' + m);
                jQuery(this).find('textarea#label').parent().parent().parent().attr('class', '');
                jQuery(this).find('textarea#label').parent().parent().parent().addClass('col_opt_row');
                jQuery(this).find('textarea#label').parent().parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('textarea#label').attr('name', 'row_' + x + '_label_' + m);
                jQuery(this).find('textarea#label').attr('col-id', x);

                jQuery(this).find('textarea#label_second').attr('name', 'row_' + x + '_label_second_' + m);
                jQuery(this).find('textarea#label_second').attr('col-id', x);

                jQuery(this).find('textarea#label_third').attr('name', 'row_' + x + '_label_third_' + m);
                jQuery(this).find('textarea#label_third').attr('col-id', x);

                jQuery(this).find('li.option_title').attr('data-column', x);
            }

	    jQuery(this).find('#arp_row_level_custom_css').parent().parent().attr('id', 'row_level_custom_css' + m);
            jQuery(this).find('#arp_row_level_hover_custom_css').parent().parent().attr('id', 'row_level_custom_css' + m);
	    jQuery(this).find('#arp_row_level_custom_css').parent().parent().removeClass(/arp_row_(\d+)/g);
	    jQuery(this).find('#arp_row_level_custom_css').parent().parent().addClass('arp_row_' + m);

            jQuery(this).find('#arp_add_label_shortcode').parent().parent().attr('id', 'body_li_add_shortcode' + m);
            jQuery(this).find('#arp_add_label_shortcode').parent().parent().attr('class', '');
            jQuery(this).find('#arp_add_label_shortcode').parent().parent().addClass('col_opt_row');
            jQuery(this).find('#arp_add_label_shortcode').parent().parent().addClass('arp_row_' + m);
            jQuery(this).find('#arp_add_label_shortcode').attr('name', 'row_' + x + '_add_description_shortcode_btn_' + m);
            jQuery(this).find('#arp_add_label_shortcode').attr('data-row-id', 'row_' + m);
            jQuery(this).find('#arp_add_label_shortcode').attr('col-id', x);
            jQuery(this).find('#arp_add_label_shortcode').attr('data-id', x);

            var ok_btn_id = jQuery(this).find('#arp_ok_btn').parent().parent().attr('id');
            if (ok_btn_id.indexOf('caption') != -1)
            {
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('id', 'body_li_level_caption_arp_ok_div__button_3' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('class', '');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('col_opt_row');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_ok_div');
            }
            else
            {
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('id', 'body_li_level_other_arp_ok_div__button_3' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().attr('class', '');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('col_opt_row');
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_row_' + m);
                jQuery(this).find('#arp_ok_btn').parent().parent().addClass('arp_ok_div');
            }
	    jQuery(this).find('.fa-long-arrow-up').attr('data-column',x);
	    jQuery(this).find('.fa-long-arrow-down').attr('data-column',x);
	    jQuery(this).find('.fa-long-arrow-left').attr('data-column',x);
	    jQuery(this).find('.fa-long-arrow-right').attr('data-column',x);
        });

    });
    remove_column_height();
    adjust_column_height();
}

jQuery(document).on('click', '#add_new_row', function () {

    jQuery(this).css('display', 'none');
    jQuery(this).after("<div class='arp_btn' id='add_new_row_loader'> </div>");
    var total_rows = jQuery('#total_rows').val();
    var template_features = jQuery('#arp_template_feature').val();
    var template = jQuery("#arp_reference_template").val();
    var template_options = global_template_options();
    var col_id = jQuery(this).attr('data-id');
    var arr = template_options.template_button_options.features[template]['body_li_level_options'];

    if (isNaN(total_rows)) {
        total_rows = 0;
    }
    jQuery.ajax({
        type: 'POST',
        url: ajaxurl,
        async: false,
        dataType: 'json',
        data: 'action=arplite_add_new_row&total_rows=' + total_rows + '&template_features=' + template_features + '&template=' + template + '&column=' + col_id,
        success: function (res) {
            jQuery(".arp_btn#add_new_row_loader").remove();
            jQuery('.column_add_new_row_action_btn').hide();

            if (jQuery("#main_column_" + col_id).find('#arppricingtablebodycontent').hasClass('selected')) {

                jQuery("#main_column_" + col_id).find(".arp_btn#add_new_row").css('display', 'block');
                jQuery('.column_add_new_row_action_btn').hide();
            }

            append_id = parseInt(total_rows) - 1;
            jQuery('.ArpPricingTableColumnWrapper').each(function (x) {
                var id = jQuery(this).attr('id');
                var total_buttons = '';
                if (jQuery(this).hasClass('maincaptioncolumn')) {
                    arr = template_options.template_button_options.features[template]['body_li_level_options']['caption_column_buttons'];
                    total_buttons = _.size(arr);
                } else {
                    arr = template_options.template_button_options.features[template]['body_li_level_options']['other_columns_buttons'];
                    total_buttons = _.size(arr);
                }

                jQuery(this).find('.arppricingtablebodyoptions').append(res.new_row_string);


                $this = jQuery(this);

                var li_col_id = jQuery(this).attr('id').replace('main_column_', '');
                $this.find('#arp_row_' + total_rows).addClass(template + '_column_' + li_col_id + '_row_' + total_rows);
                if (total_rows % 2 == 0)
                {
                    $this.find('#arp_row_' + total_rows).addClass('arp_odd_row');
                }
                else
                {
                    $this.find('#arp_row_' + total_rows).addClass('arp_even_row');
                }

                for (var c = 1; c <= total_buttons; c++) {
                    var new_arr = template_options.template_button_options.features[template]['body_li_level_options']['other_columns_buttons']['body_li_level_options__button_' + c];

                    if (new_arr.indexOf('description') > -1) {
                        $this.find('.column_level_options').find('.column_option_div[level-id="body_li_level_options__button_' + c + '"]').append(res.new_row_wrapper);
                    }
                    if (new_arr.indexOf('tooltip') > -1) {
                        $this.find('.column_level_options').find('.column_option_div[level-id="body_li_level_options__button_' + c + '"]').append(res.new_row_tooltip);
                    }

                }

                $this.find('#total_rows').val(parseInt(total_rows) + 1);

                if ($this.attr('is_caption') == 1) {
                    $this.find('.arpbodyoptionrow').attr('data-type', 'caption_column_buttons');

                    if (jQuery(this).find('ul.column_tabs').length > 0) {
                        jQuery(this).find('ul.column_tabs').remove();
                    }
                    if (jQuery(this).find('#description_yearly_tab').length > 0) {
                        jQuery(this).find('#description_yearly_tab').contents().unwrap();
                    }
                    if (jQuery(this).find('#description_monthly_tab').length > 0) {
                        jQuery(this).find('#description_monthly_tab').remove();
                    }
                    if (jQuery(this).find('#description_quarterly_tab').length > 0) {
                        jQuery(this).find('#description_quarterly_tab').remove();
                    }
                } else {
                    if (jQuery(this).find('ul.column_tabs').length > 0) {
                        if (jQuery('#step_options_main_hidden').val() == 2) {
                            jQuery(this).find('ul.column_tabs li').css('width', '48%');
                        } else {
                            jQuery(this).find('ul.column_tabs li').css('width', '31%');
                        }
                    }
                    $this.find('.arpbodyoptionrow').attr('data-type', 'other_columns_buttons');
                }
                $this.find('.arpbodyoptionrow').attr('data-column', id);
                $this.find('.arpbodyoptionrow').attr('data-template_id', template);
                $this.find('.arpbodyoptionrow').attr('data-level', 'body_li_level_options');

                var new_style = jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('.arpbodyoptionrow:nth-last-child(2)').attr('style');
                jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('.arpbodyoptionrow:last-child').attr('style', new_style);
		
		jQuery(this).find('.arpbodyoptionrow:last-child').attr('style', new_style);

                var new_style_span = jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('.arpbodyoptionrow:nth-last-child(2)').find('span').attr('style');
                jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('.arpbodyoptionrow:last-child').find('span').attr('style', new_style_span);

                var new_style_caption_li = jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('.arpbodyoptionrow:nth-last-child(2)').find('span.caption_li').attr('style');
                jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('.arpbodyoptionrow:last-child').find('span.caption_li').attr('style', new_style_caption_li);

                var new_style_caption_detail = jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('.arpbodyoptionrow:nth-last-child(2)').find('span.caption_detail').attr('style');
                jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('.arpbodyoptionrow:last-child').find('span.caption_detail').attr('style', new_style_caption_detail);



            });
            ArpColumnResizable();
            ArpColumnSortable();
            rearrange_rows();
            reset_all_wrapper_li_color();
        }
    });

});

jQuery(document).on('click', '.general_color_opts.enable #general_color_box_div', function (e) {
    var object = jQuery(this);
    jQuery("#arp_is_generate_html_canvas").val('yes');

    if ((jQuery(e.target).hasClass('arprice_container_width_wrapper') || jQuery(e.target).parents().hasClass('arprice_container_width_wrapper') && !jQuery(e.target).hasClass('template_color_schemes') || !jQuery(e.target).parents().hasClass('template_color_schemes'))) {
        choose_color_scheme(object);
    }

});

function remove_column_height()
{
    var template_type = jQuery("#arp_template_type").val();
    jQuery(".ArpTemplate_main").each(function () {
        cols = jQuery(this).find("ul.arppricingtablebodyoptions").length;
        var $this = jQuery(this);
        jQuery($this).find('li').css('height', '');
        jQuery($this).find('li').css('min-height', '');
        jQuery($this).find('li').css('line-height', '');
        jQuery($this).find('li').css('padding', '');
    });
}
function adjust_column_height()
{

    var template_type = jQuery("#arp_template_type").val();
    var template = jQuery("#arp_reference_template").val();
    var responsive_templates = arp_template_responsive_array_types();
    var body_li_temps = responsive_templates.body_li_level_types;

    var property = '';

    if (body_li_temps.type_1.indexOf(template) > -1) {
        property = 'min-height';
    } else {
        property = 'height';
    }

    jQuery(".ArpTemplate_main").each(function () {
        var cols = jQuery(this).find(".ArpPricingTableColumnWrapper").length;

        $this = jQuery(this);
        var template_name = jQuery("#arp_template_name").val();
        jQuery(this).find(".ArpPricingTableColumnWrapper:visible").each(function ()
        {
            $this_wrapper = jQuery(this);
            jQuery(this).find('ul.arp_opt_options li').each(function (y) {

                if ($this.find(".arpplan.maincaptioncolumn").is(':visible')) {
                    var base_height = $this.find(".arpplan.maincaptioncolumn li#arp_row_" + y).height();
                }
                if (base_height == null || base_height < 0) {
                    var base_height = $this.find("ul.arp_opt_options li#arp_row_" + y).height();
                }
                if (base_height < 0)
                {
                    base_height = $this.find(".ArpPricingTableColumnWrapper:visible:first").find("ul.arp_opt_options li#arp_row_" + y).height();
                }
                if (base_height > 0)
                {
                    var height = $this_wrapper.filter(':visible').find('ul.arp_opt_options li#arp_row_' + y).height();

                    if (base_height > height)
                    {
                        if (base_height - height == jQuery('#arp_row_border_size').val()) {
                            jQuery($this).find("li#arp_row_" + y).css(property, (base_height));
                        } else {
                            jQuery($this).find("li#arp_row_" + y).css(property, (base_height + 10));
                        }
                    }
                    if (height > base_height) {
                        if (height - base_height == jQuery('#arp_caption_row_border_size').val()) {
                            jQuery($this).find("li#arp_row_" + y).css(property, (height));
                        } else {
                            jQuery($this).find("li#arp_row_" + y).css(property, (height + 10));
                        }
                    }
                    if (height == 0) {
                        jQuery($this).find('li#arp_row_' + y).css(property, base_height);
                    }
                }

                if (base_height == 0) {
                    if (x != 0) {
                        height = $this_wrapper.find("ul.arp_opt_options li#arp_row_" + y).height();

                        if (height > base_height) {
                            row_id = "arp_row_" + y;
                            $this.find("li#" + row_id).css(property, height);
                        }
                        if (base_height > height) {
                            row_id = "arp_row_" + y;
                            $this.find("li#" + row_id).css(property, base_height);
                        }
                    }
                }
            });
        });
    });
}



function load_column_option_btn_tooltip() {
    var right_side_tooltip_options = '';
    var left_side_tooltip_options = '';
    left_side_tooltip_options = {
        position: 'bottom',
        arrow: true,
        multiple: true,
        functionBefore: function (origin, continueTooltip) {

            jQuery(document).find('body').css('overflow-x', 'hidden');
            continueTooltip();

        }
    };
    jQuery('.arp_btn:not(".selected")').tipso({
        position: 'bottom',
        background: '#43B4FB',
        width: 'auto',
    });
}


function adjust_column_title() {
    var base_height_arr = new Array();
    var col_title_height_arr = new Array();
    var sort_keys = new Array();
    var base_height_json = '';
    jQuery('.ArpPricingTableColumnWrapper').each(function (x) {
        var col_id = jQuery(this).attr('id');

        var base_height = jQuery(this).find('.arpcolumnheader').height();
        base_height_arr[x] = base_height;
        sort_keys[x] = base_height;

        if (jQuery(this).hasClass('maincaptioncolumn'))
            var col_title_height = jQuery(this).find('.arpcaptiontitle').height();
        else
            var col_title_height = jQuery(this).find('.arppricetablecolumntitle').height();

        col_title_height_arr[x] = col_title_height;
    });

    sort_keys.sort(function (a, b) {
        return b - a;
    });

    heighest_height = sort_keys[0];

    var h_column_id = '';

    for (var key in base_height_arr) {
        if (heighest_height == base_height_arr[key])
            h_column_id = 'main_column_' + key;
    }

    var base_height = jQuery('#' + h_column_id).find('.arpcolumnheader').height();

    if (jQuery('.ArpPricingTableColumnWrapper#' + h_column_id).hasClass('maincaptioncolumn'))
        var base_title_height = jQuery('#' + h_column_id).find('.arpcaptiontitle').height();
    else
        var base_title_height = jQuery('#' + h_column_id).find('.bestPlanTitle').height();

    jQuery('.ArpPricingTableColumnWrapper').each(function () {
        if (h_column_id != jQuery(this).attr('id')) {
            jQuery(this).find('.arpcolumnheader').height(base_height);
            if (jQuery(this).hasClass('maincaptioncolumn'))
                jQuery(this).find('.arpcaptiontitle').height(base_title_height);
            else
                jQuery(this).find('.bestPlanTitle').height(base_title_height);
        }
    });
}

function arp_add_object(obj) {

    var img_src = jQuery(obj).parents('.arp_add_image_container').find('#arp_header_image_url').val();
    var img_height = jQuery(obj).parents('.arp_add_image_container').find('#arp_header_image_height').val();
    var img_width = jQuery(obj).parents('.arp_add_image_container').find('#arp_header_image_width').val();
    if (img_src == '') {
        return false;
    }

    var html = '';
    if (img_src != '') {
        html += '<img src="' + img_src + '" style="width:' + img_width + 'px !important; height:' + img_height + 'px !important" />';
    }

    var column = jQuery('#arpcol_to_insert_object').val();
    var id = jQuery('#arpcol_insert').val();
    var template = jQuery('#arp_reference_template').val();
    var field = jQuery('#' + column).find('#' + id);
    var field_value = field.text();
    if (id != 'arp_header_background_image_input' && id != 'arp_column_background_image_input')
        var cursor_position = field.getCursorPosition();
    else
        var cursor_position = 0;
    if (id != 'additional_shortcode_input' && id != 'arp_header_background_image_input' && id != 'arp_column_background_image_input' && id != 'additional_shortcode_input_second' && id != 'additional_shortcode_input_third') {
        field.insertAt(cursor_position, html);
    } else if (id == 'arp_header_background_image_input') {
        field.val(img_src);
    } else if (id == 'arp_column_background_image_input') {
        field.val(img_src);
        jQuery('#' + column).find('#arp_column_background_image_height_input').val(img_height);
        jQuery('#' + column).find('#arp_column_background_image_width_input').val(img_width);
    } else if (id == 'additional_shortcode_input' || id == 'additional_shortcode_input_second' || id == 'additional_shortcode_input_third') {
        var nhtml = "";
        nhtml += "<div style='background:url(" + img_src + ") no-repeat 0 0;background-size:cover;width:100%;height:100%;'></div>";
        field.val(nhtml);
    } else {
        field.val(html);
    }

    if (id == 'additional_shortcode_input' || id == 'additional_shortcode_input_second' || id == 'additional_shortcode_input_third') {
        var header_shortcode_image_textarea = '';
        if (id == 'additional_shortcode_input') {
            header_shortcode_image_textarea = '.toggle_step_first';
        } else if (id == 'additional_shortcode_input_second') {
            header_shortcode_image_textarea = '.toggle_step_second';
        } else if (id == 'additional_shortcode_input_third') {
            header_shortcode_image_textarea = '.toggle_step_third';
        }
        var nhtml = "";
        nhtml += "<div style='background:url(" + img_src + ") no-repeat 0 0;background-size:cover;width:100%;height:100%;'></div>";
        jQuery('#' + column).find('.rounded_corner_wrapper').find('.rounded_corder').html(nhtml);
    } else if (id == 'arp_header_background_image_input') {
        if (!jQuery.isFunction(arp_background_image_section_array)) {
            return;
        }
        var bgsectioncls = arp_background_image_section_array();
        var sizecls = _.size(bgsectioncls[template]);
        if (bgsectioncls[template] != undefined && sizecls > 0) {
            for (var n = 0; n < sizecls; n++) {
                var sectionclass = bgsectioncls[template][n];
                jQuery('#' + column).find('.' + sectionclass).css('background-image', 'url(' + img_src + ')');
                jQuery('#' + column).find('.' + sectionclass).css('background-position', 'center center');
                jQuery('#' + column).find('.' + sectionclass).css('background-repeat', 'no-repeat');
            }
        }

        jQuery('#' + column).find('#arp_remove_header_image_link').show();
    } else if (id == 'arp_column_background_image_input') {
        if (!jQuery.isFunction(arp_column_background_image_section_array) || !jQuery.isFunction(arp_template_bg_section_classes_array)) {
            return;
        }
        var bgsectioncls = arp_column_background_image_section_array();
        var sizecls = _.size(bgsectioncls[template]);
        if (bgsectioncls[template] != undefined && sizecls > 0) {
            for (var n = 0; n < sizecls; n++) {
                var sectionclass = bgsectioncls[template][n];
                jQuery('#' + column).find('.' + sectionclass).css('background-image', 'url(' + img_src + ')');
                jQuery('#' + column).find('.' + sectionclass).css('background-position', 'center center');
                jQuery('#' + column).find('.' + sectionclass).css('background-repeat', 'no-repeat');
                jQuery('#' + column).find('.' + sectionclass).css('background-size', 'cover');
            }
        }

        var otherbgsection = arp_template_bg_section_classes_array();
        var other_bg_section = otherbgsection[template]['other_column'];
        for (var cls in other_bg_section) {
            if (cls == 'body_section') {
                var body_other_bg_section = other_bg_section[cls];
                for (var body_cls in body_other_bg_section) {
                    var body_other_section_class = body_other_bg_section[body_cls];
                    jQuery('#' + column).find('.' + body_other_section_class).css('background-color', 'transparent');
                }
            } else {
                var other_section_class = other_bg_section[cls];
                other_section_class = other_section_class.split(',');
                jQuery(other_section_class).each(function (key, value) {
                    jQuery('#' + column).find('.' + value).css('background-color', 'transparent');
                });
            }
        }
       
        if (template == 'arptemplate_21') {
            jQuery('#' + column).find('.arppricetablecolumnprice').addClass('hide_col_bg_img');
        }
        if (template === 'arptemplate_24') {
            jQuery('#' + column).find('.arp_column_content_wrapper').addClass('hide_col_bg_img');
        }
        jQuery('#' + column).find('#arp_remove_column_image_link').show();
    } else {
        jQuery('#' + column).find('#' + id).trigger('keyup');
    }

    jQuery('.arp_add_image_container:visible').slideUp(500);
    setTimeout(function () {
        remove_column_height();
        adjust_column_height();
    }
    , 500);
    return false;
}

function arp_remove_object(column_id, input) {
    var template = jQuery('#arp_reference_template').val();
    var bgsectioncls = arp_background_image_section_array();
    var sizecls = _.size(bgsectioncls[template]);

    if (bgsectioncls[template] != undefined && sizecls > 0) {
        for (var x = 0; x < sizecls; x++) {
            var sectionclass = bgsectioncls[template][x];
            jQuery('#' + column_id).find('.' + sectionclass).css('background-image', 'none');
            jQuery('#' + column_id).find('#' + input).val('');
            var object = jQuery('#' + column_id).find('#arp_remove_header_image_link').parent();
            object.find('#arp_header_image_url').val('');
            object.find('#arp_header_image_height').val('');
            object.find('#arp_header_image_width').val('');
        }
    }

    jQuery('#' + column_id).find('#arp_remove_header_image_link:visible').hide();

}

(function ($, undefined) {
    $.fn.getCursorPosition = function () {
        var el = $(this).get(0);
        var pos = 0;
        if ('selectionStart' in el) {
            pos = el.selectionStart;
        } else if ('selection' in document) {
            el.focus();
            var Sel = document.selection.createRange();
            var SelLength = document.selection.createRange().text.length;
            Sel.moveStart('character', -el.value.length);
            pos = Sel.text.length - SelLength;
        }
        return pos;
    }
})(jQuery);

jQuery(document).on('click', '.arp_add_label_shortcode', function () {
    var col_no = jQuery(this).attr('data-id');
    var row_no = jQuery(this).attr('data-row-id');
    if (jQuery(this).parent().find('.arp_font_awesome_model_box_container').is(':visible')) {
        jQuery(this).parent().find('.arp_font_awesome_model_box_container:visible').slideUp(500);
        return;
    }
    var row = row_no.split('_');
    row_no = row[1];
    jQuery('#fa_to_insertcol').val(col_no);
    jQuery('#fa_to_insertrow').val(row_no);
    jQuery('#fa_to_inserttooltip').val('');

    jQuery('#fa_to_insertlabel').val('label');

    if (jQuery(this).parent().find('button').hasClass('arp_add_row_object') || jQuery(this).parent().find('button').hasClass('add_arp_object')) {
        var single_arrow = '';
    }
    else {
        var single_arrow = 'arp_font_awesome_arrow_single';
    }

    $this = jQuery(this);
    jQuery(this).parent().find('.arp_font_awesome_model_box_container').slideDown(500);
    var ArpFontIcon = jQuery('#arp_font_icons').html();
    if (jQuery(this).parent().find('.arp_font_awesome_model_box_container').html() == '') {
        jQuery(this).parent().find('.arp_font_awesome_model_box_container').html("<div class='arp_font_awesome_arrow" + single_arrow + "'></div><div class='arp_font_icon_model_loader'></div>");
        setTimeout(function () {
            $this.parent().find('.arp_font_awesome_model_box_container').html(ArpFontIcon);
            jQuery('.arp_font_awesome_arrow').addClass(single_arrow);
            $this.parent().find('.arp_fainsideimge').removeClass('add_header_font_awesome');
        }, 1500);
    }

    jQuery('.font_awesome_size').remove();

});

jQuery(document).on('click', '#arp_ribbon_icons:not(.disabled)', function () {

    var $this = jQuery(this);

    var template_name = jQuery("#arp_template_name").val();

    var selected_ribbon = $this.attr('data-ribbon');
    var ribbon_label = $this.attr('data-label');
    var pattern = /(Pro Version)/g;
    
    if( pattern.test(ribbon_label) ){
	jQuery('#arplite_custom_notice').bPopup();
	return;
    }
    if (selected_ribbon == 'arp_ribbon_6') {
        jQuery('#arp_ribbon_custom_image').show();
        jQuery('#ribbon_custom_position').show();
        jQuery('#arp_ribbon_text').hide();
        jQuery('#arp_ribbon_background_color').hide();
        jQuery('#arp_ribbon_text_color').hide();
        jQuery('#arp_ribbon_background_color_title').hide();
    }
    else {
        jQuery('#arp_ribbon_text').show();
        jQuery('#ribbon_custom_position').hide();
        jQuery('#arp_ribbon_background_color').show();
        jQuery('#arp_ribbon_text_color').show();
        jQuery('#arp_ribbon_custom_image').hide();
        jQuery('#arp_ribbon_background_color_title').show();
    }

    jQuery('.arp_ribbon_icons').each(function () {
        jQuery(this).find('img').attr('src', jQuery(this).find('img').attr('data-ribbon-img'));
    });

    var ribbon_style = $this.attr('data-ribbon');

});

jQuery(document).on('click', '#arp_ribbon_icons.selected:not(.disabled)', function () {
    jQuery('.arp_ribbon_icons').each(function () {
        jQuery(this).removeClass('selected');
        jQuery(this).find('img').attr('src', jQuery(this).find('img').attr('data-ribbon-img'));
    });
});

jQuery(document).on('mouseover', '#arp_ribbon_icons:not(.disabled):not(.selected)', function () {
    var img_hover_url = jQuery(this).find('img').attr('data-hover-img');

    jQuery(this).find('img').attr('src', img_hover_url);
});

jQuery(document).on('mouseout', '#arp_ribbon_icons:not(.disabled):not(.selected)', function () {
    var img_ribbon_url = jQuery(this).find('img').attr('data-ribbon-img');
    jQuery(this).find('img').attr('src', img_ribbon_url);
});

function add_column_ribbon() {

    jQuery("#arp_is_generate_html_canvas").val('yes');
    var err = 0;
    var column = jQuery('#arp_ribbon_to_insert_column').val();
    var style = jQuery('#arp_ribbon_style').val();
    var bgcolor = jQuery('#arp_ribbon_bg_color').val();
    var txtcolor = jQuery('#arp_ribbon_textcolor').val();
    var content = jQuery('#arp_ribbon_content').val();
    var position = jQuery('#arp_ribbon_position').val();
    var custom_ribbon = jQuery('#arp_ribbon_content_custom').val();
    var custom_position_rl = jQuery("#arp_ribbon_custom_position_rl_modal").val();
    var custom_position_tp = jQuery("#arp_ribbon_custom_position_top_modal").val();

    var custom_position_css = "";
    var ribbon_html = '';

    if (style == 'arp_ribbon_6') {
        if (position == 'left')
            custom_position_css = "left:" + custom_position_rl + "px;top:" + custom_position_tp + "px;";
        else
            custom_position_css = "right:" + custom_position_rl + "px;top:" + custom_position_tp + "px;";
    }

    if (bgcolor == '')
        bgcolor = '#514e4e';

    if (txtcolor == '')
        txtcolor = '#ffffff';

    if (style == '') {
        err = 1;
    } else if (content == '') {
        err = 2;
    }

    if (err != 0) {
        if (err == 1) {
            alert('Please Select Ribbon');
        } else if (err == 2) {
            alert('Please Enter Ribbon Content');
        }
    } else {
        jQuery("#" + column).find('#arp_ribbon_style_main').val(style);
        jQuery("#" + column).find('#arp_ribbon_bgcol_main').val(bgcolor);
        jQuery("#" + column).find('#arp_ribbon_textcol_main').val(txtcolor);
        jQuery("#" + column).find('#arp_ribbon_content_main').val(content);
        jQuery("#" + column).find('#arp_ribbon_position_main').val(position);
        jQuery("#" + column).find('#arp_ribbon_custom_position_rl').val(custom_position_rl);
        jQuery("#" + column).find('#arp_ribbon_custom_position_top').val(custom_position_tp);
        jQuery('#' + column).find('#arp_custom_ribbon_url').val(custom_ribbon);
        jQuery('#' + column).find('#arp_ribbon_container').remove();

        jQuery('#' + column).find('.planContainer').removeClass('arp_ribbon_1');
        jQuery('#' + column).find('.planContainer').removeClass('arp_ribbon_2');
        jQuery('#' + column).find('.planContainer').removeClass('arp_ribbon_3');
        jQuery('#' + column).find('.planContainer').removeClass('arp_ribbon_4');
        jQuery('#' + column).find('.planContainer').removeClass('arp_ribbon_5');
        jQuery('#' + column).find('.planContainer').removeClass('arp_ribbon_6');

        jQuery('#' + column).find('.planContainer').addClass(style);

        var arp_ribbon_basic_colors = ribbon_basic_colors();
        arp_ribbon_basic_colors = jQuery.parseJSON(arp_ribbon_basic_colors);
        var arp_ribbon_gradient_colors = ribbon_gradient_colors();
        arp_ribbon_gradient_colors = jQuery.parseJSON(arp_ribbon_gradient_colors);
        var arp_ribbon_border_colors = ribbon_border_colors();
        arp_ribbon_border_colors = jQuery.parseJSON(arp_ribbon_border_colors);
        var base_color = bgcolor;
        var base_color_key = arp_ribbon_basic_colors.indexOf(base_color);
        var gradient_color = arp_ribbon_gradient_colors[base_color_key];
        var ribbon_border_color = arp_ribbon_border_colors[base_color_key];
        ribbon_html += "<div id='arp_ribbon_container' class='arp_ribbon_container arp_ribbon_" + position.toLowerCase() + " " + style + " ' style='" + custom_position_css + "' >";
        if (style != 'arp_ribbon_6') {
            ribbon_html += "<style type='text/css'>";
            if (base_color_key != -1) {
                if (style == 'arp_ribbon_1') {
                    ribbon_html += "#" + column + " .arp_ribbon_content:before, #" + column + " .arp_ribbon_content:after{";
                    ribbon_html += "border-top-color:" + gradient_color + " !important;";
                    ribbon_html += "}";
                }
                if (style == 'arp_ribbon_3') {
                    ribbon_html += "#" + column + " .arp_ribbon_content:before, #" + column + " .arp_ribbon_content:after{";
                    ribbon_html += "border-top-color:" + base_color + " !important;";
                    ribbon_html += "}";
                    ribbon_html += "#" + column + " .arp_ribbon_content{";
                    ribbon_html += "border-top:75px solid " + base_color + ";";
                    ribbon_html += "color:" + txtcolor + ";";
                    ribbon_html += "}";
                } else {
                    if (style == 'arp_ribbon_1') {
                        ribbon_html += "#" + column + " .arp_ribbon_content{";
                        ribbon_html += "background:" + gradient_color + ";";
			ribbon_html += "background-color:" + gradient_color + ";";
			ribbon_html += "background-image:-moz-linear-gradient(0deg, " + gradient_color + ", " + base_color + ", " + gradient_color + ");";
			ribbon_html += "background-image:-webkit-gradient(linear, 0 0, 0 0, color-stop(0%," + gradient_color + "), color-stop(50%," + base_color + "), color-stop(100%," + gradient_color + "));";
			ribbon_html += "background-image:-webkit-linear-gradient(left, " + gradient_color + " 0%, " + base_color + " 51%, " + gradient_color + " 100%);";
			ribbon_html += "background-image:-o-linear-gradient(left, " + gradient_color + " 0%, " + base_color + " 51%, " + gradient_color + " 100%);";
			ribbon_html += "background-image:linear-gradient(90deg, " + gradient_color + ", " + base_color + ", " + gradient_color + ");";
			ribbon_html += "filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='" + gradient_color + "', endColorstr='" + base_color + "', GradientType=1);";
			ribbon_html += "-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (startColorstr=='" + gradient_color + "', endColorstr='" + base_color + "', GradientType=1)\";";
			ribbon_html += "background-repeat:repeat-x;";
                        ribbon_html += "box-shadow:3px 1px 2px rgba(0,0,0,0.6);";
                        ribbon_html += "color:" + txtcolor + ";";
                        ribbon_html += "border-top:1px solid " + ribbon_border_color + ";";
                        ribbon_html += "}";
                    } else {
                        ribbon_html += "#" + column + " .arp_ribbon_content{";
                        ribbon_html += "background:" + base_color + ";";
                        ribbon_html += "background-color:" + base_color + ";";
                        ribbon_html += "background-image:-moz-linear-gradient(top, " + base_color + ", " + gradient_color + ");";
                        ribbon_html += "background-image:-webkit-gradient(linear, 0 0, 0 100%, from(" + base_color + "), to(" + gradient_color + "));";
                        ribbon_html += "background-image:-webkit-linear-gradient(top, " + base_color + ", " + gradient_color + ");";
                        ribbon_html += "background-image:-o-linear-gradient(top, " + base_color + ", " + gradient_color + ");";
                        ribbon_html += "background-image:linear-gradient(to bottom, " + base_color + ", " + gradient_color + ");";
                        ribbon_html += "filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='" + base_color + "', endColorstr='" + gradient_color + "', GradientType=0);";
                        ribbon_html += "-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (startColorstr=='" + base_color + "', endColorstr='" + gradient_color + "', GradientType=0)\";";
                        ribbon_html += "background-repeat:repeat-x;";
                        if (style == 'arp_ribbon_2') {
                            ribbon_html += "box-shadow:0 -1px 1px rgba(0,0,0,0.4);";
                        } else if (style == 'arp_ribbon_5') {
                            ribbon_html += "box-shadow:-2px 2px 1px rgba(0, 0, 0, 0.3);";
                        } else {
                            ribbon_html += "box-shadow:0 0 3px rgba(0,0,0,0.3);";
                        }
                        ribbon_html += "color:" + txtcolor + ";";
                        ribbon_html += "}";
                    }
                }
            } else {
                if (style == 'arp_ribbon_1' || style == 'arp_ribbon_3') {
                    ribbon_html += "#" + column + " .arp_ribbon_content:before, #" + column + " .arp_ribbon_content:after{";
                    ribbon_html += "border-top-color:" + base_color + " !important;";
                    ribbon_html += "}";
                }
                if (style == 'arp_ribbon_3') {
                    ribbon_html += "#" + column + " .arp_ribbon_content{";
                    ribbon_html += "border-top:75px solid " + base_color + ";";
                    ribbon_html += "color:" + txtcolor + ";";
                    ribbon_html += "}";
                } else {
                    ribbon_html += "#" + column + " .arp_ribbon_content{";
                    ribbon_html += "background:" + base_color + ";";
                    ribbon_html += "box-shadow:0 0 3px rgba(0,0,0,0.3);";
                    ribbon_html += "color:" + txtcolor + ";";
                    ribbon_html += "}";
                }
            }
            ribbon_html += "</style>";
        }
        ribbon_html += "<div class='arp_ribbon_content arp_ribbon_" + position.toLowerCase() + "'>";
        if (style == 'arp_ribbon_3')
            ribbon_html += '<span>';

        if (style == 'arp_ribbon_6') {
            ribbon_html += "<img src='" + custom_ribbon + "' />";
        } else {
            ribbon_html += content;
        }

        if (style == 'arp_ribbon_3')
            ribbon_html += '</span>';
        ribbon_html += "</div>";
        ribbon_html += '</div>';

        jQuery('#' + column).find('.planContainer').prepend(ribbon_html);

        jQuery('#arp_ribbon_modal_window').bPopup().close();
    }
    var col_id = column.replace('main_column_', '');
    jQuery('#arp_remove_ribbon_container_' + col_id).show();
    return false;
}

jQuery(document).on('click', '#arp_close_colorpicker,#arp_close_colorpicker_advanced', function () {
    jQuery('#arp_ribbon_colorpicker_wrapper').fadeOut();
    
    var style = jQuery('input#arp_ribbon_style').val();
    var color = jQuery('#arp_ribbon_bgcolor').val();
    arp_set_ribbon_color_in_preview(style, color, jQuery('#arp_ribbon_txtcolor').val());
});

jQuery(document).on('click', '#arp_ribbon_remove', function () {

    var column = jQuery('#arp_ribbon_to_insert_column').val();
    var column = jQuery(this).attr('data-column');
    jQuery('#' + column).find('#arp_ribbon_container').remove();

    jQuery("#" + column).find('#arp_ribbon_style_main').val('');
    jQuery("#" + column).find('#arp_ribbon_bgcol_main').val('');
    jQuery("#" + column).find('#arp_ribbon_textcol_main').val('');
    jQuery("#" + column).find('#arp_ribbon_content_main').val('');
    jQuery("#" + column).find('#arp_ribbon_position_main').val('');

    jQuery(this).parent().hide();

});

jQuery(document).on('click', '#add_ribbon_cancel', function () {
    jQuery('#arp_ribbon_modal_window').bPopup().close();
});

function open_documentation(link_top_open) {
    var win = window.open(link_top_open, '_blank');
    win.focus();
}

jQuery(document).on('click', 'input#is_responsive', function () {

    if (jQuery(this).parent().hasClass('checked') == true) {

        jQuery('.ArpPricingTableColumnWrapper').each(function () {
            jQuery(this).css('width', '');
        });

    } else {

        var width = jQuery('input#all_column_width').val();
        jQuery('.ArpPricingTableColumnWrapper').each(function () {
            if (width != '' && width > 0) {
                jQuery(this).css('width', width + 'px');
            } else {
                jQuery(this).css('width', '');
            }
        });

    }
  
    arprice_editor_width_responsive();

});

jQuery(document).mouseup(function (e) {
    var container = jQuery(e.target);

    if (jQuery('.arp_ribbon_colorpicker_wrapper').is(':visible') && (container.hasClass('arp_ribbon_colorpicker_wrapper') == true || container.hasClass('b-modal') == true)) {
        jQuery('.arp_ribbon_colorpicker_wrapper').fadeOut();
    }
});

function rgb2hex(rgb) {
    rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
    return (rgb && rgb.length === 4) ? "#" +
            ("0" + parseInt(rgb[1], 10).toString(16)).slice(-2) +
            ("0" + parseInt(rgb[2], 10).toString(16)).slice(-2) +
            ("0" + parseInt(rgb[3], 10).toString(16)).slice(-2) : '';
}

function hextorgbcolor(hex) {
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

function arp_assign_control_names(column, col_id, last_id, column_type, copy_column_id) {

    var $this = column;

    var i = col_id;

    var template = jQuery('#arp_reference_template').val();

    $this.attr('id', 'main_column_' + i);

    $this.find('#duplicate_column').attr('col-id', i);
    $this.find('#delete_column').attr('col-id', i);
    $this.find('#delete_column').find('.delete_column_container').attr('id', 'delete_column_container_' + i);
    $this.find('#delete_column').find('.delete_column_buttons .delete_column').attr('col-id', i);
    $this.find('#delete_column').find('.delete_column_buttons .ribbon_cancel_btn').attr('col-id', i);
    $this.find('#remove_row').attr('data-id', i);
    $this.find('#copy_row').attr('data-id', i);
    $this.find('#add_new_row').attr('data-id', i);
    $this.find('#css_debug').attr('col-id', i);

    var new_order = new Array();
    jQuery('.ArpPricingTableColumnWrapper').each(function (x) {
        var id = jQuery(this).attr('id');
        new_order[x] = id;
    });

    $this.find('dl ul').attr('data-column', 'column_' + i);

    jQuery('#pricing_table_column_order').val(JSON.stringify(new_order));

    $this.find('.arpcolumnheader').attr('data-column', 'main_column_' + i);

    $this.find('.add_header_fontawesome').attr('data-column', 'main_column_' + i);
    $this.find('.add_header_fontawesome').attr('name', 'add_header_fontawesome_' + i);


    $this.find('.add_arp_object').attr('data-column', 'main_column_' + i);

    $this.find('.add_arp_object').attr('name', 'add_header_object_' + i);
    $this.find('#add_header_shortcode').attr('name', 'add_header_shortcode_btn_' + i);
    $this.find('#body_text_alignment').attr('name', 'body_text_alignment_' + i);


    $this.find('#column_header').attr('data-column', 'main_column_' + i);

    $this.find('.arppricetablecolumnprice').attr('data-column', 'main_column_' + i);

    $this.find('#arppricingtablebodycontent').attr('data-column', 'main_column_' + i);

    $this.find('#arp_header_selection_new').attr('data-column', 'main_column_' + i);

    $this.find('.arp_header_selection_new').attr('data-column', 'main_column_' + i);


    $this.find('#arppricetablebutton').attr('data-column', 'main_column_' + i);

    $this.find('#bestPlanButton').attr('data-column', 'main_column_' + i);
    $this.find('#button_size_input').attr('data-column', 'main_column_' + i);
    $this.find('#button_size_input').attr('name', 'button_size_' + i);
    $this.find('input#button_size_input').attr('data-column', 'main_column_' + i);
    $this.find('input#button_size_input').attr('name', 'button_size_' + i);
    $this.find('input#button_height_input').attr('data-column', 'main_column_' + i);
    $this.find('input#button_height_input').attr('name', 'button_height_' + i);
    $this.find('#arp_paypal_code').attr('name', 'paypal_code_' + i);
    $this.find('#arp_hide_default_btn').attr('name', 'arp_hide_default_btn_' + i);
    $this.find('#content_label_font_family').attr('data-column', 'main_column_' + i);
    $this.find('#content_label_font_family').attr('name', 'content_label_font_family_' + i);
    $this.find('#content_label_font_size').attr('data-column', 'main_column_' + i);
    $this.find('#content_label_font_size').attr('name', 'content_label_font_size_' + i);
    $this.find('#content_label_font_style').attr('data-column', 'main_column_' + i);
    $this.find('#content_label_font_style').attr('name', 'content_label_font_style_' + i);
    $this.find('#content_label_font_color').attr('name', 'content_label_font_color_' + i);

    $this.find('input#arp_header_background_image_input').attr('name', 'arp_header_background_image_' + i);

    $this.find('a#arp_ribbon_remove').attr('data-column', 'main_column_' + i);

    $this.find('a.arp_google_font_preview_link:not(#arp_ribbon_remove)').attr('href', 'javascript:arp_remove_object("main_column_' + i + '","arp_header_background_image_input")');

    $this.find('#column_level_settings_new').attr('data-column', 'main_column_' + i);

    $this.find('.ui-resizable-handle').remove();
    $this.find('#arpcolumnfooter').attr('data-column', 'main_column_' + i);

    $this.find('div.column_description').attr('data-column', 'main_column_' + i);
    $this.find('div.arp_pricename').attr('data-column', 'main_column_' + i);
    $this.find('div.arp_price_wrapper').attr('data-column', 'main_column_' + i);
    $this.find('#column_level_settings_new').find('input#column_desc_background_color').attr('name', 'column_desc_background_color_' + i);
    $this.find('#column_level_settings_new').find('div#column_desc_background_color').attr('data-column', 'main_column_' + i);

    $this.find('#arpcolumnfooter').find('.arppricetablebutton').attr('data-column', 'main_column_' + i);

    $this.find('li.option_title').attr('data-column', i);

    $this.find('#column_level_settings_new').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#column_width_input').attr('name', 'column_width_' + i);
    $this.find('#column_level_settings_new').find('input#column_width_input').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#column_highlight_input').attr('name', 'column_highlight_' + i);
    $this.find('#column_level_settings_new').find('input#column_highlight_input').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#is_post_variable_input').attr('name', 'post_variables_' + i);
    $this.find('#column_level_settings_new').find('input#is_post_variable_input').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('textarea#post_variables_content').attr('name', 'post_variables_content_' + i);
    $this.find('#column_level_settings_new').find('textarea#post_variables_content').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('textarea#footer_content').attr('name', 'footer_content_' + i);
    $this.find('#column_level_settings_new').find('textarea#footer_content').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('textarea#footer_content_second').attr('name', 'footer_content_second_' + i);
    $this.find('#column_level_settings_new').find('textarea#footer_content_second').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('textarea#footer_content_third').attr('name', 'footer_content_third_' + i);
    $this.find('#column_level_settings_new').find('textarea#footer_content_third').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#footer_content_position_0_' + i).attr('name', 'footer_content_position_' + i);
    $this.find('#column_level_settings_new').find('input#footer_content_position_0_' + i).attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#footer_content_position_1_' + i).attr('name', 'footer_content_position_' + i);
    $this.find('#column_level_settings_new').find('input#footer_content_position_1_' + i).attr('data-column', 'main_column_' + i);


    $this.find('#column_level_settings_new').find('input#footer_level_options_font_family').attr('name', 'footer_level_options_font_family_' + i);
    $this.find('#column_level_settings_new').find('input#footer_level_options_font_family').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#footer_level_options_font_size').attr('name', 'footer_level_options_font_size_' + i);
    $this.find('#column_level_settings_new').find('input#footer_level_options_font_size').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#footer_level_options_font_color').attr('name', 'footer_level_options_font_color_' + i);
    $this.find('#column_level_settings_new').find('div#footer_level_options_font_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#footer_level_options_font_style_bold').attr('name', 'footer_level_options_font_style_bold_' + i);
    $this.find('#column_level_settings_new').find('input#footer_level_options_font_style_bold').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#footer_level_options_font_style_italic').attr('name', 'footer_level_options_font_style_italic_' + i);
    $this.find('#column_level_settings_new').find('input#footer_level_options_font_style_italic').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#footer_level_options_font_style_decoration').attr('name', 'footer_level_options_font_style_decoration_' + i);
    $this.find('#column_level_settings_new').find('input#footer_level_options_font_style_decoration').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('div#footer_background_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#footer_content_position_0_' + last_id).attr('name', 'footer_content_position_' + i);
    $this.find('#column_level_settings_new').find('input#footer_content_position_0_' + last_id).attr('data-column', 'main_column_' + i);
    $this.find('#column_level_settings_new').find('input#footer_content_position_0_' + last_id).attr('id', 'footer_content_position_0_' + i);
    $this.find('#column_level_settings_new').find('label#footer_content_position_0_' + last_id).attr('for', 'footer_content_position_0_' + i);
    $this.find('#column_level_settings_new').find('label#footer_content_position_0_' + last_id).attr('id', 'footer_content_position_0_' + i);

    $this.find('#column_level_settings_new').find('input#footer_content_position_1_' + last_id).attr('name', 'footer_content_position_' + i);
    $this.find('#column_level_settings_new').find('input#footer_content_position_1_' + last_id).attr('data-column', 'main_column_' + i);
    $this.find('#column_level_settings_new').find('input#footer_content_position_1_' + last_id).attr('id', 'footer_content_position_1_' + i);
    $this.find('#column_level_settings_new').find('label#footer_content_position_1_' + last_id).attr('for', 'footer_content_position_1_' + i);
    $this.find('#column_level_settings_new').find('label#footer_content_position_1_' + last_id).attr('id', 'footer_content_position_1_' + i);

    $this.find('#column_level_settings_new').find('input#footer_background_color').attr('name', 'footer_bg_color_' + i);

    $this.find('#column_level_settings_new').find('textarea#price_text_three_step').attr('name', 'price_text_three_step_' + i);
    $this.find('#column_level_settings_new').find('textarea#price_text_three_step').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('textarea#price_text_two_step').attr('name', 'price_text_two_step_' + i);
    $this.find('#column_level_settings_new').find('textarea#price_text_two_step').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('textarea#price_text_two_step_only_price').attr('name', 'price_text_input_two_step_price_' + i);
    $this.find('#column_level_settings_new').find('textarea#price_text_two_step_only_price').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('textarea#price_text_three_step_only_price').attr('name', 'price_text_input_three_step_price_' + i);
    $this.find('#column_level_settings_new').find('textarea#price_text_three_step_only_price').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('textarea#price_text_two_step_only_label_main').attr('name', 'price_text_input_two_step_label_' + i);
    $this.find('#column_level_settings_new').find('textarea#price_text_two_step_only_label_main').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('textarea#price_text_three_step_only_label_main').attr('name', 'price_text_input_three_step_label_' + i);
    $this.find('#column_level_settings_new').find('textarea#price_text_three_step_only_label_main').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('textarea#column_title_second').attr('name', 'column_title_second_' + i);
    $this.find('#column_level_settings_new').find('textarea#column_title_second').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('textarea#column_title_third').attr('name', 'column_title_third_' + i);
    $this.find('#column_level_settings_new').find('textarea#column_title_third').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#column_background_color').attr('name', 'column_background_color_' + i);
    $this.find('#column_level_settings_new').find('div#column_background_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#arp_change_bgcolor').attr('name', 'arp_change_bgcolor_' + i);
    $this.find('#column_level_settings_new').find('input#arp_shortcode_customization_style').attr('name', 'arp_shortcode_customization_style_' + i);
    $this.find('#column_level_settings_new').find('input#arp_shortcode_customization_style').attr('data-column', 'main_column_' + i);
    $this.find('#column_level_settings_new').find('input#arp_shortcode_customization_style').parent().find('dl').attr('data-id', 'arp_shortcode_customization_style_' + i);
    $this.find('#column_level_settings_new').find('input#arp_shortcode_customization_style').parent().find('dl').attr('data-name', 'arp_shortcode_customization_style_' + i);
    $this.find('#column_level_settings_new').find('input#arp_shortcode_customization_style').parent().find('ul').attr('data-column', 'column_' + i);
    $this.find('#column_level_settings_new').find('input#arp_shortcode_customization_size').attr('name', 'arp_shortcode_customization_size_' + i);
    $this.find('#column_level_settings_new').find('input#arp_shortcode_customization_size').attr('data-column', 'main_column_' + i);
    $this.find('#column_level_settings_new').find('input#arp_shortcode_customization_size').parent().find('dl').attr('data-id', 'arp_shortcode_customization_size_' + i);
    $this.find('#column_level_settings_new').find('input#arp_shortcode_customization_size').parent().find('dl').attr('data-name', 'arp_shortcode_customization_size_' + i);
    $this.find('#column_level_settings_new').find('input#arp_shortcode_customization_size').parent().find('ul').attr('data-column', 'column_' + i);



    $this.find('#column_level_settings_new').find('button#ribbon_select').attr('name', 'ribbon_select_column_' + i);
    $this.find('#column_level_settings_new').find('button#ribbon_select').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#arp_ribbon_style_main').attr('name', 'arp_ribbon_style_' + i);
    $this.find('#column_level_settings_new').find('input#arp_ribbon_bgcol_main').attr('name', 'arp_ribbon_bgcol_' + i);
    $this.find('#column_level_settings_new').find('input#arp_ribbon_textcol_main').attr('name', 'arp_ribbon_textcol_' + i);
    $this.find('#column_level_settings_new').find('input#arp_ribbon_position_main').attr('name', 'arp_ribbon_position_' + i);
    $this.find('#column_level_settings_new').find('input#arp_ribbon_content_main').attr('name', 'arp_ribbon_content_' + i);
    $this.find('#column_level_settings_new').find('input#arp_ribbon_custom_position_rl').attr('name', 'arp_ribbon_custom_position_rl_' + i);
    $this.find('#column_level_settings_new').find('input#arp_ribbon_custom_position_top').attr('name', 'arp_ribbon_custom_position_top_' + i);

    if (column_type == 'copy_column')
    {
        $this.find('#column_level_settings_new').find('input#arp_ribbon_style_main').attr('value', '');
        $this.find('#column_level_settings_new').find('input#arp_ribbon_bgcol_main').attr('value', '');
        $this.find('#column_level_settings_new').find('input#arp_ribbon_textcol_main').attr('value', '');
        $this.find('#column_level_settings_new').find('input#arp_ribbon_position_main').attr('value', '');
        $this.find('#column_level_settings_new').find('input#arp_ribbon_content_main').attr('value', '');
        $this.find('#column_level_settings_new').find('input#arp_ribbon_custom_position_rl').attr('value', '');
        $this.find('#column_level_settings_new').find('input#arp_ribbon_custom_position_top').attr('value', '');

        $this.find('#arp_ribbon_container').remove();

        $this.find('#select_ribbon').find('.arp_google_font_preview_note').attr('id', 'arp_remove_ribbon_container_' + i);

        $this.find('#select_ribbon').find('.arp_google_font_preview_note').hide();

        $this.find('#select_ribbon').find('.arp_google_font_preview_note').find('a').removeAttr('href');

    }

    if (column_type == 'duplicate_column')
    {
        if ($this.find('.planContainer').find('#arp_ribbon_container').length > 0)
        {
            var style_html = $this.find('.planContainer').find('#arp_ribbon_container').find('style').html();
            var find_text = 'main_column_' + copy_column_id
            var rep = new RegExp(find_text, 'g');
            var style = '';
            if (typeof (style_html) !== 'undefined') {
                style = style_html.replace(rep, 'main_column_' + i);
            }
            $this.find('#select_ribbon').find('.arp_google_font_preview_note').attr('id', 'arp_remove_ribbon_container_' + i);

            $this.find('#select_ribbon').find('.arp_google_font_preview_note').attr('data-column', 'main_column_' + i);
            $this.find('#select_ribbon').find('.arp_google_font_preview_link').attr('data-column', 'main_column_' + i);
            $this.find('.planContainer').find('#arp_ribbon_container').find('style').html(style);
        }
    }

    $this.find('#column_level_settings_new').find('button#delete_column').attr('col-id', i);
    $this.find('#column_level_settings_new').find('button#duplicate_column').attr('col-id', i);

    $this.find('#column_level_settings_new').find('#arp_ribbonimg').attr('name', 'arp_ribbonimg_' + i);
    $this.find('#column_level_settings_new').find('#arp_ribbonposition').attr('name', 'arp_ribbonposition_' + i);
    $this.find('#column_level_settings_new').find('#arp_ribbontext').attr('name', 'arp_ribbontext_' + i);

    $this.find('#column_level_settings_new').find('#column_title_input').attr('name', 'column_title_' + i);
    $this.find('#column_level_settings_new').find('#column_title_input').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('.alignment_btn').attr('data-id', i);


    $this.find('#column_level_settings_new').find('#arp_column_description').attr('name', 'arp_column_description_' + i);
    $this.find('#column_level_settings_new').find('#arp_column_description').attr('data-column', 'main_column_' + i);


    $this.find('#column_level_settings_new').find('#additional_shortcode_input').attr('name', 'additional_shortcode_' + i);
    $this.find('#column_level_settings_new').find('#additional_shortcode_input').attr('data-column', 'main_column_' + i);


    $this.find('#column_level_settings_new').find('#arp_column_description').attr('name', 'arp_column_description_' + i);
    $this.find('#column_level_settings_new').find('#arp_column_description').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#arp_column_description_second').attr('name', 'arp_column_description_second_' + i);
    $this.find('#column_level_settings_new').find('#arp_column_description_second').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#arp_column_description_third').attr('name', 'arp_column_description_third_' + i);
    $this.find('#column_level_settings_new').find('#arp_column_description_third').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#column_description_font_family').attr('name', 'column_description_font_family_' + i);
    $this.find('#column_level_settings_new').find('#column_description_font_family').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#column_description_font_size').attr('name', 'column_description_font_size_' + i);
    $this.find('#column_level_settings_new').find('#column_description_font_size').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#column_description_font_style').attr('name', 'column_description_font_style_' + i);
    $this.find('#column_level_settings_new').find('#column_description_font_style').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#column_description_font_color').attr('name', 'column_description_font_color_' + i);
    $this.find('#column_level_settings_new').find('div#column_description_font_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#arp_custom_ribbon').attr('name', 'arp_custom_ribbon_txt_' + i);

    $this.find('#column_level_settings_new').find('#additional_shortcode').attr('name', 'additional_shortcode_' + i);
    $this.find('#column_level_settings_new').find('#add_header_shortcode').attr('data-column', 'add_header_shortcode_btn_' + i);

    $this.find('#column_level_settings_new').find('#html_content').attr('name', 'html_content_' + i);
    $this.find('#column_level_settings_new').find('#html_content').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#header_text_alignment').find('#align_left_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#header_text_alignment').find('#align_center_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#header_text_alignment').find('#align_right_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#header_text_alignment').find('#arp_header_text_alignment').attr('name', 'arp_header_text_alignment_' + i);
    $this.find('#column_level_settings_new').find('#header_text_alignment').find('#align_left_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('input#header_background_color').attr('name', 'header_background_color_' + i);
    $this.find('#column_level_settings_new').find('div#header_background_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#header_font_family').attr('name', 'header_font_family_' + i);
    $this.find('#column_level_settings_new').find('#header_font_family').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#header_font_size').attr('name', 'header_font_size_' + i);
    $this.find('#column_level_settings_new').find('#header_font_size').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#header_font_style').attr('name', 'header_font_style_' + i);
    $this.find('#column_level_settings_new').find('#header_font_style').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#header_font_color').attr('name', 'header_font_color_' + i);
    $this.find('#column_level_settings_new').find('div#header_font_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#price_font_family').attr('name', 'price_font_family_' + i);
    $this.find('#column_level_settings_new').find('#price_font_family').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#price_font_size').attr('name', 'price_font_size_' + i);
    $this.find('#column_level_settings_new').find('#price_font_size').attr('data-column', 'main_column_' + i);
    $this.find('#column_level_settings_new').find('#price_text_alignment').find('#align_left_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#price_text_alignment').find('#align_center_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#price_text_alignment').find('#align_right_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#price_text_alignment').find('#arp_price_text_alignment').attr('name', 'arp_price_text_alignment_' + i);
    $this.find('#column_level_settings_new').find('input#price_background_color').attr('name', 'price_background_color_' + i);
    $this.find('#column_level_settings_new').find('div#price_background_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#price_font_style').attr('name', 'price_font_style_' + i);
    $this.find('#column_level_settings_new').find('#price_font_style').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#price_font_color').attr('name', 'price_font_color_' + i);
    $this.find('#column_level_settings_new').find('div#price_font_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#price_text_font_family').attr('name', 'price_text_font_family_' + i);
    $this.find('#column_level_settings_new').find('#price_text_font_family').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#price_text_font_size').attr('name', 'price_text_font_size_' + i);
    $this.find('#column_level_settings_new').find('#price_text_font_size').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#price_text_font_style').attr('name', 'price_text_font_style_' + i);
    $this.find('#column_level_settings_new').find('#price_text_font_style').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#price_text_font_color').attr('name', 'price_text_font_color_' + i);
    $this.find('#column_level_settings_new').find('div#price_text_font_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#price_text_input').attr('name', 'price_text_' + i);
    $this.find('#column_level_settings_new').find('#price_text_input').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#price_label_input').attr('name', 'price_label_' + i);
    $this.find('#column_level_settings_new').find('#price_label_input').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#content_font_family').attr('name', 'content_font_family_' + i);
    $this.find('#column_level_settings_new').find('#content_font_family').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#content_font_size').attr('name', 'content_font_size_' + i);
    $this.find('#column_level_settings_new').find('#content_font_size').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#content_font_style').attr('name', 'content_font_style_' + i);
    $this.find('#column_level_settings_new').find('#content_font_style').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#content_font_color').attr('name', 'content_font_color_' + i);
    $this.find('#column_level_settings_new').find('div#content_font_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#button_background_color').attr('name', 'button_background_color_' + i);
    $this.find('#column_level_settings_new').find('div#button_background_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#content_odd_color').attr('name', 'content_odd_color_' + i);
    $this.find('#column_level_settings_new').find('div#content_odd_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#content_even_color').attr('name', 'content_even_color_' + i);
    $this.find('#column_level_settings_new').find('div#content_even_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#button_font_family').attr('name', 'button_font_family_' + i);
    $this.find('#column_level_settings_new').find('#button_font_family').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#button_font_size').attr('name', 'button_font_size_' + i);
    $this.find('#column_level_settings_new').find('#button_font_size').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#button_font_style').attr('name', 'button_font_style_' + i);
    $this.find('#column_level_settings_new').find('#button_font_style').attr('data-column', 'main_column_' + i);
    $this.find('#column_level_settings_new').find('.arp_button_slider').attr('data-column', i);
    $this.find('#column_level_settings_new').find('.arp_button_height_slider').attr('data-column', i);
    $this.find('#column_level_settings_new').find('input#button_font_color').attr('name', 'button_font_color_' + i);
    $this.find('#column_level_settings_new').find('div#button_font_color').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#second_button_font_family').attr('name', 'second_button_font_family_' + i);
    $this.find('#column_level_settings_new').find('#second_button_font_family').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#second_button_font_size').attr('name', 'second_button_font_size_' + i);
    $this.find('#column_level_settings_new').find('#second_button_font_size').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#second_button_font_style').attr('name', 'second_button_font_style_' + i);
    $this.find('#column_level_settings_new').find('#second_button_font_style').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('input#second_button_font_color').attr('name', 'second_button_font_color_' + i);
    $this.find('#column_level_settings_new').find('div#second_button_font_color').attr('data-column', 'main_column_' + i);


    $this.find('#column_level_settings_new').find('#arp_style_bold').attr('data-column', 'main_column_' + i);
    $this.find('#column_level_settings_new').find('#arp_style_italic').attr('data-column', 'main_column_' + i);
    $this.find('#column_level_settings_new').find('#arp_style_underline').attr('data-column', 'main_column_' + i);
    $this.find('#column_level_settings_new').find('#arp_style_strike').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#arp_style_bold').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#arp_style_italic').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#arp_style_underline').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#arp_style_strike').attr('data-id', i);


    $this.find('#column_level_settings_new').find('input#header_style_bold').attr('name', 'header_style_bold_' + i);
    $this.find('#column_level_settings_new').find('input#header_style_italic').attr('name', 'header_style_italic_' + i);
    $this.find('#column_level_settings_new').find('input#header_style_decoration').attr('name', 'header_style_decoration_' + i);

    $this.find('#column_level_settings_new').find('input#price_label_style_bold').attr('name', 'price_label_style_bold_' + i);
    $this.find('#column_level_settings_new').find('input#price_label_style_italic').attr('name', 'price_label_style_italic_' + i);
    $this.find('#column_level_settings_new').find('input#price_label_style_decoration').attr('name', 'price_label_style_decoration_' + i);

    $this.find('#column_level_settings_new').find('input#price_text_style_bold').attr('name', 'price_text_style_bold_' + i);
    $this.find('#column_level_settings_new').find('input#price_text_style_italic').attr('name', 'price_text_style_italic_' + i);
    $this.find('#column_level_settings_new').find('input#price_text_style_decoration').attr('name', 'price_text_style_decoration_' + i);

    $this.find('#column_level_settings_new').find('input#body_li_style_bold').attr('name', 'body_li_style_bold_' + i);
    $this.find('#column_level_settings_new').find('input#body_li_style_italic').attr('name', 'body_li_style_italic_' + i);
    $this.find('#column_level_settings_new').find('input#body_li_style_decoration').attr('name', 'body_li_style_decoration_' + i);

    $this.find('#column_level_settings_new').find('input#body_label_style_bold').attr('name', 'body_label_style_bold_' + i);
    $this.find('#column_level_settings_new').find('input#body_label_style_italic').attr('name', 'body_label_style_italic_' + i);
    $this.find('#column_level_settings_new').find('input#body_label_style_decoration').attr('name', 'body_label_style_decoration_' + i);

    $this.find('#column_level_settings_new').find('input#button_style_bold').attr('name', 'button_style_bold_' + i);
    $this.find('#column_level_settings_new').find('input#button_style_italic').attr('name', 'button_style_italic_' + i);
    $this.find('#column_level_settings_new').find('input#button_style_decoration').attr('name', 'button_style_decoration_' + i);

    $this.find('#column_level_settings_new').find('input#column_description_style_bold').attr('name', 'column_description_style_bold' + i);
    $this.find('#column_level_settings_new').find('input#column_description_style_italic').attr('name', 'column_description_style_italic_' + i);
    $this.find('#column_level_settings_new').find('input#column_description_style_decoration').attr('name', 'column_description_style_decoration_' + i);
    $this.find('#column_level_settings_new').find('#column_description_text_alignment').find('#align_left_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#column_description_text_alignment').find('#align_center_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#column_description_text_alignment').find('#align_right_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#column_description_text_alignment').find('#arp_description_text_alignment').attr('name', 'arp_description_text_alignment_' + i);
    $this.find('#column_level_settings_new').find('#total_rows').attr('name', 'total_rows_' + i);

    $this.find('ul.arppricingtablebodyoptions').attr('id', 'column_column_' + i);

    if (column_type == 'duplicate_column')
    {
        $this.find('textarea#column_title_input').val(jQuery('#main_column_' + copy_column_id).find('textarea#column_title_input').val());
        $this.find('textarea#price_text_input').val(jQuery('#main_column_' + copy_column_id).find('textarea#price_text_input').val());
        $this.find('textarea#btn_content').val(jQuery('#main_column_' + copy_column_id).find('textarea#btn_content').val());
        $this.find('textarea#arp_paypal_code').val(jQuery('#main_column_' + copy_column_id).find('textarea#arp_paypal_code').val());
        $this.find('textarea#price_label_input').val(jQuery('#main_column_' + copy_column_id).find('textarea#price_label_input').val());
        $this.find('textarea#arp_column_description').val(jQuery('#main_column_' + copy_column_id).find('textarea#arp_column_description').val());

        $this.find('textarea#post_variables_content').val(jQuery('#main_column_' + copy_column_id).find('textarea#post_variables_content').val());

        $this.find('textarea#footer_content').val(jQuery('#main_column_' + copy_column_id).find('textarea#footer_content').val());
        $this.find('textarea#footer_content_second').val(jQuery('#main_column_' + copy_column_id).find('textarea#footer_content_second').val());
        $this.find('textarea#footer_content_third').val(jQuery('#main_column_' + copy_column_id).find('textarea#footer_content_third').val());


        $this.find('textarea#column_title_second').val(jQuery('#main_column_' + copy_column_id).find('textarea#column_title_second').val());
        $this.find('textarea#column_title_third').val(jQuery('#main_column_' + copy_column_id).find('textarea#column_title_third').val());

        $this.find('textarea#price_text_two_step').val(jQuery('#main_column_' + copy_column_id).find('textarea#price_text_two_step').val());
        $this.find('textarea#price_text_three_step').val(jQuery('#main_column_' + copy_column_id).find('textarea#price_text_three_step').val());


        $this.find('textarea#price_text_two_step_only_price').val(jQuery('#main_column_' + copy_column_id).find('textarea#price_text_two_step_only_price').val());
        $this.find('textarea#price_text_three_step_only_price').val(jQuery('#main_column_' + copy_column_id).find('textarea#price_text_three_step_only_price').val());

        $this.find('textarea#arp_column_description_second').val(jQuery('#main_column_' + copy_column_id).find('textarea#arp_column_description_second').val());
        $this.find('textarea#arp_column_description_third').val(jQuery('#main_column_' + copy_column_id).find('textarea#arp_column_description_third').val());

        $this.find('textarea#btn_content_second').val(jQuery('#main_column_' + copy_column_id).find('textarea#btn_content_second').val());
        $this.find('textarea#btn_content_third').val(jQuery('#main_column_' + copy_column_id).find('textarea#btn_content_third').val());


        $this.find('textarea#btn_link').val(jQuery('#main_column_' + copy_column_id).find('textarea#btn_link').val());


    }

    $this.find('#column_level_settings_new').find('#footer_text_alignment').find('#align_left_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#footer_text_alignment').find('#align_center_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#footer_text_alignment').find('#align_right_btn').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#footer_text_alignment').find('#arp_footer_text_alignment').attr('name', 'arp_footer_text_alignment_' + i);
    if (jQuery('input#footer_content_position_0_' + i).is(':checked') == true) {
        jQuery('#main_column_' + copy_column_id).find('input#footer_content_position_0_' + copy_column_id).attr('checked', true);
    }

    if (jQuery('input#footer_content_position_1_' + i).is(':checked') == true) {
        jQuery('#main_column_' + copy_column_id).find('input#footer_content_position_1_' + copy_column_id).attr('checked', true);
    }


    jQuery('#main_column_' + i).find('.col_opt_navigation_div').each(function () {
	    var _this = jQuery(this);
	    
	    _this.find('i.fa-long-arrow-left').attr('data-column', i);
	    _this.find('i.fa-long-arrow-right').attr('data-column', i);
	    _this.find('i.fa-long-arrow-up').attr('data-column', i);
	    _this.find('i.fa-long-arrow-down').attr('data-column', i);
	});
    $this.find('ul.arppricingtablebodyoptions li').each(function (r) {
        if (column_type == 'duplicate_column')
        {
            $this.find('#description' + r).find('textarea#arp_li_description').val(jQuery('#main_column_' + copy_column_id).find('#description' + r).find('textarea#arp_li_description').val());
            $this.find('#tooltip' + r).find('textarea#arp_li_tooltip').val(jQuery('#main_column_' + copy_column_id).find('#tooltip' + r).find('textarea#arp_li_tooltip').val());
            $this.find('#label' + r).find('textarea#label').val(jQuery('#main_column_' + copy_column_id).find('#label' + r).find('textarea#label').val());

            $this.find('#description' + r).find('textarea#row_description_second').val(jQuery('#main_column_' + copy_column_id).find('#description' + r).find('textarea#row_description_second').val());
            $this.find('#label' + r).find('textarea#label_second').val(jQuery('#main_column_' + copy_column_id).find('#label' + r).find('textarea#label_second').val());

            $this.find('#description' + r).find('textarea#row_description_third').val(jQuery('#main_column_' + copy_column_id).find('#description' + r).find('textarea#row_description_third').val());
            $this.find('#label' + r).find('textarea#label_third').val(jQuery('#main_column_' + copy_column_id).find('#label' + r).find('textarea#label_third').val());
        }
	$this.find('#column_level_settings_new').find('#arp_row_'+r).find('.fa-long-arrow-up').attr('data-row-id','arp_row_'+r);
	$this.find('#column_level_settings_new').find('#arp_row_'+r).find('.fa-long-arrow-down').attr('data-row-id','arp_row_'+r);
	$this.find('#column_level_settings_new').find('#arp_row_'+r).find('.fa-long-arrow-left').attr('data-row-id','arp_row_'+r);
	$this.find('#column_level_settings_new').find('#arp_row_'+r).find('.fa-long-arrow-right').attr('data-row-id','arp_row_'+r);
	

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('input#body_li_style_bold').attr('name', 'body_li_style_bold_column_' + i + '_arp_row_' + r);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('input#body_li_style_italic').attr('name', 'body_li_style_italic_column_' + i + '_arp_row_' + r);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('input#body_li_style_decoration').attr('name', 'body_li_style_decoration_column_' + i + '_arp_row_' + r);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('input#body_li_style_bold_caption').attr('name', 'body_li_style_bold_caption_column_' + i + '_arp_row_' + r);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('input#body_li_style_italic_caption').attr('name', 'body_li_style_italic_caption_column_' + i + '_arp_row_' + r);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('input#body_li_style_decoration_caption').attr('name', 'body_li_style_decoration_caption_column_' + i + '_arp_row_' + r);

        jQuery(this).attr('data-column', 'main_column_' + i);

        if ($this.attr('is_caption') == 1) {
            if ((r + 1) % 2 == 0) {
                $cls = 'rowlightcolorstyle';
            } else {
                $cls = '';
            }
        } else {

            if (i % 2 == 0)
            {
                if ((r + 1) % 2 == 0)
                {
                    $cls = 'rowdarkcolorstyle';
                }
                else
                {
                    $cls = '';
                }
            }
            else
            {
                if ((r + 1) % 2 == 0)
                {
                    $cls = 'rowlightcolorstyle';
                }
                else
                {
                    $cls = '';
                }
            }
        }

        if ($this.attr('is_caption') == 0) {
            jQuery(this).removeClass('rowlightcolorstyle');
            jQuery(this).removeClass('rowdarkcolorstyle');

            jQuery(this).addClass($cls);
        }

        if (column_type == 'duplicate_column')
        {
            jQuery(this).removeClass(template + '_column_' + copy_column_id + '_row_' + r);
        } else {
            jQuery(this).removeClass(template + '_column_' + last_id + '_row_' + r);
        }

        jQuery(this).addClass(template + '_column_' + i + '_row_' + r);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#align_left_btn_row_' + r).attr('data-row-id', 'row_' + r);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#align_left_btn_row_' + r).attr('data-id', i);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#align_center_btn_row_' + r).attr('data-row-id', 'row_' + r);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#align_center_btn_row_' + r).attr('data-id', i);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#align_right_btn_row_' + r).attr('data-row-id', 'row_' + r);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#align_right_btn_row_' + r).attr('data-id', i);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#description_text_alignment').attr('name', 'row_' + i + '_description_text_alignment_' + r);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_add_row_shortcode').attr('name', 'row_' + i + '_add_description_shortcode_btn_' + r);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_add_row_shortcode').attr('data-row-id', 'row_' + r);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_add_row_shortcode').attr('data-id', i);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_add_row_shortcode').attr('col-id', i);



        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_add_row_object').attr('name', 'row_' + i + '_add_body_li_object_' + r);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_add_row_object').attr('data-column', 'main_column_' + i);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_add_row_object').attr('data-insert', 'arp_row_' + r + ' ' + 'textarea#arp_li_description');



        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_li_label').attr('name', 'row_' + i + '_label_' + r);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('textarea#label').attr('name', 'row_' + i + '_label_' + r);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('textarea#label_second').attr('name', 'row_' + i + '_label_second_' + r);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('textarea#label_third').attr('name', 'row_' + i + '_label_third_' + r);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_li_description').attr('name', 'row_' + i + '_description_' + r);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#row_description_second').attr('name', 'row_' + i + '_description_second_' + r);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#row_description_third').attr('name', 'row_' + i + '_description_third_' + r);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_li_tooltip').attr('name', 'row_' + i + '_tooltip_' + r);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#remove_row').attr('col-id', i);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#remove_row').attr('row-id', 'row_' + r);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#copy_row').attr('col-id', i);

        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#copy_row').attr('alt', 'row_' + r);


        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_add_label_shortcode').attr('data-id', i);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_add_label_shortcode').attr('col-id', i);
        $this.find('#column_level_settings_new').find('#arp_row_' + r).find('#arp_add_label_shortcode').attr('name', 'row_' + i + '_add_tooltip_shortcode_btn_' + r);


    });

    $this.find('#column_level_settings_new').find('#add_new_row').attr('col-id', i);

    $this.find('#column_level_settings_new').find('#button_size').attr('name', 'button_size_' + i);
    $this.find('#column_level_settings_new').find('#button_type').attr('name', 'button_type_' + i);

    $this.find('#column_level_settings_new').find('#add_button_shortcode').attr('name', 'add_button_shortcode_' + i);

    $this.find('#column_level_settings_new').find('#btn_content').attr('name', 'btn_content_' + i);
    $this.find('#column_level_settings_new').find('#btn_content').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#btn_content_second').attr('name', 'btn_content_second_' + i);
    $this.find('#column_level_settings_new').find('#btn_content_second').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#btn_content_third').attr('name', 'btn_content_third_' + i);
    $this.find('#column_level_settings_new').find('#btn_content_third').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#btn_img_url').attr('name', 'btn_img_url_' + i);
    $this.find('#column_level_settings_new').find('#arpbtn_img_height').attr('name', 'button_img_height_' + i);
    $this.find('#column_level_settings_new').find('#arpbtn_img_width').attr('name', 'button_img_width_' + i);

    $this.find('#column_level_settings_new').find('#add_button_scode').attr('name', 'add_button_scode_' + i);
    $this.find('#column_level_settings_new').find('#arp_remove_btn_image_link a').attr('name', 'remove_button_scode_' + i);
    $this.find('#column_level_settings_new').find('#arp_add_btn_image_link').attr('data-column-id', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#btn_link').attr('name', 'btn_link_' + i);

    $this.find('#column_level_settings_new').find('input#new_window').attr('name', 'new_window_' + i);

    $this.find('#column_level_settings_new').find('#second_button_size').attr('name', 'second_button_size_' + i);
    $this.find('#column_level_settings_new').find('#second_button_type').attr('name', 'second_button_type_' + i);

    $this.find('#column_level_settings_new').find('#second_add_button_shortcode').attr('name', 'second_add_button_shortcode_' + i);

    $this.find('#column_level_settings_new').find('#second_btn_content').attr('name', 'second_btn_content_' + i);
    $this.find('#column_level_settings_new').find('#second_btn_content').attr('data-column', 'main_column_' + i);

    $this.find('#column_level_settings_new').find('#second_btn_img_url').attr('name', 'second_btn_img_url_' + i);
    $this.find('#column_level_settings_new').find('#second_arpbtn_img_height').attr('name', 'second_button_img_height_' + i);
    $this.find('#column_level_settings_new').find('#second_arpbtn_img_width').attr('name', 'second_button_img_width_' + i);

    $this.find('#column_level_settings_new').find('#second_add_button_scode').attr('name', 'seccond_add_button_scode_' + i);

    $this.find('#column_level_settings_new').find('#second_btn_link').attr('name', 'second_btn_link_' + i);

    $this.find('#column_level_settings_new').find('input#second_new_window').attr('name', 'second_new_window_' + i);

    $this.find('#column_level_settings_new').find('#arp_add_tooltip_shortcode').attr('data-id', i);
    $this.find('#column_level_settings_new').find('#arp_add_tooltip_shortcode').attr('col-id', i);
    ArpColumnResizable();

    jQuery('#main_column_' + i).find('.arp_btn').each(function () {
        if (typeof (jQuery(this).attr('data-title')) !== 'undefined') {
            jQuery(this).tipso({
                position: 'bottom',
                width: 'auto',
                background: '#43B4FB',
                content: jQuery(this).attr('data-title'),
            });
        }
    });

    jQuery('.general_color_box_font_color').on('change', function () {
        var color = jQuery(this).val();
        jQuery(this).parent().attr('data-color', color);
        jQuery(this).val(color);
    });
    
    __JSPICKER_NEWCOL = [];
    jQuery(column).find('.jscolor').each(function (e) {
        var $this = jQuery(this);
        var $this_id = $this.attr('id');
        var pattern = new RegExp('main_column_' + last_id);
        var new_id = $this_id.replace(pattern, 'main_column_' + col_id);
        $this.attr('id', new_id);
        $this.parent().attr('data-column', 'main_column_' + col_id);
        $this.attr('data-column', 'main_column_' + col_id);

        var $jscolor_finechange = $this.attr('jscolor-onfinechange');
        var newfinechange = $jscolor_finechange.replace(pattern, 'main_column_' + col_id);
        $this.attr('jscolor-onfinechange', newfinechange);
        var $jscolor_valueelement = $this.attr('jscolor-valueelement');
        var newvalueelement = $jscolor_valueelement.replace(pattern, 'main_column_' + col_id);
        $this.attr('jscolor-valueelement', newvalueelement);
        var $jscolor_ = $this.attr('data-jscolor');
        var newjscolor = $jscolor_.replace(pattern, 'main_column_' + col_id);
        $this.attr('data-jscolor', newjscolor);
        var $attrname_ = $this.parent().find('input').attr('name');
        var name_pattern = new RegExp('_' + last_id);

        var new_name = $attrname_.replace(name_pattern, '_' + col_id);
        $this.parent().find('input').attr('name', new_name);
        var $attrid_ = $this.parent().find('input').attr('id');
        var name_pattern = new RegExp('_' + last_id);

        var new_id = $attrid_.replace(name_pattern, '_' + col_id);
        $this.parent().find('input').attr('id', new_id);
        var object = {};
        var el = $this[0];
        var pattern = /(jscolor)\-(.*?)/;
        var $x = 0;
        for (var att, i = 0, atts = el.attributes, n = atts.length; i < n; i++) {
            var att = atts[i];
            var nodename = att.nodeName;
            var nodeval = att.nodeValue;
            if (pattern.test(nodename)) {
                var name = nodename.replace('jscolor-', '');
                switch (name) {
                    case 'onfinechange':
                        name = 'onFineChange';
                        break;
                    case 'styleelement':
                        name = 'styleElement';
                        break;
                    case 'valueelement':
                        name = 'valueElement';
                        break;
                    default:
                        name = name;
                        break;
                }
                object[name] = nodeval;
                $x++;
            }
        }
        __JSPICKER_NEWCOL[e] = new jscolor($this[0], object);
    });
    if (typeof __JSPICKER === 'undefined') {
        __JSPICKER = __JSPICKER_NEWCOL;
    } else {
        __JSPICKER = __JSPICKER.concat(__JSPICKER_NEWCOL);
    }

    $this.find('.arp_button_slider').each(function () {
        var $this = jQuery(this);
        jQuery(this).slider({
            min: 80,
            max: 200,
            step: 6,
            value: jQuery('input[name=button_size_' + jQuery(this).attr('data-column') + ']').val(),
            slide: function (event, ui) {
                var width = ui.value;
                var column = jQuery(this).attr('data-column');
                jQuery('input[name=button_size_' + column + ']').val(width);
                var height = jQuery('input[name=button_height_' + column + ']').val();
                arp_update_button_size(column, width, height);
                var slideValue = $this.slider('value');
                var column_id = $this.attr('data-column');
                arp_button_slider_tooltip(event, ui, slideValue, column_id);
            },
            create: function (event, ui) {
                var slideValue = $this.slider('value');
                var column_id = $this.attr('data-column');
                arp_button_slider_tooltip(event, ui, slideValue, column_id);
            },
        })
    });

    $this.find('.arp_button_height_slider').each(function () {
        var $this = jQuery(this);
        jQuery(this).slider({
            min: 30,
            max: 60,
            step: 3,
            value: jQuery('input[name=button_height_' + jQuery(this).attr('data-column') + ']').val(),
            slide: function (event, ui) {
                var height = ui.value;
                var column = jQuery(this).attr('data-column');
                jQuery('input[name=button_height_' + column + ']').val(height);
                var width = jQuery('input[name=button_size_' + column + ']').val();
                arp_update_button_size(column, width, height);
                var slideValue = $this.slider('value');
                var column_id = $this.attr('data-column');
                arp_button_height_slider_tooltip(event, ui, slideValue, column_id);
            },
            create: function (event, ui) {
                var slideValue = $this.slider('value');
                var column_id = $this.attr('data-column');
                arp_button_height_slider_tooltip(event, ui, slideValue, column_id);
            },
        })
    });

}

function adjust_template_footer_height() {

    jQuery('.arp_admin_template_editor').each(function () {
        var is_footer_content = 0;
        jQuery(this).find('.ArpPricingTableColumnWrapper').each(function () {
            if (jQuery(this).find('.arp_btn_before_content').is(':visible') === true) {
                is_footer_content++;
            } else if (jQuery(this).find('.arp_btn_after_content').is(':visible') === true) {
                is_footer_content++;
            }
        });
        jQuery(this).find('.ArpPricingTableColumnWrapper').each(function () {
            if (is_footer_content > 0 && !jQuery(this).find('.arp_btn_before_content').is(':visible')) {
                var footer_content_position = jQuery(this).attr('data-column-footer-position');

                if (footer_content_position == 0) {
                    jQuery(this).find('.arpcolumnfooter').addClass('has_footer_content').addClass('footer_below_content');
                    jQuery(this).find('.arpcolumnfooter').find('.arp_btn_after_content').css('display', 'block');
                } else if (footer_content_position == 1) {
                    jQuery(this).find('.arpcolumnfooter').addClass('has_footer_content').addClass('footer_above_content');
                    jQuery(this).find('.arpcolumnfooter').find('.arp_btn_before_content').css('display', 'block');
                }
            }
        });
        if (is_footer_content > 0) {
            jQuery(this).find('.ArpPricingTableColumnWrapper.maincaptioncolumn').find('.arpcolumnfooter').addClass('has_footer_content');
        }

    });

}

function reset_current_wrapper_li_color()
{
    var arp_body_odd_row_background_color = jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('input#content_odd_color').val();
    var arp_body_even_row_background_color = jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('input#content_even_color').val();

    jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('.arppricingtablebodycontent.selected .arp_opt_options li.arpbodyoptionrow:even').css('background', arp_body_odd_row_background_color);
    jQuery('.ArpPricingTableColumnWrapper_inner_selected').find('.arppricingtablebodycontent.selected .arp_opt_options li.arpbodyoptionrow:odd').css('background', arp_body_even_row_background_color);
}
function reset_all_wrapper_li_color()
{
    jQuery('.ArpPricingTableColumnWrapper').each(function () {
        jQuery(this).find('.arppricingtablebodycontent .arp_opt_options li.arpbodyoptionrow:odd').css('background', jQuery(this).find('input#content_even_color').val());
        jQuery(this).find('.arppricingtablebodycontent .arp_opt_options li.arpbodyoptionrow:even').css('background', jQuery(this).find('input#content_odd_color').val());
    });
}

function generate_color(hex, lum) {
    hex = String(hex).replace(/[^0-9a-f]/gi, '');
    if (hex.length < 6) {
        hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
    }

    lum = lum || 0;

    var rgb = "#", c, i;
    for (i = 0; i < 3; i++) {
        c = parseInt(hex.substr(i * 2, 2), 16);
        c = Math.round(Math.min(Math.max(0, c + (c * lum)), 255)).toString(16);
        rgb += ("00" + c).substr(c.length);
    }

    return rgb;
}

jQuery.fn.ARPriceFilterFormData = function () {
    var formarray = jQuery(this).serializeArray();

    var frmary = [];
    var x = 0;
    for (var index = 0; index < formarray.length; index++) {

        if (formarray[index].value == "") {
            delete formarray[index];
        } else {
            frmary[x] = formarray[index];
            x++;
        }

    }

    var fields = {};

    var formary = frmary;

    var p = 0;

    for (var key in formary) {
        var k = formary[key].name;
        var v = formary[key].value;

        if (k.search(/(.*?)\[(.*?)\]/) > -1) {

        } else {
            if (k != "")
                fields[k] = v;
        }
    }

    return fields;

}

jQuery(document).on('click', '#arprice_get_analytics', function () {
    jQuery('#arplite_custom_css_notice').bPopup({
        modalColor: '#656565'
    });
});

function arp_change_depended_section_colors(arp_depended_section_color, depended_array_size, template, id, color) {

    if (depended_array_size > 0) {
        var arry = arp_depended_section_color[template][id];

        if (arry !== undefined) {
            var sizearry = arry.length;

            for (var i = 0; i < sizearry; i++) {
                var arrstring = arry[i];
                arrstring = arrstring.replace(/(\[ARP_SPACE\])/g, ' ');
                var splitedstring = arrstring.split('~||~');

                var css_class = splitedstring[0];
                var css_property = splitedstring[1];
                var attribute = splitedstring[2];

                jQuery('.ArpPricingTableColumnWrapper:not(.maincaptioncolumn)').each(function (k) {
                    if (css_class != "" && css_property != "") {
                        jQuery(this).find('.' + css_class).css(css_property, '#' + color);
                    }

                    if (attribute != "") {
                        var splited_attr = attribute.split('|+|');
                        var attr = splited_attr[0];
                        var selector = splited_attr[1];
                        if (selector == 'id') {
                            attr = '#' + attr;
                        } else {
                            attr = '.' + attr;
                        }

                        jQuery(this).find('input' + attr).val('#' + color);
                        jQuery(this).find('div' + attr).attr('data-color', '#' + color);
                        jQuery(this).find('div' + attr).attr('data-column_id', '#' + color);
                    }
                });
            }
        }
    }
}

jQuery(document).on('click', '#arp_select_template', function () {
    jQuery("html, body").animate({scrollTop: jQuery('#arp_default_templates_listing').offset().top - 32}, 1500);
});

function arprice_set_before_after_pseudo_css(regex, class_name, properties, values, column_id) {
    var table_id = jQuery('#table_id').val();
    var stylesheet_id = class_name.replace(regex, '');
    stylesheet_id = stylesheet_id.replace('.', '');
    var col_id = (column_id != "") ? '#' + column_id : '';
    if (column_id != "")
        stylesheet_id += '_' + column_id;
    if (class_name[0] != '.')
        class_name = '.' + class_name;
    stylesheet_id += "_pseudo_css";
    jQuery('head').find('style#' + stylesheet_id).remove();
    var pseudo_style = "<style type='text/css' id='" + stylesheet_id + "'>";
    pseudo_style += ".arplite_price_table_" + table_id + " #ArpPricingTableColumns .ArpPricingTableColumnWrapper" + col_id + " " + class_name + "{";
    if (typeof properties == 'array') {
        jQuery(properties).each(function (key) {
            pseudo_style += properties[key] + ":" + values[key] + " !important;";
        });
    } else {
        pseudo_style += properties + ":" + values + " !important;";
    }
    pseudo_style += "}";
    pseudo_style += "</style>";
    jQuery('head').append(pseudo_style);

}


jQuery(document).on('click', '.arp_model_close_btn', function () {
    var id = this.id;
    jQuery('.' + id + ':visible').slideUp(500);
});

jQuery(document).on('click', 'label', function () {
    var checkbox_id = jQuery(this).attr('data-for');
    if (checkbox_id != '')
    {
        jQuery(this).parent().find("input#" + checkbox_id).trigger("click");
    }
});

jQuery(document).on('keyup', '#arp_icon_search_input', function () {
    jQuery(this).parent().parent().find('#arp_font_awaesome_icon').show();
    jQuery(this).parent().parent().find('#arp_font_material_icon').show();
    jQuery(this).parent().parent().find('#arp_font_typicons_icon').show();
    jQuery(this).parent().parent().find('#arp_font_ionicons_icon').show();

    var value = jQuery(this).val();
    value = value.toLowerCase();
    var counter_fontawesome = 0;
    var counter_material = 0;
    var counter_typicons = 0;
    var counter_ionicons = 0;
    jQuery(this).parent().parent().find('.arp_fainsideimge').each(function (x) {

        var text = jQuery(this).attr('title').toLowerCase();

        if (text.indexOf(value) != -1)
        {
            jQuery(this).show();
            if (jQuery(this).attr('data-icon') == 'fontawesome')
            {
                counter_fontawesome++;
            }
            else if (jQuery(this).attr('data-icon') == 'material')
            {
                counter_material++;
            }
            else if (jQuery(this).attr('data-icon') == 'typicons')
            {
                counter_typicons++;
            }
            else if (jQuery(this).attr('data-icon') == 'ionicons')
            {
                counter_ionicons++;
            }
        }
        else
        {
            jQuery(this).hide();
        }
    });

    if (counter_fontawesome == 0)
    {
        jQuery(this).parent().parent().find('#arp_font_awaesome_icon').hide();
    }
    if (counter_material == 0)
    {
        jQuery(this).parent().parent().find('#arp_font_material_icon').hide();
    }
    if (counter_typicons == 0)
    {
        jQuery(this).parent().parent().find('#arp_font_typicons_icon').hide();
    }
    if (counter_ionicons == 0)
    {
        jQuery(this).parent().parent().find('#arp_font_ionicons_icon').hide();
    }
});

jQuery(document).on('change', 'input#arp_display_columns_desktop', function () {
    arprice_editor_width_responsive();
});

function arprice_editor_width_responsive() {

    var is_caption = (jQuery('.ArpPricingTableColumnWrapper.maincaptioncolumn').length > 0) ? true : false;

    var column_width = jQuery('#all_column_width').val();

    var caption_width = jQuery('.maincaptioncolumn').find('#column_width_input').val();

    if (is_caption && caption_width > 0) {
        jQuery('.ArpPricingTableColumnWrapper:not(.maincaptioncolumn)').css('width', column_width);
        jQuery('.ArpPricingTableColumnWrapper.maincaptioncolumn').css('width', caption_width);
    } else {
        jQuery('.ArpPricingTableColumnWrapper').css('width', column_width);
    }

}

jQuery(document).on('click', '#arp_color_box_ok_btn', function (e) {

    var skins = [];
    var colors = [];
    var x = 0;
    jQuery('.color_row').each(function () {
        skins[x] = jQuery(this).attr('skin-name');
        colors[x] = jQuery(this).attr('data-color');
        x++;
    });

    skins[x] = 'db_custom_skin';
    var db_color = rgb2hex(jQuery('.db_custom_color_bg').css('background-color'));
    colors[x] = db_color.replace('#', '');

    jQuery('#general_color_box_div').attr('data-array', JSON.stringify(colors));
    jQuery('#general_color_box_div').attr('data-skins', JSON.stringify(skins));


    jQuery('.template_color_schemes').remove();
    jQuery('#arp_custom_color_scheme_popup:visible').hide();
    jQuery('.column_custom_background').hide();

    return false;
});

function arp_set_ribbon_preview(ribbon_style, ribbon_position) {
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_container').removeClass('arp_ribbon_1');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content').removeClass('arp_ribbon_1');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_container').removeClass('arp_ribbon_2');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content').removeClass('arp_ribbon_2');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_container').removeClass('arp_ribbon_3');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content').removeClass('arp_ribbon_3');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_container').removeClass('arp_ribbon_4');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content').removeClass('arp_ribbon_4');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_container').removeClass('arp_ribbon_5');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content').removeClass('arp_ribbon_5');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_container').removeClass('arp_ribbon_6');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content').removeClass('arp_ribbon_6');

    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_container').addClass(ribbon_style);
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content').addClass(ribbon_style);

    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_container').removeClass('arp_ribbon_right');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content').removeClass('arp_ribbon_right');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_container').removeClass('arp_ribbon_left');
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content').removeClass('arp_ribbon_left');

    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_container').addClass('arp_ribbon_' + ribbon_position.toLowerCase());
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content').addClass('arp_ribbon_' + ribbon_position.toLowerCase());

    if (ribbon_style == 'arp_ribbon_6') {
        jQuery('.arp_ribbon_style_preview_container').hide();
    } else {
        jQuery('.arp_ribbon_style_preview_container').show();

    }

}

function arp_set_ribbon_color_in_preview(style, color, txtcolor) {
    var ribbon_html = '';
    if (!jQuery.isFunction(ribbon_basic_colors) || !jQuery.isFunction(ribbon_gradient_colors) || !jQuery.isFunction(ribbon_border_colors)) {
        return;
    }
    var arp_ribbon_basic_colors = ribbon_basic_colors();
    arp_ribbon_basic_colors = jQuery.parseJSON(arp_ribbon_basic_colors);
    var arp_ribbon_gradient_colors = ribbon_gradient_colors();
    arp_ribbon_gradient_colors = jQuery.parseJSON(arp_ribbon_gradient_colors);
    var arp_ribbon_border_colors = ribbon_border_colors();
    arp_ribbon_border_colors = jQuery.parseJSON(arp_ribbon_border_colors);
    var base_color = color;
    var base_color_key = arp_ribbon_basic_colors.indexOf(base_color);
    var gradient_color = arp_ribbon_gradient_colors[base_color_key];
    var ribbon_border_color = arp_ribbon_border_colors[base_color_key];

    if (base_color_key != -1) {
        if (style == 'arp_ribbon_1') {
            ribbon_html += ".arp_ribbon_style_preview_container .arp_ribbon_content.arp_ribbon_1:before,.arp_ribbon_style_preview_container .arp_ribbon_content.arp_ribbon_1:after{";
            ribbon_html += "border-top-color:" + gradient_color + " !important;";
            ribbon_html += "}";
        }
        if (style == 'arp_ribbon_3') {
            ribbon_html += ".arp_ribbon_style_preview_container .arp_ribbon_content.arp_ribbon_3:before, .arp_ribbon_style_preview_container .arp_ribbon_content.arp_ribbon_3:after{";
            ribbon_html += "border-top-color:" + base_color + " !important;";
            ribbon_html += "}";
            ribbon_html += ".arp_ribbon_style_preview_container .arp_ribbon_content.arp_ribbon_3{";
            ribbon_html += "border-top:75px solid " + base_color + ";";
            ribbon_html += "color:" + txtcolor + ";";
            ribbon_html += "}";
        } else {
            if (style == 'arp_ribbon_1') {
                ribbon_html += ".arp_ribbon_style_preview_container .arp_ribbon_content.arp_ribbon_1{";
                ribbon_html += "background:" + gradient_color + ";";
                ribbon_html += "background-color:" + gradient_color + ";";
                ribbon_html += "background-image:-moz-linear-gradient(0deg, " + gradient_color + ", " + base_color + ", " + gradient_color + ");";
                ribbon_html += "background-image:-webkit-gradient(linear, 0 0, 0 0, color-stop(0%," + gradient_color + "), color-stop(50%," + base_color + "), color-stop(100%," + gradient_color + "));";
                ribbon_html += "background-image:-webkit-linear-gradient(left, " + gradient_color + " 0%, " + base_color + " 51%, " + gradient_color + " 100%);";
                ribbon_html += "background-image:-o-linear-gradient(left, " + gradient_color + " 0%, " + base_color + " 51%, " + gradient_color + " 100%);";
                ribbon_html += "background-image:linear-gradient(90deg, " + gradient_color + ", " + base_color + ", " + gradient_color + ");";
                ribbon_html += "filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='" + gradient_color + "', endColorstr='" + base_color + "', GradientType=1);";
                ribbon_html += "-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (startColorstr=='" + gradient_color + "', endColorstr='" + base_color + "', GradientType=1)\";";
                ribbon_html += "background-repeat:repeat-x;";
                ribbon_html += "box-shadow:3px 1px 2px rgba(0,0,0,0.6);";
                ribbon_html += "color:" + txtcolor + ";";
                ribbon_html += "border-top:1px solid " + ribbon_border_color + ";";
                ribbon_html += "text-shadow:0 0 1px rgba(0,0,0,0.4);";
                ribbon_html += "}";
            } else {
                ribbon_html += ".arp_ribbon_style_preview_container .arp_ribbon_content." + style + "{";
                ribbon_html += "background:" + base_color + ";";
                ribbon_html += "background-color:" + base_color + ";";
                ribbon_html += "background-image:-moz-linear-gradient(top, " + base_color + ", " + gradient_color + ");";
                ribbon_html += "background-image:-webkit-gradient(linear, 0 0, 0 100%, from(" + base_color + "), to(" + gradient_color + "));";
                ribbon_html += "background-image:-webkit-linear-gradient(top, " + base_color + ", " + gradient_color + ");";
                ribbon_html += "background-image:-o-linear-gradient(top, " + base_color + ", " + gradient_color + ");";
                ribbon_html += "background-image:linear-gradient(to bottom, " + base_color + ", " + gradient_color + ");";
                ribbon_html += "filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='" + base_color + "', endColorstr='" + gradient_color + "', GradientType=0);";
                ribbon_html += "-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (startColorstr=='" + base_color + "', endColorstr='" + gradient_color + "', GradientType=0)\";";
                ribbon_html += "background-repeat:repeat-x;";
                if (style == 'arp_ribbon_2') {
                    ribbon_html += "box-shadow:0 -1px 1px rgba(0,0,0,0.4);";
                } else if (style == 'arp_ribbon_5') {
                    ribbon_html += "box-shadow:-2px 2px 1px rgba(0, 0, 0, 0.3);";
                } else {
                    ribbon_html += "box-shadow:0 0 3px rgba(0,0,0,0.3);";
                }
                ribbon_html += "color:" + txtcolor + ";";
                ribbon_html += "}";
            }
        }
    } else {
        if (style == 'arp_ribbon_1' || style == 'arp_ribbon_3') {
            ribbon_html += ".arp_ribbon_style_preview_container .arp_ribbon_content.arp_ribbon_1:before,.arp_ribbon_style_preview_container .arp_ribbon_content.arp_ribbon_1:after{";
            ribbon_html += "border-top-color:" + base_color + " !important;";
            ribbon_html += "}";
        }
        if (style == 'arp_ribbon_3') {
            ribbon_html += ".arp_ribbon_style_preview_container .arp_ribbon_content.arp_ribbon_3:before, .arp_ribbon_style_preview_container .arp_ribbon_content.arp_ribbon_3:after{";
            ribbon_html += "border-top:75px solid " + base_color + ";";
            ribbon_html += "color:" + txtcolor + ";";
            ribbon_html += "}";
        } else {
            ribbon_html += ".arp_ribbon_style_preview_container .arp_ribbon_content." + style + "{";
            ribbon_html += "background:" + base_color + ";";
            ribbon_html += "box-shadow:0 0 3px rgba(0,0,0,0.3);";
            ribbon_html += "color:" + txtcolor + ";";
            ribbon_html += "}";
        }
    }

    jQuery('#preview_' + style).html(ribbon_html);
}

jQuery(document).on('keyup', '#arp_ribbon_content', function () {
    var value = jQuery(this).val();
    jQuery('.arp_ribbon_style_preview_container').find('.arp_ribbon_content span').html(value);
});

jQuery(document).on('click', '#arpsize_ok_btn', function () {
    jQuery(this).parent().find('.fa_size_icon').trigger('click');
});

jQuery(document).on('click', '#pro_upgrade_button,#pro_upgrade_cancel_button', function () {
    jQuery('#arplite_addnew_notice').bPopup().close();
});

jQuery(document).on('click', '#pro_upgrade_button_custom_skin,#pro_upgrade_cancel_button_custom_skin', function () {
    jQuery('#arplite_custom_notice').bPopup().close();
});

jQuery(document).on('click', '#pro_upgrade_button_custom_css,#pro_upgrade_cancel_button_custom_css', function () {
    jQuery('#arplite_custom_css_notice').bPopup().close();
});

jQuery(document).on('click', '#arplite_restricted_section,.arplite_restricted_view', function () {
    jQuery('#arplite_custom_css_notice').bPopup({
        modalColor: '#656565'
    });
});

jQuery(document).on('click', '#pro_upgrade_button_ribbon,#pro_upgrade_cancel_button_ribbon', function () {
    jQuery('#arplite_ribbon_notice').bPopup().close();
});

jQuery(document).on('click', '#pro_upgrade_save_table,#pro_upgrade_cancel_save_table', function () {
    jQuery('#arplite_save_table_notice').bPopup().close();
});

jQuery(document).on('click', '#pro_template', function () {
    jQuery('#arplite_pro_table_notice').bPopup({
        modalColor: '#656565'
    });
});

jQuery(document).on('click', '#pro_upgrade_pro_table,#pro_upgrade_cancel_pro_table', function () {
    jQuery('#arplite_pro_table_notice').bPopup().close();
});

jQuery(document).on('click', '#add_arp_object,#arp_header_background_image', function () {
  
    var reference = jQuery('#arp_reference_template').val();
    if( reference !== 'arplitetemplate_26' ){
	jQuery('#arplite_custom_css_notice').bPopup({
	    modalColor: '#656565'
	});
	return false;
    }
    if (jQuery(this).parent().find('.arp_add_image_container').is(':visible')) {
        jQuery(this).parent().find('.arp_add_image_container').slideUp(500);
        return;
    }
    var column_id = jQuery(this).attr('data-column');
    var data_insert = jQuery(this).attr('data-insert');
    
    jQuery('#arpcol_to_insert_object').val(column_id);
    jQuery('#arpcol_insert').val(data_insert);
    jQuery(this).parent().find('.arp_add_image_container').slideDown(500);
});

jQuery(document).on('click', '#pro_upgrade_save_table_editor,#pro_upgrade_cancel_table_editor', function () {
    jQuery('#arplite_save_table_notice_editor').bPopup().close();
});

jQuery(document).on('click', 'button', function () {
    if (jQuery(this).parents().hasClass('ArpPricingTableColumnWrapper')) {
        if (this.attributes.length < 1) {
            return false;
        } else {
            var type_attr = jQuery(this).attr('type');
            if (type_attr != undefined && type_attr == 'submit')
                return false;
        }
    }
});

jQuery(document).on('click', 'input[type=submit]', function () {
    if (jQuery(this).parents().hasClass('ArpPricingTableColumnWrapper'))
        return false;
});

jQuery(document).on('click', '#arp_shortcode_value', function () {

    var containerid = jQuery(this).attr('id');
    if (document.selection) {
        var range = document.body.createTextRange();
        range.moveToElementText(document.getElementById(containerid));
        range.select();
    } else if (window.getSelection) {
        var range = document.createRange();
        range.selectNode(document.getElementById(containerid));
        window.getSelection().addRange(range);
    }
});

!function ($) {
    "use strict";
    var escape = /["\\\x00-\x1f\x7f-\x9f]/g, meta = {"\b": "\\b", "	": "\\t", "\n": "\\n", "\f": "\\f", "\r": "\\r", '"': '\\"', "\\": "\\\\"}, hasOwn = Object.prototype.hasOwnProperty;
    $.toJSON = "object" == typeof JSON && JSON.stringify ? JSON.stringify : function (t) {
        if (null === t)
            return"null";
        var e, r, n, o, i = $.type(t);
        if ("undefined" === i)
            return void 0;
        if ("number" === i || "boolean" === i)
            return String(t);
        if ("string" === i)
            return $.quoteString(t);
        if ("function" == typeof t.toJSON)
            return $.toJSON(t.toJSON());
        if ("date" === i) {
            var u = t.getUTCMonth() + 1, f = t.getUTCDate(), s = t.getUTCFullYear(), a = t.getUTCHours(), l = t.getUTCMinutes(), c = t.getUTCSeconds(), p = t.getUTCMilliseconds();
            return 10 > u && (u = "0" + u), 10 > f && (f = "0" + f), 10 > a && (a = "0" + a), 10 > l && (l = "0" + l), 10 > c && (c = "0" + c), 100 > p && (p = "0" + p), 10 > p && (p = "0" + p), '"' + s + "-" + u + "-" + f + "T" + a + ":" + l + ":" + c + "." + p + 'Z"'
        }
        if (e = [], $.isArray(t)) {
            for (r = 0; r < t.length; r++)
                e.push($.toJSON(t[r]) || "null");
            return"[" + e.join(",") + "]"
        }
        if ("object" == typeof t) {
            for (r in t)
                if (hasOwn.call(t, r)) {
                    if (i = typeof r, "number" === i)
                        n = '"' + r + '"';
                    else {
                        if ("string" !== i)
                            continue;
                        n = $.quoteString(r)
                    }
                    i = typeof t[r], "function" !== i && "undefined" !== i && (o = $.toJSON(t[r]), e.push(n + ":" + o))
                }
            return"{" + e.join(",") + "}"
        }
    }, $.evalJSON = "object" == typeof JSON && JSON.parse ? JSON.parse : function (str) {
        return eval("(" + str + ")")
    }, $.secureEvalJSON = "object" == typeof JSON && JSON.parse ? JSON.parse : function (str) {
        var filtered = str.replace(/\\["\\\/bfnrtu]/g, "@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, "]").replace(/(?:^|:|,)(?:\s*\[)+/g, "");
        if (/^[\],:{}\s]*$/.test(filtered))
            return eval("(" + str + ")");
        throw new SyntaxError("Error parsing JSON, source is not valid.")
    }, $.quoteString = function (t) {
        return t.match(escape) ? '"' + t.replace(escape, function (t) {
            var e = meta[t];
            return"string" == typeof e ? e : (e = t.charCodeAt(), "\\u00" + Math.floor(e / 16).toString(16) + (e % 16).toString(16))
        }) + '"' : '"' + t + '"'
    }
}(jQuery);

jQuery.fn.emulateTransitionEnd = function (duration) {
    var called = false, $el = this;
    jQuery(this).one(jQuery.support.transition.end, function () {
        called = true
    });
    var callback = function () {
        if (!called)
            jQuery($el).trigger(jQuery.support.transition.end)
    }
    setTimeout(callback, duration);
    return this
};

jQuery(document).on('click', 'div.arp_add_favourite_color', function (e) {
    var $this = jQuery(this);
    var $parent = $this.parent().find('.colpick_hex_field');
    $input = $parent.find('input');
    if ($input.val().match(/^([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/g)) {
        arp_add_fav_color('#' + $input.val(), $this);
    }
    e.preventDefault();
});

function arp_add_fav_color(color, colpick) {
    if (color === undefined)
        return;
    var colors = arp_get_favourite_color();
    if (jQuery.inArray(color, colors) > -1) {
        return;
    }
    if (jQuery.inArray(color, colors) && color != '') {
        colors.splice(0, 0, color);
    }
    if (colors.length > 6) {
        colors = colors.slice(0, 6);
    }
    if (colors.length) {
        if (typeof (Storage) !== 'undefined') {
            localStorage.setItem('arp_fav_color[colors]', colors.join(','));
        } else {
            var current = new Date();
            current.setMonth(current.getMonth() + 1);
            document.cookie = 'arp_fav_color[colors]=' + colors.join(',') + '; expires=' + current.toGMTString();
        }
        arp_show_fav_colors(colpick.attr('data-colpick-id'), colpick.attr('data-column'), colpick.attr('data-row-id'));
    }
}

function arp_get_favourite_color() {

    if (typeof (Storage) !== 'undefined') {
        var arp_cookies = localStorage.getItem('arp_fav_color[colors]');
    }
    else {
        var arp_cookies = getCookie('arp_fav_color[colors]');
        if (arp_cookies.indexOf(";") > -1) {
            arp_cookies = arp_cookies.split(';')[0];
        }
    }
    var arp_fav_colors = [];
    for (var x in arp_cookies) {
        if (arp_cookies != '')
            arp_fav_colors = arp_cookies.split(',');
    }
    return arp_fav_colors;
}

function arp_show_fav_colors(colpick_id, column, row) {
    var colors = arp_get_favourite_color();
    jQuery('.arp_favourite_color').html('');
    jQuery.each(colors, function (index, item) {
        jQuery('.arp_favourite_color').append('<div class="arp_fav_color_list" data-column="' + column + '" data-colpick-id="' + colpick_id + '" data-color="' + item + '" data-row-id="' + row + '" style="background-color:' + item + '"></div>');
    });
}

jQuery(document).on('click', 'div.arp_fav_color_list', function (e) {
    var color = jQuery(this).attr('data-color');
    var colpick_id = jQuery(this).attr('data-colpick-id');
    var column_id = jQuery(this).attr('data-column');
    var row_id = jQuery(this).attr('data-row-id');
    if (colpick_id == 'arp_advanced_color_picker') {
        jQuery('#arp_ribbon_txtcolor').val(color);
        jQuery('#arp_ribbon_textcolor').val(color);
        jQuery('#arp_close_colorpicker').trigger('click');
    }

    e.preventDefault();
});

jQuery(document).on('click', '#arp_add_favorite_color_btn', function (e) {
    var $this = jQuery(this);
    var $id = $this.attr('data-value');
    var $color = jQuery('#' + $id).val();
    if ($color === undefined)
        return;
    var colors = arp_get_favourite_color();
    if (jQuery.inArray($color, colors) > -1) {
        return;
    }
    if (jQuery.inArray($color, colors) && $color != '') {
        colors.splice(0, 0, $color);
    }
    if (colors.length > 7) {
        colors = colors.slice(0, 7);
    }
    if (colors.length) {
        if (typeof (Storage) !== 'undefined') {
            localStorage.setItem('arp_fav_color[colors]', colors.join(','));
        } else {
            var current = new Date();
            current.setMonth(current.getMonth() + 1);
            document.cookie = 'arp_fav_color[colors]=' + colors.join(',') + '; expires=' + current.toGMTString();
        }
    }

    if (typeof (Storage) !== 'undefined') {
        var favorite_colors = localStorage.getItem('arp_fav_color[colors]');
    }
    else {
        var favorite_colors = getCookie('arp_fav_color[colors]');
    }

    var object = jQuery('.arprice_js_colorpicker').find('.arp_favorite_color_buttons');
    object.html('');
    if (favorite_colors !== undefined && favorite_colors !== '') {
        var fav_cols = favorite_colors.split(',');
        for (var n in fav_cols) {
            var color = fav_cols[n];
            var div = document.createElement('div');
            div.setAttribute('class', 'select_from_fav_color');
            div.setAttribute('value', color);
            div.setAttribute('style', 'background:' + color);
            if (n < 7) {
                object.append(div);
            }
        }
    }
});
jQuery(document).on('click', '.select_from_fav_color', function (e) {
    var $this = jQuery(this);
    var color = $this.attr('value');
    var id = $this.parent().parent().find('.arp_add_favorite_color_btn').attr('data-value');
    if (id.indexOf('_main_column_') > -1) {
        id = id + '_wrapper';
    }
    var object = jQuery('#' + id);
    var hidden_id = id.replace('_hidden', '');
    if (id === 'arp_ribbon_txtcolor') {
	document.getElementById('arp_advanced_color_picker').jscolor.fromString(color.replace('#', ''));
	return;
    }

    if (id === 'arp_caption_border_color') {

        document.getElementById('arp_caption_border_color_div').jscolor.fromString(color.replace('#', ''));
        arp_update_color(document.getElementById('arp_caption_border_color_div').jscolor, document.getElementById('arp_caption_border_color_div'));
    }

    if (id === 'arp_caption_row_border_color') {

        document.getElementById('arp_caption_row_border_color_div').jscolor.fromString(color.replace('#', ''));
        arp_update_color(document.getElementById('arp_caption_row_border_color_div').jscolor, document.getElementById('arp_caption_row_border_color_div'));
    }



    if (typeof document.getElementById(id).jscolor === 'undefined' && typeof document.getElementById(hidden_id).jscolor === 'undefined') {
        var elm = document.getElementById(id);
        if (typeof __JSPICKER !== 'undefined') {
            jQuery(__JSPICKER).each(function (n) {
                var array = __JSPICKER[n];
                var target = array.targetElement;
                if (elm === target) {
                    __JSPICKER[n].fromString(color.replace('#', ''));
                    arp_update_color(__JSPICKER[n], target);
                }
            });
        }
    } else {
	
        if (typeof document.getElementById(id).jscolor === 'undefined' && typeof document.getElementById(hidden_id).jscolor !== 'undefined') {
            document.getElementById(hidden_id).jscolor.fromString(color.replace('#', ''));
            arp_update_color(document.getElementById(hidden_id).jscolor, document.getElementById(hidden_id));
        } else {
                       document.getElementById(id).jscolor.fromString(color.replace('#', ''));
            arp_update_color(document.getElementById(id).jscolor, document.getElementById(id));
        }
    }
});

jQuery(document).ready(function () {
    var display_popup = jQuery('#is_display_popup').val();
    var already_subscribed = jQuery('#is_already_subscribed').val();
    var last_displayed_date = jQuery('#popup_displayed_last_date').val();
    var difference_date = jQuery('#popup_display_difference').val();
    var current_time_elapsed = jQuery("#popup_current_time_diff").val();
    if (already_subscribed == 'no') {
        if (last_displayed_date != '') {
            if (current_time_elapsed > difference_date) {
                jQuery('#arplite_subscription_model').bPopup({
                    modalColor: '#656565',
                    opacity: 0.5,
                    escClose: false,
                    modalClose: false,
                    onClose: function () {
                        var ajaxurl = jQuery('#ajaxurl').val();
                        jQuery.ajax({
                            url: ajaxurl,
                            dataType: 'json',
                            type: 'POST',
                            data: 'action=update_subscribe_date',
                            success: function (response) {
                                jQuery('#popup_displayed_last_date').val(response.time);
                                jQuery('#is_display_popup').val(response.display);
                            }
                        });
                    }
                });
            }
        } else {
            if (display_popup == 'yes') {
                jQuery('#arplite_subscription_model').bPopup({
                    modalColor: '#656565',
                    opacity: 0.5,
                    escClose: false,
                    modalClose: false,
                    onClose: function () {
                        var ajaxurl = jQuery('#ajaxurl').val();
                        jQuery.ajax({
                            url: ajaxurl,
                            dataType: 'json',
                            type: 'POST',
                            data: 'action=update_subscribe_date',
                            success: function (response) {
                                jQuery('#popup_displayed_last_date').val(response.time);
                                jQuery('#is_display_popup').val(response.display);
                            }
                        });
                    }
                });
            }
        }

    }
});

jQuery(document).on('click', '.arp_subscription_model_close_btn', function () {
    jQuery('#arplite_subscription_model').bPopup().close();
});

jQuery(document).on('click', '.arp_color_tab_column', function () {
    var $this = jQuery(this);
    var $id = $this.attr('data-id');
    jQuery('.arp_color_tab_column').removeClass('selected');
    $this.addClass('selected');

    if ($id === 'arp_normal') {
        jQuery(this).parent().parent().find('#arp_hover_background_color_column').hide();
        jQuery(this).parent().parent().find('#arp_normal_custom_color_tab_column').show();
    } else if ($id === 'arp_hover') {
        jQuery(this).parent().parent().find('#arp_normal_custom_color_tab_column').hide();
        jQuery(this).parent().parent().find('#arp_hover_background_color_column').show();
    }
});

var arp_button_slider_tooltip = function (event, ui, initialValue, col_id) {
    var curValue = ui.value || initialValue;
    var tooltip = '<div class="arp_button_size_tooltip"><div class="arp_button_size_tooltip_inner">' + curValue + '</div><div class="arp_button_size_tooltip_arrow"></div></div>';
    if (typeof ui.handle !== 'undefined') {
        jQuery(ui.handle).html(tooltip);
    } else {
        jQuery('#main_column_' + col_id).find('.arp_button_slider .ui-slider-handle').html(tooltip);
    }
}

var arp_button_height_slider_tooltip = function (event, ui, initialValue, col_id) {
    var curValue = ui.value || initialValue;
    var tooltip = '<div class="arp_button_size_tooltip"><div class="arp_button_size_tooltip_inner">' + curValue + '</div><div class="arp_button_size_tooltip_arrow"></div></div>';
    if (typeof ui.handle !== 'undefined') {
        jQuery(ui.handle).html(tooltip);
    } else {
        jQuery('#main_column_' + col_id).find('.arp_button_height_slider .ui-slider-handle').html(tooltip);
    }
}