I did a search and couldnt find anything within the first few pages.

What i want to do it have a nav with a simple 2image rollover (easy) but then as i roll over the nav i want an image to pop up in another frameset i.e main content. Then roll to another nav button and the image change again.

All the while allowing once the nav is pressed to go to another page which will target to framest maincontent.

does anyone have any info on this PLEASE?

link im working on. http://mmgrates.isoars.com

is made up of 4 different framesets.

im using this right now but its not working:

frame 1:
<script language="JavaScript">
rollWindow = window.open ("UntitledFrame-2.html","rollWindow","height=400,width=200");

function getRolling(whichVeggie){
rollWindow.document.images.rollpic.src = whichVeggie;
}
</script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>

<body>
<p>Hover over the text links below to see an appropriate image appear in the window to the right.</p>

<div align="center">
<a href="javascript://" onMouseOver="getRolling('cabbage.gif')">CABBAGE</a><br><br>

<a href="javascript://" onMouseOver="getRolling('carrot.gif')">CARROT</a><br><br>

<a href="javascript://" onMouseOver="getRolling('cherries.gif')">CHERRIES</a>
</div>


</body>
</html>

frame2:
<script language="JavaScript">
a=new Image();a.src="cabbage.gif";
b=new Image();b.src="carrot.gif";
c=new Image();c.src="cherries.gif";
</script>
</head>

<body bgcolor="#ffffff" text="#000000">
<p>Watch the image below change when a text link in the window to the left is hovered over.</p>

<div align="center">
<img src="cplogo.jpg" name="rollpic">
</div>



</body>
</html>