Skrypt slajdera javascript + jquery

witam,

w kursie javascript Pana Zelenta w odcinku ze slajderem Pan Zelent napisał prosty slajder używając javascriptu i jquery w którym CHOWA SIĘ CAŁY DIV O ID "SLIDER" A POTEM POKAZUJE SIĘ przez zastosowanie fadeIn oraz fadeOut. Chciałbym zrobić tak, żeby NIE CHOWAŁ SIĘ CAŁY DIV A TYLKO ZDJĘCIE. Dobrnąłem do takiego momentu ->

function schowaj()
{
	$("#zdj").fadeOut(1000);
}


function zmienslajd()
	 {
		var numer = 1;
		numer++; if(numer>10) numer=1;
		
		var plik = "<img src=\"images/slider" + numer + ".JPG\" style=\"border-radius: 100%\" id=\"zdj\"/>";
		
		document.getElementById("slider").innerHTML = plik;
		
		$("#zdj").fadeIn(1000); 
		
		setTimeout("zmienslajd()",6000);
		setTimeout("schowaj()",5000);
		
	 }

w którym to nadałem w znaczniku <img> atrybut id="zdj" i w ten sposób chowa się zdjęcie w sposob nazwijmy to "animowany" natomiast jak zrobić żeby kolejne zdjęcie też pojawiało się w sposób animowany? W ten sposób od razu jakby pojawia się kolejne zdjęcie.