/* $Revision: 17816 $ $Date: 2010-11-08 18:18:22 +0100 (Mon, 08 Nov 2010) $ */
function onLoadError(imageId, className, reloadTimeOut) {
	var imageElem = $('#' + imageId);
	// Appending in progress element
	var inProgressId = getInProgressComponentId(imageId);
	if ($('#' + inProgressId).length == 0) {
		imageElem.parent().append(
				'<div class="' + className + '" id="' + inProgressId
						+ '">&nbsp;</div>');
	}
	// Setting timeout for reload
	window.setTimeout('reloadImage("' + imageId + '");', reloadTimeOut);
}

function onLoadSuccess(imageId) {
	// Removing in progress animation
	var inProgressElem = $('#' + getInProgressComponentId(imageId));
	var imageElem = $('#' + imageId);
	if (inProgressElem.length != 0) {
		inProgressElem.remove();
	}
	// Changing style to visible
	imageElem.css( {
		'display' : ''
	});
}

function reloadImage(imageId) {
	var image = document.getElementById(imageId);
	if (image != null) {
		if ((typeof image.originalSrc) == 'undefined') {
			image.originalSrc = image.src;
		}
		// Making image to try load same image again
		var newSrc = image.originalSrc;
		if (newSrc.indexOf("?") == -1) {
			newSrc += "?";
		} else {
			newSrc += "&";
		}
		// Prevents returning invalid image from cache.
		newSrc += "millis=" + (new Date().getTime());
		image.src = newSrc;
	}
}
function getInProgressComponentId(imageId) {
	return imageId + "_inprogress";
}