Stand Alone Illustration of JavaScript

This is meant to Illustrate a JavaScript Entity

This is Main Page with Frames and JavaScript

<html>
<head>
<title>Get JavaScript Illustration Started</title>
<script language="JavaScript">
<!--scriptbegin
var image1 = "background/clouds.gif";
var image2 = "npacresources/webwisdom/maple-lgtyL.gif";
function button_Image1()        { 

        image1 = top.frames[0].document.forms[0].image1.value;
        top.frames[1].location.reload();
        return true;
}       // End  button_Image1()
function button_Image2()        { 

        image2 = top.frames[0].document.forms[0].image2.value;
        top.frames[1].location.reload();
        return true;
}       // End  button_Image2()


//scriptend-->
</script>
</head>
<frameset rows="60,*"  >
<frame name="slavebar" src="IllustrateJSbar.html" >
<frame name="slavemain" src="IllustrateJSHome.html">
</frameset>
</html>

And this is What is loaded into frame[1]

<html>
<head>
<title>Stand Alone Illustration of JavaScript </title>
</head>
<body>
<script language="JavaScript">
<!--scriptbegin
document.writeln('<body  background="http://www.npac.syr.edu/users/gcf/' + top.image1 + '" text=black link=darkgreen vlink=magenta alink=red >');
//scriptend-->
</script>
<basefont size=5>
<font color=darkviolet>
<center><h2>Stand Alone Illustration of JavaScript</h2></center>
</font>
<hr>
<center>
<b>This is meant to Illustrate a JavaScript Entity</b>
<img src="http://www.npac.syr.edu/users/gcf/&{top.image2};" >
</center>
</basefont>
</body>
</html>