the code i s
</head>
<body style="background-color:yellow">
<script language=javascript>
function MyFirstFunction(obj)
{
var source = document.getElementsByName("advay")
if (source == advay[0]);
var url = program.html
if (source == abhay[1]);
var url = abhay.html
if (source == anil[2]);
var url = daddy.html
if (source == prameela[3]);
var url = mommy.html
}
function changecolor(obj)
{
//var obj = document.getElementsByName("advay");
//alert(obj.name);
if(obj.style.color=="blue")
obj.style.color="black"
else
obj.style.color="blue"
}
</script>
<table border="1" bordercolor:blue>
<tr>
<td>
<table>
<tr style="color:purple"><td colspan="4">MY FAMILY</td></tr>
<tr>
<td><input type=button name="advay" value="Advay Gopalakrishnan"onclick="MyFirstFunction(this) " onmouseover="changecolor(this)" onmouseout="changecolor(this)"></td>
<td><input type=button name="abhay" value="Abhay Gopalakrishnan"onclick="MyFirstFunction(this) " onmouseover="changecolor(this)" onmouseout="changecolor(this)"></td>
<td><input type=button name="anil" value="Anil Gopalakrishnan"onclick="MyFirstFunction(this) " onmouseover="changecolor(this)" onmouseout="changecolor(this)"></td>
<td><input type=button name="prameela" value="Prameela Murlidar"onclick="MyFirstFunction(this) " onmouseover="changecolor(this)" onmouseout="changecolor(this)"></td>
</tr>
</td>
</tr>
<tr>
<td colspan="4"><iframe src=url ></td>
</tr>
</table>
</table>
</body>