function loadImage(root, id) {
	var url = root+'images/ajax_load/'+id;
	//alert(url);
	new Ajax.Request(url,
		{
			method: 'get',
			onSuccess: function(transport) {
				var response = transport.responseXML || 'no response xml';
				//alert('Success! \n\n' + response);
				loadImage_callback(response, id, root);
			},
			onFailure: function(){ alert('There was an error retrieving the image.') }
		}
	)
}

function loadImage_callback(xml, id, root) {
	var filename = xml.getElementsByTagName('filename')[0].childNodes[0].nodeValue;
	var desc = xml.getElementsByTagName('description')[0].childNodes[0];
	var description = '';
	if (desc == undefined) {
		title = filename;
	}
	else {
		title = desc.nodeValue;
		description = desc.nodeValue;
	}
	$('medium_image').innerHTML = '<a href="'+root+'img/uploads/'+id+'_'+filename+'" rel="lightbox[]" title="'+title+'"><img src="'+root+'img/uploads/'+id+'_med_'+filename+'" alt="'+filename+'"></a>';
	$('large_view').innerHTML = '<a href="'+root+'img/uploads/'+id+'_'+filename+'" rel="lightbox[]" title="'+title+'">Large View</a>';
	$('img_desc_td').innerHTML = description.replace('\n', '<br />');
}

function LoadSortableThumbnails() {
    var gallery_id = document.getElementById('ImageGalleryId').value;
    window.location.href='/admin/images/sort/'+gallery_id;
}

function SaveOrder() {
	new Ajax.Request('./sort/', {
		method: "post",
		parameters: {data: Sortable.serialize('sortable_thumbs')},
		onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			alert("Success! \n\n" + response);
		},
		onFailure: function(){ alert('Something went wrong...') }
	});
}