need help before i throw my computer out the window, image rollovers as friend lists Options

[breezy1215]

ok i have been trying for 4 hours to work out this code... and usually im great at doing this stuff but for some reaon i cant get past this code. i wanna put my friends pics on my friends list on myspace..... when u go over them with ur mouse a nother pic comes up that saystheir name... i tried the codes in the scripts part but either im doing it wrong or something someone PLEASEEEEEEEEE help i love my laptop i dont wanna throw it out the window

[breezy1215]

CODE

<a href="LINK" class="friend"></a>

<style type="text/css">
.friend{height: 184px; width: 163px; text-indent: 184px; overflow: hidden; background: url(URL TO PIC) top left no-repeat; display: block;}
.friend:hover{background-position: bottom left;}
</style>

ok thats were i get mixxed up... i see where u have the URL TO PIC but what if i have more than one url PER person do i have to write this code 20 times if i have 20 ppl on my top well people? and than put it down where my friends should be