The web has may ways to swap out images when you hover over them with you mouse. I find CSS does this best. The code below is fairly simple. Creating more then 3 or 4 starts getting very messy so please use the code in the right context.
[snippet id=39585]

CSS image swap – creating a mouse over
Next post: Dropbox – A killer webapp
Previous post: Is your school blocking Facebook? Here is the fix.