var gLoadSpinnerUrl = 'images/21-1.gif';
var gFailImage = '/assets/images/image_load_error.gif';
function LoadThisImage(loader, pCallback) {
	image_src = loader.attr('src');
	img = $(new Image());
	img.hide();

	img.load(function() {
		cb_js = loader.get(0).getAttribute('onload');
		onload_cb = function() {
			eval(cb_js);
		}

		loader.html(this);
		loader.removeClass('yukle');
		loader.removeAttr('src');
		loader.removeAttr('onload');
		$(this).show();
		if (onload_cb) {
			onload_cb($(this));
		}
		if (pCallback) {
			cb = pCallback;
			cb(loader,$(this));
		}
	}).error(function() {
		$(this).attr('src', gFailImage).show();
	}).attr('src', image_src).show()
	// alert(img.attr('src') + ' loading/loaded');
}

function LoadImage(pSelector, pCallback) {
	var loader = $(pSelector);
	loader.html('<img src="' + gLoadSpinnerUrl + '"/>');

	LoadThisImage(loader, pCallback);
}

function LoadAllImages() {
	$('.yukle').each(function() {
		var loader = $(this);
		var $xx = $('<span style="background:url(' + gLoadSpinnerUrl + ') no-repeat 50% 50%;display:block;">&nbsp;<' + '/div>');
		$xx.width(loader.width()).height(loader.height());

		loader.html($xx);
		setTimeout(function() {
			LoadThisImage(loader);
		}, 10);
	});
}