rollover in editable region of template

I am having some problems with placing rollovers within the editable region of
pages that have a master template.
It appears that the preloads in the template are corrupting the page.

I have gone thru and rebuilt a number of pages by (1) opening a new html file
(2) copying the body text from the old file and pasting into the editable body
region of the new page, then (3) copying the specific rollover text such as
below and pasting it in the editable region of the page.

<p align="center"><a href="cancer-info-1.html"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image27','','image-files/btn-more-F-on.jpg',1)"><font
color="#FDFEEB">..
</font><img name="Image27" border="0"
src="image-files/btn-more-F-off.jpg" width="71" height="33" alt="cancer
info"></a>

and saving the page.

Then I go to the 'master template' file and remove the 'preload' code as
indicated below

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)
if (a.indexOf('#')!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

Then I save the template and update the page.

It corrupts. I have been messing with this problem for several days and cannot
figure out how I can get rollovers within the body text of a page and still
have the template work properly on future updates.

What am I doing wrong? Thanks for the help.

Norm
PS - What I am trying to accomplish here is to have back and forward buttons
at the bottom of pages that have more than one page to the particular category
that the page covers; rather than a page that is 7,000 words long. NH:confused;

Sorry fore the emotion within the code. I guess the code was just right to
call that particular emotion. Oh well