Need some help with web pages.

[8-up]

OK...I'm trying to make a web site that uses the same basic template for all the pages.
I'm have some limited knowledge of CSS and I am using it successfully so far.

I'm using an image map for the main menu on all my pages:

<map id="menumap" name="menumap">
<area shape="rect" coords="0,0, 114,19" href="index.html" onmouseover="chgImg('mHome')" onmouseout="chgImg('mHome')">
<area shape="rect" coords="0,18,114,40" href="about.html" onmouseover="chgImg('mAbout')" onmouseout="chgImg('mHome')">
<area shape="rect" coords="0,39,114,61" href="contact.html" onmouseover="chgImg('mContact')" onmouseout="chgImg('mHome')">
<area shape="rect" coords="0,60,114,82" href="calendar.html" onmouseover="chgImg('mCalendar')" onmouseout="chgImg('mHome')">
<area shape="rect" coords="0,81,114,103" href="beltreqs.html" onmouseover="chgImg('mBeltreqs')" onmouseout="chgImg('mHome')">
<area shape="rect" coords="0,102,114,122" href="links.html" onmouseover="chgImg('mLinks')" onmouseout="chgImg('mHome')">
</map>

There will probably be close to 100 pages total available for this site, so if I need to add to or modify the menu, I'll have to change EVERY single-dingle page. I just don't want to do this!

The only thing that is going to change on various pages is the argument passed to chgImg in the onmouseout event.

Is there a way I can store this HTML in one location and reference it on each page for use so I don't have to change a million pages when I make a modification?


Oh yeah, I don't want to use frames either.