$(document).ready(function() {
var jcrop_api=new Array();

function myhandler(inst,c){

	jQuery('#id').val(inst.substr(7));
}

function showCoords(c){
	jQuery('#x').val(c.x);
	jQuery('#y').val(c.y);
	jQuery('#x2').val(c.x2);
	jQuery('#y2').val(c.y2);
	jQuery('#w').val(c.w);
	jQuery('#h').val(c.h);
};

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



$.getJSON("/include/Banner/getBanners.php?format=json&d="+new Date().getTime(),
	function(data){

		$.each(data, function(i,item){
			image='<tr class="header_images" id="header_image_'+item.id+'"><td><img class="crop_image" id="image_'+item.id+'" src="/images/banners/'+item.id+'.jpg" width="180" height="150"></td><td width="20"><a title="removeImage('+item.id+')" href="#" onClick="removeImage('+item.id+')"><img src="/images/delete.png"></a></td></tr>';
			$('#header_images').append(image);
			
			
		});
	});	
});

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