如何点击图片后隐藏某框架？

##################################
index.htm
##################################
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head><frameset rows="80,*" frameborder="NO" border="0" framespacing="0" id="frameset1">
  <frame src="a.htm" name="topFrame" scrolling="NO" noresize >
  <frame src="b.htm" name="mainFrame">
</frameset>
<noframes><body></body></noframes>
</html>
##################################
a.htm
##################################
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body bgcolor="#0000FF">
</body>
</html>##################################
b.htm
##################################<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function f(obj){
if (obj.value=="Hide"){
obj.value="Show";
window.top.frameset1.rows="0,*";
}else{
obj.value="Hide";
window.top.frameset1.rows="80,*";
}
}
//-->
</SCRIPT>
</head>
<body>
<input type="button" value="Hide" onclick="f(this)"> 
</body>
</html>