My question:

I made a html page with several layers. In the layers there are images. With an array and onclick in Javascript de visitor can changes the images.
When i print the page all changes are there. When i save the page to my computer all changes are lost.
This is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/JavaScript">

function ImageCollection(images) {
this.images = images;
this.i = 0; = function(img) {
if (this.i == images.length)
this.i = 0;
img.src = images[this.i];

var ic1 = new ImageCollection(['images/hoek.gif','images/hoekgeel.gif', 'images/hoekrood.gif']);
var ic2 = new ImageCollection(['images/rechtbreed.gif','images/rechtbreedgeel.gif', 'images/rechtbreedrood.gif']);
var ic3 = new ImageCollection(['images/rechtsmall.gif','images/rechtsmallgeel.gif', 'images/rechtsmallrood.gif']);
var ic4 = new ImageCollection(['images/tussen.gif','images/tussengeel.gif', 'images/tussenrood.gif']);


<link href="screen.css" rel="stylesheet" type="text/css" />
<link href="print.css" rel="stylesheet" type="text/css" media="print" />


<div  id="a1"><img src='images/hoek.gif' width="64" height="86" onclick=""></div>
<div  id="b1"><img src='images/rechtbreed.gif' onclick=""></div>
<div  id="c"><img src='images/rechtsmall.gif' onclick=""></div>
<div id="d"><img src='images/tussen.gif' onclick=""></div>
<div id="bewaar">&nbsp;</div>
How can i save de results so people can email there page?

Vast bedankt