Ursprungs-div?

Jag har följande:

<div id="div1">
	<table border=1 width=200>
	<tr>
	<td>hej</td>
	<td>hej</td>
	<td>hej</td>
	</tr>
	<tr>
	<td>hej</td>
	<td>hej</td>
	<td>hej</td>
	</tr>
	</table>
</div>

Och kör följande:

var ett
ett="<table border=1 width=200><tr><td>då</td><td>då</td><td>då</td></tr><tr><td>då</td><td>då</td><td>då</td></tr></table>"
function test1(){
document.getElementById('div1').innerHTML=ett;
}

Hur får jag då tillbaka det som fanns i div1 från början?
Om jag ska kunna byta mellan två olika tabeller måste då båda ligga i scriptet från början?

Det är ett alternativ. Ett annat är

var ett="<table border=1 width=200><tr><td>då</td><td>då</td><td>då</td></tr><tr><td>då</td><td>då</td><td>då</td></tr></table>";
var i = 0, orig;
function test1(){
  if (i == 0) orig = document.getElementById('div1').innerHTML;
  document.getElementById('div1').innerHTML = (i % 2) ? ett : orig;
  ++i;
}

Tackar!