$(document).ready(function() {


	$('#uploadImage').uploadify({
		'uploader': '/swf/uploadify.swf',
		'script': '/include/classes/uploadify/uploadify.php',
		'folder': '/images/products/original/',
		'cancelImg': '/images/cancel.png',
		'buttonImg': '/images/select.png',
		'auto'           : true,
		'wmode': 'transparent',
		'onSelectOnce' : function(){ 
			$('#uploadImage').uploadifySettings('scriptData',{'type':'product_image','id':$("#id_product").val()}); 
		},
		'onComplete':function(event, queueID, fileObj, response, data){
			var ar=response.split(',');
			id=ar[0].split(':')[1];
			width=ar[1].split(':')[1];
			height=ar[2].split(':')[1];
			image='<div class="producttumb" id="productdetail_'+id+'"><img id="image_'+id+'" src="/images/products/'+id+'.jpg" width="70" height="70"><a title="remove" href="#" onClick="removeImage('+id+')"><img src="/images/delete.png"></a></div>';
			$('#image_container').append(image);
			
		}
	});

	$.getJSON("/include/Category/getImages.php?format=json&id="+$("#id_product").val()+"&d="+new Date().getTime(),
		function(data){

			$.each(data, function(i,item){
				image='<div class="producttumb" id="productdetail_'+item.id+'"><img id="image_'+item.id+'" src="/images/products/'+item.id+'.jpg" width="70" height="70"><a title="removeImage('+item.id+')" href="#" onClick="removeImage('+item.id+')"><img src="/images/delete.png"></a></div>';
				$('#image_container').append(image);
				
				
			});
		});	

	});

function removeImage(id_image){
	
	$.ajax({ url: "/include/Category/removeImage.php?id="+id_image, context: document.body, success: function(){
		$('#productdetail_'+id_image).remove();
	}});	
}