*Copy the entire text below onto your page. Place it under you <BODY> Tag. The only thing you have to do is make sure you change the <change.html> to the URL you want it to be. Add text to the <off.gif> buttons. 
This image is for the screen <j1boff.gif>, I included 5 blank images so you can type what you want on it. Name each one like this j1doff.gif, j1eoff.gif.
 Your first one should be j1doff.gif. Included in the zip are the dark and light colored background pieces. Also you may need to change the image src to where your graphics
are saved at.
  If you have any questions please let me know.  email:  webmaster@webcorpfx.com  *



<SCRIPT language="javascript">

<!--

var ns = false; 
var browser = navigator.userAgent.substring(0,9);       
if (browser == "Mozilla/3" || browser == "Mozilla/4") ns=true;

var imgs = new Array();
var count=0;

function loadimg (filename, width, height)

{
     if(!ns)return;
     imgs[count] = new Image (width,height);
     imgs[count].src = filename;
     count++;
}

loadimg("but1on.gif",150,35);
loadimg("but2on.gif",150,40);
loadimg("but3on.gif",150,39);
loadimg("but4on.gif",150,39);
loadimg("but5on.gif",151,38);

loadimg("j1bon.gif",151,32);


var buttons = new Array ("but1","but2","but3","but4","but5");

var msgfiles = new Array ("j1doff.gif","j1eoff.gif","j1foff.gif","j1goff.gif","j1hoff.gif");

function on(num)
{
     if (!ns)return;
     document.images[buttons[num-1]].src = buttons[num-1]+"on.gif";
     document.screen1.src = msgfiles[num-1];
     }

function off(num)
{ 
     if (!ns)return;
     document.images[buttons[num-1]].src = buttons[num-1]+"off.gif";
     document.screen1.src = "j1bon.gif";
    }

//-->


</SCRIPT>



<center>

<td valign="top" TABLE WIDTH="150" BORDER="0" CELLSPACING="0" CELLPADDING="0">
        <table border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3"><img src="wcj1a.gif"></center></TD></TR>

        <TR><td><img name="screen1" width="150" height="32" border="0" src="j1bon.gif"></td></TR>

        <TR><TD><center><img src="j1c.gif"></center></TD></TR>

        <tr><td colspan="3"><A HREF="change.html" onMouseOver="on(1);" onMouseOut="off(1);"><IMG SRC="but1off.gif" NAME="but1" BORDER=0 HEIGHT=35 WIDTH=150 ALT="You Can Put Any.HTML In Here"></A></td></tr>

        <tr><td colspan="3"><A HREF="change.html" onMouseOver="on(2);" onMouseOut="off(2);"><IMG SRC="but2off.gif" NAME="but2" BORDER=0 HEIGHT=40 WIDTH=150 ALT="You Can Put Any.HTML In Here"></A></td></tr>

        <tr><td colspan="3"><A HREF="change.html" onMouseOver="on(3);" onMouseOut="off(3);"><IMG SRC="but3off.gif" NAME="but3" BORDER=0 HEIGHT=39 WIDTH=150 ALT="You Can Put Any.HTML In Here"></A></td></tr>

        <tr><td colspan="3"><A HREF="change.html" onMouseOver="on(4);" onMouseOut="off(4);"><IMG SRC="but4off.gif" NAME="but4" BORDER=0 HEIGHT=39 WIDTH=150 ALT="You Can Put Any.HTML In Here"></A></td></tr>

        <tr><td colspan="3"><A HREF="change.html" onMouseOver="on(5);" onMouseOut="off(5);"><IMG SRC="but5off.gif" NAME="but5" BORDER=0 HEIGHT=39 WIDTH=150 ALT="You Can Put Any.HTML In Here"></A></td></tr>

        <TR><TD><center><img width="150" height="33" src="wcj1i.gif"></center>
</td>
</tr>
</table>
