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:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ontwerpen</title>


<script type="text/JavaScript">

<!--
function ImageCollection(images) {
this.images = images;
this.i = 0;
this.next = function(img) {
this.i++;
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']);


//-->
</script>

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

<body>

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

Vast bedankt