<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2900.2523" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial>Hi Richard,</FONT></DIV>
<DIV><FONT face=Arial></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial>I've just joined this list, and was looking through it 
when i came over your email. have&nbsp;you sorted it out yet?</FONT></DIV>
<DIV><FONT face=Arial></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial>this might help, if you haven't. I like to use it for 
mouseover effects:</FONT></DIV>
<DIV><FONT face=Arial></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>function 
showLayer(layerID){<BR>&nbsp;document.getElementById(layerID).style.visibility="visible";<BR>}<BR>&nbsp;&nbsp;&nbsp; 
<BR>function 
hideLayer(layerID){<BR>&nbsp;document.getElementById(layerID).style.visibility="hidden";<BR>}<BR></FONT></DIV>
<DIV><FONT face=Arial size=2>(layerID is the div's id) initially set the div 
with style="...;visibility:hidden;", it works fine on my ie6 and 
ns7</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>Dash</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>&nbsp;</DIV></FONT>
<DIV><FONT face=Arial></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial>The short script is shown below.<BR>I have a basic layout 
of 2 columns.<BR>Column 1 on the left for the main menu.<BR>Column 2 is split in 
two parts.<BR><BR>When an item is clicked on in column 1, column 2a shows the 
thumbnails.<BR>Consider this a form of image swapping but for text.<BR>What I 
would like to do now is, to incorporate a means when a thumbnail is<BR>clicked 
on, a large image is shown below that along with a description.<BR>So far, using 
the bare bones image swapping works fine, but no descriptions.<BR>Not to mention 
being cumbersome and adding a lot of useless duplicated<BR>script.<BR><BR>I have 
tried simply renaming the vairables, in a second script, which 
almost<BR>works.<BR>But all that does is, replace the "FirstOn" item which 
destroys the<BR>thumbnails.<BR>I need to maintain the thumbnails in 
place.<BR>For a working demo of my inquiry see 
www.somestuff.batcave.net/menu1.html<BR><BR><BR>var kid = "FirstOn"<BR>function 
ShowInfo(DivId)<BR>&nbsp; {<BR>&nbsp; document.getElementById(kid).style.display 
= 'none';<BR>&nbsp; document.getElementById(DivId).style.display = 
'block';<BR>&nbsp; kid = DivId;<BR>&nbsp; }<BR></DIV></FONT></BODY></HTML>