I am new to javascript, but not new to logic. I am imbarrased to say I've been trying to figure out this seemingly simple problem for, well, days... I appologize in advance for missing what is probably the obvious, but thank you for any help you can offer. I've created two simple files to demonstrate what I'm trying to do. http://www.vegasrooms.com/ssi/mockup1.htm and http://www.vegasrooms.com/ssi/mockup2.htm. The mockup1.htm file proves what I'm trying to do works (if you try it, click on the tabs at will...you'll see). mockup2.htm then uses onLoad="toggle(1)" in the body tag to set the initial state. If you run it you'll notice mockup2.htm does not work, I've tried a zillion variations to the script and onLoad command. My thinking is I'm not defining the global variables right...because the toggle function goes haywire too. I'll past mockup2.htm. The only difference is the <body onLoad="toggle()":> tag. Hopefully, you'll see something obvious. Thank you so much! Here's mockup2.htm: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <TITLE>mockup test</TITLE> <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"> <link rel="StyleSheet" media="all" type="text/css" href="/site4.css"> <script language="javascript" type="text/javascript" src="/ssi/assets/js/Exp-Col.js"></script> <script language="javascript" type="text/javascript" src="/ssi/assets/js/Eon-off.js"></script> </head> <body onLoad="toggle(1)"> <table border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td></td> <td align="center" valign="bottom"> <a href="javascript:void(0);" onClick="toggle(1);"><img id="LDD" src="/ssi/assets/searchMenuTabs/bestTabOn.jpg" border="0"></a> </td> <td title="All Discount Las Vegas Hotels" align="center" valign="bottom"> <a href="javascript:void(0);" onClick="toggle(2);"><img id="DLD" src="/ssi/assets/searchMenuTabs/listTabOff.jpg" border="0"></a> </td> <td title="Vegas hotel packages" align="center" valign="bottom"> <a href="javascript:void(0);" onClick="toggle(3);"><img id="DDL" src="/ssi/assets/searchMenuTabs/packagesTabOff.jpg" border="0"></a> </td> <td></td> <td></td> </tr> <tr align="center" valign="middle"> <td width="9" align="left" valign="top" class="bgrdimg"><img src="/common/images/left9.gif" width=9 height=9 alt=""></td> <td colspan="3" class="bgrdimg"></td> <td align="right" valign="top" class="bgrdimg"><img src="/common/images/right9.gif" width=9 height=9 alt=""></td> <td></td> </tr> <tr align="center" valign="middle"> <td rowspan="4" class="bgrdimg"></td> <td colspan="3" align="center" valign="top" class="bgrdimg" height="1"></td> <td rowspan="4" class="bgrdimg"></td> <td width="6" height="4" rowspan="4" align="right" valign="top" class="shadow"><img src="/common/images/right9.gif" width="4" alt=""></td> </tr> <tr align="center" valign="middle"> <td colspan="3" align="center" valign="top" class="bgrdimg" height="1"> <div id="I0SXE1SXC" par="I0SXE1SXP" class="SXC0"> pane 1 </div> </td> </tr> <tr align="center" valign="middle"> <td colspan="3" align="center" valign="top" class="bgrdimg" height="1"> <div id="I0SXE2SXC" par="I0SXE2SXP" class="SXC0"> pane2 </div> </td> </tr> <tr align="center" valign="middle"> <td colspan="3" align="center" valign="top" class="bgrdimg" height="1"> <div id="I0SXE3SXC" par="I0SXE3SXP" class="SXC0"> pane3 </div> </td> </tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td height="4" bgcolor="#FFFFFF"></td> <td colspan="5" bgcolor="#FFFFFF" class="shadow"></td> </tr> </table> <br> <script language="javascript" type="text/javascript"> state1=0; state2=0; state3=0; </script> <script language="javascript" type="text/javascript"> function toggle(which) { if (which==1){ if (state1==1) return; else{ state1=1; p06(null,0,1); LDD.src = "/ssi/assets/searchMenuTabs/bestTabOn.jpg"; if (state2==1) p06(null,0,2); state2=0; DLD.src = "/ssi/assets/searchMenuTabs/listTabOff.jpg"; if (state3==1) p06(null,0,3); state3=0; DDL.src = "/ssi/assets/searchMenuTabs/packagesTabOff.jpg"; return; } } if (which==2){ if (state2==1) return; else{ state2=1; p06(null,0,2); DLD.src = "/ssi/assets/searchMenuTabs/listTabOn.jpg"; if (state1==1) p06(null,0,1); state1=0; LDD.src = "/ssi/assets/searchMenuTabs/bestTabOff.jpg"; if (state3==1) p06(null,0,3); state3=0; DDL.src = "/ssi/assets/searchMenuTabs/packagesTabOff.jpg"; return; } } if (which==3){ if (state3==1) return; else{ state3=1; p06(null,0,3); DDL.src = "/ssi/assets/searchMenuTabs/packagesTabOn.jpg"; if (state1==1) p06(null,0,1); state1=0; LDD.src = "/ssi/assets/searchMenuTabs/bestTabOff.jpg"; if (state2==1) p06(null,0,2); state2=0; DLD.src = "/ssi/assets/searchMenuTabs/listTabOff.jpg"; return; } } } </script> </BODY> </html> Thanks again!! *it's 9PM Sat night -- am I obsessed or what?!