How could I pull this off?

Head out to http://www.pond5.com/video-sound-effects-music-after-effects-photos-illustrations/1/frisbee.html - this is what I want to do.

Now head out to http://countryshowdown.com/Texaco/download_campaign/index.php This is where I'm at. I've got my formatting down, but now I want to make it where when my user mouses over any of those "bdages," they'll get a little window with additional info.

The challenge is that every pop up window will have information being retrieved from a database, as will all of the info on the badges (that's what I'm calling all the little white boxes wit the arrow in the lower right hand corner).

I was looking at Tooltip, but I couldn't see how I could easily script all of the css and jquery stuff in a way where I could loop through all the info in my database and create unique CSS and JavaScript for each badge without having to do it by hand rather than through a query.

When I look at the code on the pond5.com, site, I see this:

<div id="sresults"><div class="box"><div class="inner"><div class="info"><div class="icon">
<img class="kux_type_icon" alt="video" src="http://ec.pond5.com/www/sr/video.png">
<a onclick="P5.setSc('t'+263800);" href="/stock-footage/263800/two-beautiful-girls-on-the-beach.html">
<img onmouseover='P5.makeMo(event,263800,355,200,6,4,1920,1080,"Two beautiful girls on the beach by Spotmatik",4586,70,2);' onmouseout="P5.unmakeMo();" class="centerit" style="display:block;width:120px;height:68px;" src="http://ec.pond5.com/s3/000263800_icon.jpeg" alt="Stock Video Footage of Two beautiful girls on the beach" /></a></div>

I'm thinking this is a simple mouseover command that opens up a box. A box that I could pass info to in the context of a URL with some variables embedded in it.

But I don't how to pull that off. Thoughts?