jQuery(document).ready(function($) {
"use strict";

var last = 0;    
$('.add_feature').click(function(event)
{
  event.preventDefault();

  var uploader = wp.media(
  {
    title : 'Add feature icon file with feature box',
    button : {
      text : 'Add',
    },
    multiple : true
  })

  .on('select', function()
  {
    var selection = uploader.state().get('selection');

    var attachements = [];

    selection.map(function(attachement)
    {
      attachement = attachement.toJSON();

      attachements.push([attachement.id, attachement.url, attachement.caption]);            
    })
	
	get_all_images_data(attachements);
  })
  .open();

});
function get_all_images_data(attachments)
  {
	  var attachs = [];
	  $.each(attachments, function(i,v){
		  attachs[i] = v[0];
	  });
	  var attach_alts = [];
			var url = ajaxurl;
						var nonce = $('#img_alt_query_nonce').html();

		$.post( url, { action:"bluesquirrel_get_image_alt_info_ajax", alt_save_ajax: true, nonce: nonce, attachments:attachs })
						.done(function( nfo ) {

							var res = $.parseJSON(nfo);

							$.each(res, function(i,v){
								var sdiv = '';
									attach_alts[i] = v;
							});
							
		$.each(attachments, function(i,v){
			var sdiv = '';
			(last==0) ? last = parseInt($('input[name="lastf"]').val(), 10)+1 : last++;

				 var html = "<h3>"+feature_parameters[0]+" #"+last+"</h3><div><table><tr><td><p>"+feature_parameters[1]+"</p></td><td><textarea name='datainv[features][title][]' class='admin_form la' cols='50' rows='5'></textarea></td></tr>"+
				 "<tr><td>"+feature_parameters[2]+"</td><td> <input type='text' name='datainv[features][icon_img][]' size='40' value='"+v[1]+"' /></td></tr>"+
				 "<tr><td>"+feature_parameters[6]+"</td><td> <input type='text' name='datainv[features][icon_img_alt][]' size='40' value='"+attach_alts[i]+"' /></td></tr>"+
				 "<tr><td>"+feature_parameters[3]+"</td><td> <input type='text' name='datainv[features][href][]' size='40' value='' /></td></tr>"+
				 "<tr><td>"+feature_parameters[4]+"</td><td> <textarea name='datainv[features][text][]' class='admin_form la' cols='50' rows='5'></textarea></td></tr></table><p><button name='remove'>"+feature_parameters[5]+"</button></p></div>";
				 $('#accordion_invitation').append(html);

			 $('button[name="remove"]').bind('click', function(event){
				$(this).parent().parent().prev().remove();
				$(this).parent().parent().remove();
			});

		});
		$('#accordion_invitation').accordion('destroy').accordion({heightStyle: "content"});


	});
	  

  }
  
});