<LAYER name="flower0" LEFT=50 TOP=150 width=400 >
        <H3>Mona Lisa Tulip</H3>
        <IMG src="images/flowers/redtul.jpg" 
                align="LEFT" hspace=5>
        <P>Priced at only $1 a bulb, these tulips are a bargain.</P>
        <BR CLEAR="ALL">
</LAYER>
<LAYER name="flower1" LEFT=50 TOP=150 width=400 
VISIBILITY="HIDE">
        <H3>Mixed Dutch Tulips</H3>
        <IMG src="images/flowers/tulmulti.jpg" 
                align="LEFT"  hspace=5>       
        <P>Priced at $5 for ten, these tulips are an inexpensive way 
         to bring color to your garden. </P> 
        <BR CLEAR="ALL">
</LAYER>
<LAYER name="flower2" LEFT=50 TOP=150 width=400 
VISIBILITY="HIDE">
        <H3>Bijou Violets</H3>
        <IMG src="images/flowers/violets.jpg" align="LEFT" hspace=5>       
        <P>The price for these lovely lilac blooms is $4 for a half inch 
pot, 
        or $10 for four pots. </P>
        <BR CLEAR="ALL">
</LAYER>
<LAYER name="flower3" LEFT=50 TOP=150 width=400 
VISIBILITY="HIDE">
        <H3>Punk Chrysanthemum</H3>
        <IMG src="images/flowers/spikey.jpg" align="LEFT" hspace=5>        
        <P>These flowers sell for $6 for a 4 inch pot, or $10 for 2 
pots.</P>
        <BR CLEAR="ALL">
</LAYER>
<LAYER NAME="formlayer" LEFT=500  TOP=150>
<P>Please select a flower:</P>
        <FORM NAME=form1>
                <SELECT name=menu1 
onChange="changeFlower(this.selectedIndex); 
return false;">
                        <OPTION >Mona Lisa Tulip
                        <OPTION >Mixed Dutch Tulips
                        <OPTION >Bijou Violet
                       <OPTION >Punk Chrysanthemum
                      </SELECT>
        </FORM>
</LAYER>
<SCRIPT LANGUAGE=
JavaScript
/////////////////////////////////////////////////////////////
///////////////////
// This function hides all of the layers.
/////////////////////////////////////////////////////////////
///////////////////
function hideAllflowerLayers() {
        document.layers["flower0"].visibility = "hide"
        document.layers["flower1"].visibility = "hide"
        document.layers["flower2"].visibility = "hide"
        document.layers["flower3"].visibility = "hide"
        
/////////////////////////////////////////////////////////////
///////////////////
// This function makes a single flower layer visible.
// The fact that the layer names are 
flower0
flower1
, and so
// on makes it easy to construct the layer name from an index value.
/////////////////////////////////////////////////////////////
///////////////////
function changeFlower(n) {
        hideAllflowerLayers();
        document.layers["flower" + n].visibility = "inherit";
}               
</SCRIPT>