FadeIn/FadeOut slideshow javascript/jquery

[Futuristic]

Zeleo bih da od nekoliko slika napravim slideshow, ali tako da se prethodna smeni sledecom tek kad ova prva uradi fade in pracen fade out efektom, dakle sledeca slika dolazi tek posle fadeout, nakon cega ona nastavlja isto.
To treba da se desi u jednom html fajlu koji ce da ucita js fajl.

Trazio sam po internetu i video da to moze da se uradi pomocu jQuery i JavaScript-a, pa posto ne poznajem nijedan molio bih za pomoc.
Naime nasao sam na stackoverflow-u dve teme od kojih verujem da bih moglo da se napravi ovo sto ja zelim.

U prvoj se moze doci do toga kako da smestim slike u niz, i samo njihovo smenjivanje. Da li bi ovde dodavanje fadein i fadeout na kraju resilo posao?

U drugoj su postavljene same funkcije i ovde imam nesto da pitam.
Zasto/Da li je potrebno na pocetku napisati jQuery(function().... Da li tu deklarisemo f-je koje cemo koristiti?

$("#myImage").fadeIn();
Kako bih ovde umesto #myImage ucitao id od img taga iz html fajla, tj da li moze sa getElementById posto ovde ima # na pocetku?

function fadeIn()
{
$(this).fadeIn( fadeOut );
}
Da li ce ovde this biti arg koji prosledimo f-ji?

Ako nekoga mrzi da napise kako bi to sve zajedno izgledalo, molim bar za neke smernice.
Zahvaljujem unapred

[Neutrino]

Kod je detaljno iskomentarisan tako da ne bi trebalo da bude problema da shvatiš kako bar okvirno radi. Nemoj da te buni što je na engleskom, ne mogu sebe da nateram sada da "srbendam" u po jutra.

Pošto je vBulletin parser odvratan ostaviću kompletan kod na Pastebin servisu a drugi link ti služi samo da vidiš funkcionalnu demonstraciju koda.

KOMPLETAN KOD (Pastebin)

DEMO (jsFiddle)

[Futuristic]

Skidam kapu
Au ceo kod, pa jos iskomentarisan i sve to u 6 ujutru
Sad meni samo ostaje da vidim kod, tj. sintaksu, a sto se tice toga sta kod tacno radi, sve si lepo objasnio.
Jos jednom, zahvaljujem.