gLoadSpinnerUrl = 'images/blue/loader.gif';
gFailImage = 'images/error_button.png';

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

    LoadThisImage($(img), loader, pCallback);
}


function LoadThisImage(loader, pCallback) {
    image_src = loader.attr('src');
    var 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('loadable-image');
        loader.addClass('blank');
        loader.removeAttr('src');
        loader.removeAttr('onload');
        $(this).show();
        if (onload_cb) {
            onload_cb($(this));
        }
        if (pCallback) {
            cb = pCallback;
            cb($(this));
        }
    })
    // .error(function() { $(this).attr('src', gFailImage).show(); })
    .attr('src', image_src)
    //    .show();
    //var img = new img();
    //loader.html('<img src="' + loader.attr('src') + '"/>');
}

function LoadAllImages() {
    $('.loadable-image').each(function() {
        var loader = $(this);
        loader.html('<img src="' + gLoadSpinnerUrl + '"/>');
        LoadThisImage(loader);
    });
}