$(document).ready(function(){
	$('.del').live('click',function () {
		var image=$(this).next('img').attr('src');
		deleteImage(image);
	});
	$('.edit').live('click',function () {
		var image=$(this).siblings('img').attr('src');
		editImage(image);
	});
});

function deleteImage(image) {
	$.getJSON("images.php?action=delete", {image:image}, function(json){
		$('img[src=\'thumb_'+json.deleted+'\']').parent().remove();
	});
}

function modifyImage() {
        var image = $('#edit_filename').val();
        var category = $('#edit_category').val();
        var description = $('#edit_description').val();
	$.getJSON("images.php?action=edit", {image:image, category:category, description:description}, function(json){
                $('#imageadd').show();
		$('#imageedit').hide();
                $.getJSON("images.php?action=list", function(json){
                  imgs = json.images;
	          showManage();
                });
	});
}

function editImage(image) {
   $('#imageedit').show();
   $('#imageadd').hide();
   $('#edit_category').focus();
   $.each(imgs, function(i, val) {
     if (('thumb_' + val.filename) == image) {
       $('#edit_category').val(val.category);
       $('#edit_description').val(val.description);
       $('#edit_filename').val(image);
     }
   });
   window.location = window.location + "#imageedit"; 
}

function showManage() {
   $('#mgallery').empty();
   var category = '';
   $.each(imgs, function(i, val) {
       if (val.category != category) { $('#mgallery').append("<h3 class=\"clear\">" + val.category + "</h3>"); category = val.category; }
       $('#mgallery').append("<div class=\"minidiv\"><span class=\"del\">X</span><img class=\"minithumb\" src=\"thumb_" + val.filename + "\" /><span class=\"description\">&nbsp;" + val.description + "&nbsp;</span><span class=\"edit\">O</span></div>");
   });
}

function showGallery(param1, param2) {
   var category  = param1 || 'patients';
   var start = parseInt(param2,10) || 0;
   var size = 8;   

   $('#mgallery').empty();
   $('#galleryfoot').empty();

   var count = 0;
   var more = false;
   $.each(imgs, function(i, val) {
     if (val.category == category) { 
       count++;
       if (count <= start) return;
       more = true;
       if (count > (start+size)) return false;
       $('#mgallery').append("<div class=\"gallerybox\"><a href=\"/gallery/" + val.filename + "\" class=\"thickbox\" rel=\"gallery\"><img class=\"thumb\" src=\"thumb_" + val.filename + "\" /></a><br /><span class=\"description\">&nbsp;" + val.description + "&nbsp;</span></div>");
       more = false;
     }
   });
   if (start>0) {
     $('#galleryfoot').append('<a href="#" class="left" onclick="showGallery(\'' + category + '\',' + ((start-size)>0?(start-size):0) + '); return false;">&lt;&lt; Previous</a>');
   } else {
     $('#galleryfoot').append('First Page');
   }
   $('#galleryfoot').append(' | ');
   if (more) {
     $('#galleryfoot').append('<a href="#" class="right" onclick="showGallery(\'' + category + '\',' + (start+size) + '); return false;">More &gt;&gt;</a>');
   } else {
     $('#galleryfoot').append('Last Page');
   }
   tb_init('a.thickbox');
}

var imgs = {};