Here is my code (that is not working):
<html>
<head>
<script type="text/javascript">
function check()
{
if (check1.checked)
{
div1.style.zIndex=2;
}
if (check2.checked)
{
div2.style.zIndex=2;
}
</script>
</head>
<body>
<div name="base" style=position:absolute;left:200;top:0;z-index:1>
<img src="baseimage.jpg" height=639 width=639>
</div>
<div name="div1"style=position:absolute;left:200;top:0; z-index:0>
<img src="overlayimage1.jpg" height=639 width=639>
</div>
<div name="div2"style=position:absolute;left:200;top:0; z-index:0>
<img src="overlayimage2.jpg" height=639 width=639>
</div>
<form><input type=checkbox name="check1" value="Overlay 1" >Overlay 1
<br><input type=checkbox name="check2" value="Overlay 2" >Overlay 2
<br><input type="button" name="test" onclick="check()" value="View"></form>
</body>
</html>
