Effetto FadeIn e ImageSwitch all'interno di un div

[IE6]

Salve a tutti,
basandomi su image switch ho applicato il seguente effetto di "sovrapposizione" (mi scuso per la povertà di linguaggio) su di una immagine contenuta in uno specifico div:

Codice .js:

$(document).ready(function(){
	$("#dx-img").ready(function(e){
		$("#verde").ImageStop(true,true);
		$("#verde").ImageSwitch({	Type:"FadeIn", 
			NewImage:"sopra.jpg",
			EffectOriginal: false, Speed: 7000});
	});
});

Codice html:

<div id="dx-img">[img]sotto.jpg[/img]</div>

In questa maniera all'immagine "sotto.jpg" si sovrappone, con effetto dissolvenza, l'immagine "sopra.jpg" richiamata dal .js.
Quello che invece mi interesserebbe ottenere sarebbe:

1. partendo dal div vuoto (con nessun tag img) visualizzare al suo interno "sotto.jpg" caricata con effetto fade in;

2. una volta visualizzata l'immagine a piena opacità, inserire una pausa di qualche secondo;

3. solo dopo la pausa fare sovrapporre, sempre con effetto fade, l'immagine "sopra.jpg".



Qualcuno molto paziente (un Santo, vista la mia ignoranza) potrebbe aiutarmi ad ottenere questo risultato?

Ringrazio anticipatamente per qualsiasi eventuale replica :)