急急急~~网站背景切换~~~~三个按钮，三种背景。要有cookie存值啊，下边次级页面也要一起变。

情况是这样的，有一个网站，它有共有三个样式背景图片：黑版、灰版和银版，每个版都对应了不同的图片（布局都是一样的，就是body背景图片不同），在首页设置有三个按钮，点黑板整体风格全部变成黑版，包括后面的次级页面。我现在只能给一个页面变图片，点到下边次级页面的时候就没有了，估计是没有Cookie存值得原因吧。下边这个是我找的一个在本页面变换的一个样式，但是到次级页就没有了。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JS无刷新改变网页背景图片</title>
</head>
<body>
<script language="JavaScript1.2">
<!--
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName=="IMG")
document.body.style.backgroundImage="url("+source.src+")"
}function restore(){
document.body.style.backgroundImage=''
}
document.body.ondblclick=restore
-->
</script>
      </p>
      <p align="center"><span class="bgimages" onClick="tile();event.cancelBubble=true">
<img src="http://www.codefans.net/jscss/demoimg/bgdemo1.jpg" height=90 width=120 border=1>
<img src="http://www.codefans.net/jscss/demoimg/bgdemo2.jpg" height=90 width=120 border=1>
</span></p>
    </td>
  </tr>
</table>
</center>
</body>
</html>
希望各位高手给我写一下，要详细一点。急用~~~