Tool Tipping image maps with changing icons...

Hi guys,

Sorry for the confusing title to this post - I've just no idea how to explain it.

I've been working on various iterations of this on and off for years - starting with Page Publisher back in 2002 or 3 I think.

Anyway, I've finally been able to achieve it. I need to show masterplans (land / apartments for sale) with status idicators on the image, that click through to detailed information...

In the past, I've resorted to Flash, javascript and manually changing the masterplan image... but I can now do it all with CMSB.

Have a look at: http://www.forrest.id.au/IT_demo/plans.php

It's not pretty, but you get the idea.

Here's a recent version (using CMSB) and Flash so you can see a nicer version of what I'm trying to achieve...http://www.harboursidetownsville.com.au/web09/hotel/plansLevel9.php

For those who are interested, here's a link to the css: http://www.forrest.id.au/IT_demo/map_demo.css

and the code for the page is:
<div id="maincol" >
<DIV align="center" style="background-image: url(demo_map.jpg); background-repeat:no-repeat">
<ul id="map">
<!-- STEP2: Display Records (Paste this where you want your records to be listed) -->
<?php foreach ($plansRecords as $record): ?>
<li><a class="G<?php echo $record['title'] ?>" href="<?php echo $record['_link'] ?>" title="G<?php echo $record['title'] ?>" style="background:url(<?php echo $record['status'] ?>.gif)"><span>
Apt No.: <?php echo $record['title'] ?><br/>
Status: <?php echo $record['status'] ?><br/>
Price: <?php echo $record['price'] ?><br/>
</span></a></li>

<?php endforeach; ?>
</ul>
</DIV>
</div>

Hope this helps someone.

Cheers,