Im looking to make the button in openWin2 (the cat pic) should close openWin1 (the bird pic)...also need to change the background color of openWin2...Any help would be appreciated.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DND HTML 4.01//EN" 

"http:www.w3.org/TR//html4/strict.dtd">
<html>
<head>
<title>TEST</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-

latest.js"></script> 
<script type="text/javascript">

$(document).ready(function() {

$('#openWin1').click(function() {
myWin1 = open('','','width=350,height=350');
var html = '<h3>Bird</h3>';
html += '<img src="bird.png"><br />';
myWin1.document.write(html);
});

$('#openWin2').click(function() {
var myWin2 = open('','win2','height=350,width=350');
var html = '<h3>Cat</h3>';
html += '<img src="cat.png"><br />';
html += '<button onclick="opener.openWin1.close();">Close</button>';
myWin2.document.write(html)
;})
;});

</script>
</head>

<body>
<p>
<input type="button" id="openWin1" value="Display a bird" onclick="openWin1()" />
</p>
<p>
<a href id="openWin2" onclick="openWin2()">Display a cat</a>
</p>
</body>
</html>