Event.observe(window, 'load', function() {
	new Ajax.Request(image_info_url,
  								 { method: 'get',
									   evalJSON: true,
										 onSuccess: function(transport) {
											 var image_info = transport.responseJSON;
											 if (!image_info) {
												 alert("JSON parsing error, paste the code into jsonlint.com to find the error");
												 return false;
											 }
 										   var elements = $A($$('.img-wrapper-caption'));
                       elements.each(function(href) {
												 var image_target_regexp = new RegExp(".*" + image_base_dir);
												 href.href = href.href.replace(image_target_regexp, '');

												 for (image_name in image_info) {
													 if (href.href.indexOf(image_name) != -1) {
														 var final_title = "";
														 if (image_info[image_name].caption) {
															 final_title = image_info[image_name].caption;
														 }
														 if (image_info[image_name].title) {
															 final_title = image_info[image_name].title + " -- " + final_title;
														 }
														 href.title = final_title; break;
													 }
												 }
											 });
					  				 }
										});

  Lightbox.onShowCaption = function(captionText) {
		var parts = captionText.split(" -- ");
		if (parts.length > 1) {
			var title = parts.shift();
			return "<span class=\"title\">" + title + "</span>" + parts.join(" -- ");
		}
		return captionText;
	};
});