(function($)
{
	"use strict";   

	$('body').on('click', '.st-del-social', function(e)
    {
    	e.preventDefault();
    	$(this).parent().remove();
    })
	$('.vc_ui-button-action[data-vc-ui-element=button-save]').on('click', function()
    {
    	var value;
    	if($('.st_add_social').length >0) {
    		value = $('.st_add_social').find('.st-social').serialize();
	    	$('.st-social-value').val( encodeURIComponent(value) );
	    }
        if($('.st_add_icon_cat').length >0) {
            value = $('.st_add_icon_cat').find('.st-icon_cat').serialize();
            $('.st-icon_cat-value').val( encodeURIComponent(value) );
        }
        if($('.st_add_social_ex').length >0) {
            value = $('.st_add_social_ex').find('.st-social_ex').serialize();
            $('.st-social-value_ex').val( encodeURIComponent(value) );
        }
        if($('.st_add_location').length >0) {
            var value = $('.st_add_location').find('.st-location-save').serialize();
            $('.st-location-value').val( encodeURIComponent(value) );
        }
        if($('.st_add_image_text').length >0) {
            value = $('.st_add_image_text').find('.st-image_text').serialize();
            $('.st-image_text-value').val( encodeURIComponent(value) );
        }
        if($('.st_add_image_adv').length >0) {
            value = $('.st_add_image_adv').find('.st-image_adv').serialize();
            $('.st-image_adv-value').val( encodeURIComponent(value) );
        }
        if($('.st_add_account_menu').length >0) {
            value = $('.st_add_account_menu').find('.sv-account').serialize();
            $('.st-account-value').val( encodeURIComponent(value) );
        }
    });
    //Image Adv add
    $('.st-button-add-image_adv').on('click', function()
    {
        var key = $('.st_add_image_adv').find('.image_adv-item').last().data('item');
        if(key == '' || key == undefined)
        {
            key = 1;
        }else
        {
            key = parseInt(key) + 1;
        }
        var item = '<div class="image_adv-item" data-item="'+key+'">';            
            item += '<div class="wpb_el_type_attach_image edit_form_line"><input type="hidden" class="st-image_adv wpb_vc_param_value gallery_widget_attached_images_ids images attach_images" name="'+key+'[image]" value=""><div class="gallery_widget_attached_images"><ul class="gallery_widget_attached_images_list ui-sortable"></ul></div><div class="gallery_widget_site_images"></div><a class="gallery_widget_add_images" use-single="true" href="#" title="Add images">Add images</a><span class="vc_description vc_clearfix">Select images from media library.</span></div>';
            item += '<label>Link </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="st-image_adv" name="'+key+'[link]" value="" type="text"></br>';
            item += '<label>Title </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="st-image_adv" name="'+key+'[title]" value="" type="text"></br>';
            item += '<label>Price/Sale off </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="st-image_adv" name="'+key+'[price]" value="" type="text"></br>';
            item += '<label>Sale to </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="st-image_adv" name="'+key+'[time]" value="" type="text" placeholder="m/d/y"></br>';
            item += '<label>Label </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="st-image_adv" name="'+key+'[label]" value="" type="text">';
            item += '<a style="color:red" href="#" class="st-del-item">Delete</a>';
            item += '</div>';
        $('.st_add_image_adv').append(item);
    });
    //account add
    $('.st-button-add-account').on('click', function()
    {
        var key = $('.st_add_account_menu').find('.account-item').last().data('item');
        if(key == '' || key == undefined)
        {
            key = 1;
        }else
        {
            key = parseInt(key) + 1;
        }
        var item = '<div class="account-item" data-item="'+key+'">';
            item += '<label>Link '+key+':</label></br><label>Icon </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class=" sv_iconpicker sv-account" name="'+key+'[icon]" value="" type="text"></br>';
            item += '<label>Title </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="sv-account" name="'+key+'[title]" value="" type="text"></br>';
            item += '<label>Url </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="sv-account" name="'+key+'[url]" value="" type="text">';
            item += '<a style="color:red" href="#" class="st-del-item">Delete</a>';
            item += '</div>';
        $('.st_add_account_menu').append(item);
    }); 
    //Social add
    $('.st-button-add').on('click', function()
    {
    	var key = $('.st_add_social').find('.social-item').last().data('item');
    	if(key == '' || key == undefined)
    	{
    		key = 1;
    	}else
    	{
    		key = parseInt(key) + 1;
    	}
    	var item = '<div class="social-item" data-item="'+key+'">';
            item += '<label>Social '+key+':</label></br><label>Icon </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class=" sv_iconpicker st-social" name="'+key+'[social]" value="" type="text"></br>';
            // item += '<div class="edit_form_line"><input type="hidden" class="st-social wpb_vc_param_value gallery_widget_attached_images_ids images attach_images" name="'+key+'[social]" value=""><div class="gallery_widget_attached_images"><ul class="gallery_widget_attached_images_list ui-sortable"></ul></div><div class="gallery_widget_site_images"></div><a class="gallery_widget_add_images" href="#" title="Add images">Add images</a><span class="vc_description vc_clearfix">Select images from media library.</span></div>';
    		item += '<label>Link </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="st-social" name="'+key+'[url]" value="" type="text">';
    		item += '<a style="color:red" href="#" class="st-del-item">Delete</a>';
    		item += '</div>';
    	$('.st_add_social').append(item);
    }); 

    //Icon Category add
    $('.st-button-add-icon_cat').on('click', function()
    {
        var key = $('.st_add_icon_cat').find('.icon_cat-item').last().data('item');
        if(key == '' || key == undefined)
        {
            key = 1;
        }else
        {
            key = parseInt(key) + 1;
        }
        var item = '<div class="icon_cat-item" data-item="'+key+'">';
            item += '<label>Icon '+key+':</label></br><label>Icon </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class=" sv_iconpicker st-icon_cat" name="'+key+'[icon]" value="" type="text">';
            item += '<a style="color:red" href="#" class="st-del-item">Delete</a>';
            item += '</div>';
        $('.st_add_icon_cat').append(item);
    });

    //Social + title add
    $('.st-button-add_ex').on('click', function()
    {
        var key = $('.st_add_social_ex').find('.social-item_ex').last().data('item');
        if(key == '' || key == undefined)
        {
            key = 1;
        }else
        {
            key = parseInt(key) + 1;
        }
        var item = '<div class="social-item_ex" data-item="'+key+'">';
            item += '<label>Social '+key+':</label></br><label>Icon </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class=" sv_iconpicker st-social_ex" name="'+key+'[social]" value="" type="text"></br>';
            item += '<label>Title </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="st-social_ex" name="'+key+'[title]" value="" type="text"></br>';
            item += '<label>Link </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="st-social_ex" name="'+key+'[url]" value="" type="text">';
            item += '<a style="color:red" href="#" class="st-del-item">Delete</a>';
            item += '</div>';
        $('.st_add_social').append(item);
    });

    // maps location
    var set_first = 1;
    $('.st-location-add-map').on('click', function()
    {
        var key = $('.st_add_location').find('.location-item').last().attr('data-item');
        // console.log('sss');
        if(key == '' || key == undefined)
        {
            key = set_first;
            set_first++;
        }else
        {
            key = parseInt(key) + 1;
        }
        var item = '<div class="location-item" data-item="'+key+'">';
            item += '<div class="wpb_element_label">Location '+key+'</div>';
            item += '<label>Latitude</label><input class="st-input st-location-save st-title" name="'+key+'[lat]" value="" type="text">';
            item += '<label>Longitude</label><input class="st-input st-location-save st-des" name="'+key+'[lon]" value="" type="text">';
            item += '<label>Marker Title</label><input class="st-input st-location-save st-label" name="'+key+'[title]" value="" type="text">';
            item += '<label>Info Box</label><textarea class="st-input st-location-save info-content" name="'+key+'[boxinfo]"></textarea>';
            item += '</span>';
            item += '<a href="#" class="st-del-item">delete</a>';
            item += '</div>';
        $('.st_add_location').append(item);
        $('.st_add_location').find('.location-item').last().attr('data-item',key);
    });

    //Image text add
    $('.st-button-add-image_text').on('click', function()
    {
        var key = $('.st_add_image_text').find('.image_text-item').last().data('item');
        if(key == '' || key == undefined)
        {
            key = 1;
        }else
        {
            key = parseInt(key) + 1;
        }
        var item = '<div class="image_text-item" data-item="'+key+'">';            
            item += '<div class="wpb_el_type_attach_image edit_form_line"><input type="hidden" class="st-image_text wpb_vc_param_value gallery_widget_attached_images_ids images attach_images" name="'+key+'[image]" value=""><div class="gallery_widget_attached_images"><ul class="gallery_widget_attached_images_list ui-sortable"></ul></div><div class="gallery_widget_site_images"></div><a class="gallery_widget_add_images" use-single="true" href="#" title="Add images">Add images</a><span class="vc_description vc_clearfix">Select images from media library.</span></div>';
            item += '<label>Link </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="st-image_text" name="'+key+'[link]" value="#" type="text"></br>';
            item += '<label>Title </label><input style="width:65%;margin-right:10px;margin-bottom:15px" class="st-image_text" name="'+key+'[title]" value="" type="text">';
            item += '<a style="color:red" href="#" class="st-del-item">Delete</a>';
            item += '</div>';
        $('.st_add_image_text').append(item);
    });

    // Delete
    $('body').on('click', '.st-del-item', function(e)
    {
        e.preventDefault();
        $(this).parent().remove();
    })

})(jQuery)