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

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

  var uploader = wp.media(
  {
    title : 'Add background images',
    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)
  {
		$.each(attachments, function(i,v){
			var sdiv = '';
			(last==0) ? last = parseInt($('input[name="last"]').val(), 10)+1 : last++;
				 var html = "<h3>"+slide_parameters[0]+" #"+last+"</h3><div><table><tr><td><p>"+slide_parameters[1]+"</p></td><td> <input type='text' name='data[0][elems][attachid][]' size='10' value='"+v[0]+"' />"+slide_parameters[10]+"</td></tr>"+
				 "<tr><td>"+slide_parameters[2]+"</td><td> <input type='text' name='data[0][elems][class][]' size='40' value='' /></td></tr>"+
				 "<tr><td>"+slide_parameters[3]+"</td><td> <input type='text' name='data[0][elems][alt][]' size='40' value='' /> "+slide_parameters[11]+" </td></tr>"+
				 "<tr><td>"+slide_parameters[4]+"</td><td> <input type='text' name='data[0][elems][title][]' size='40' value='' /></td></tr>"+
 				 "<tr><td>"+slide_parameters[5]+"</td><td> <textarea name='data[0][elems][fnames][]' cols='50' readonly='readonly'></textarea> "+slide_parameters[12]+" </td></tr>"+
				 "<tr><td>"+slide_parameters[6]+"</td><td> <input type='text' name='data[0][elems][dir][]' size='40' value='' /> "+slide_parameters[13]+" </td></tr>"+
				 "<tr><td>"+slide_parameters[7]+"</td><td> <textarea name='data[0][elems][simg][]' cols='50'>"+v[1]+"</textarea></td></tr><tr><td>"+slide_parameters[8]+"</td><td> <textarea name='data[0][elems][sdiv][]' cols='50' rows='5'>"+sdiv+"</textarea></td></tr></table><p><button name='remove'>"+slide_parameters[9]+"</button></p></div>";
				 $('#accordion').append(html);

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

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

  }
  
});