[Javascript] Aggiungere loading ad effetto fade in

[Skull260287]

Ho questo codice modificato a partire da uno trovato in rete:

<!--

function initImage() {
    imageId = 'thephoto';
    image = document.getElementById(imageId);
    setOpacity(image, 0);
    image.style.visibility = "visible";
    fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
    if (document.getElementById) {
        obj = document.getElementById(objId);
        if (opacity <= 100) {
            setOpacity(obj, opacity);
            opacity += 10;
            window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
        }
    }
}
function setOpacity(obj, opacity) {
    opacity = (opacity == 100)?99.999:opacity;
    // IE/Win
    obj.style.filter = "alpha(opacity:"+opacity+")";
    // Safari<1.2, Konqueror
    obj.style.KHTMLOpacity = opacity/100;
    // Older Mozilla and Firefox
    obj.style.MozOpacity = opacity/100;
    // Safari 1.2, newer Firefox and Mozilla, CSS3
    obj.style.opacity = opacity/100;
}
window.onload = function() {initImage()}
// --> 

associo all'immagine su cui applicare l'effetto

id="thephoto"

Vorrei ora aggiungere però un effetto loading tipo quello presente negli slideshow di lightbox per fare in modo che il fadein parta solo quando l'ìimmagine è già caricata senza che si visualizzi prima in caricamento e poi l'effetto, come succede ora per immagini pesanti ( Es: http://www.dormi-re.com/lavoro.asp?P...ayCat&IDCat=54 )

Mi potreste aiutare, grazie 1000.