<html>
<!-- BEGIN WEBMAIL STATIONERY -->
<head></head>
<body>
<!-- WEBMAIL STATIONERY noneset -->
<DIV>All,</DIV>
<DIV> </DIV>
<DIV>Any help woul dbe great.</DIV>
<DIV> </DIV>
<DIV>I have this row of images. The functionality I have working is that <BR>each tabbed image is grayed out and changes to a colorized version of <BR>the same tab after you click on the tab. What I can't figure out is <BR> how to get the first image to show<BR>the colorized version by default when the page loads and the turn off <BR> as the user clicks on the other tabs. <BR> <BR> Should I add to the <body tag with an onload = ??? But I not sure <BR> what I should write. Any suggestions would be very helpful.<BR> <BR> <BR> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <BR> "<A href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</A>"><BR> <html xmlns="<A href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</A>"><BR> <head><BR> <meta http-equiv="Content-Type" content="tex
t/html
; <BR> charset=iso-8859-1" /><BR> <title>Untitled Document</title><BR> <BR> <script language="JavaScript"><BR> <!--<BR> function MM_preloadImages() { //v3.0<BR> <BR> var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();<BR> <BR> var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.<BR> length; i++)<BR> <BR> if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].<BR> src=a[i];}}<BR> }<BR> <BR> function MM_swapImgRestore() { //v3.0<BR> <BR> var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) <BR> x.src=x.oSrc;<BR> }<BR> <BR> function MM_findObj(n, d) { //v4.01<BR> <BR> var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.<BR> length) {<BR> <BR> d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}<BR> <BR
> if(!
(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) <BR> x=d.forms[i][n];<BR> <BR> for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.<BR> layers[i].document);<BR> <BR> if(!x && d.getElementById) x=d.getElementById(n); return x;<BR> }<BR> <BR> function MM_swapImage() { //v3.0<BR> <BR> var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; <BR> for(i=0;i<(a.length-2);i+=3)<BR> <BR> if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.<BR> oSrc=x.src; x.src=a[i+2];}<BR> }<BR> <BR> function MM_showHideLayers() { //v6.0<BR> <BR> var i,p,v,obj,args=MM_showHideLayers.arguments;<BR> <BR> for (i=0; i<(args.length-2); i+=3) if <BR> ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];<BR> <BR> if (obj.style) { obj=obj.style; <BR> v=(v=='show')?'visible':(v=='hide')?'hidden':v; }<BR> &n
bsp;&n
bsp;<BR> obj.visibility=v; }<BR> }<BR> //--><BR> </script><BR> <body <BR> onload="MM_preloadImages('/Recipes/images/recipecards/breads_tab_top.<BR> gif','../images/recipecards/breakfasts_tab_top.gif','..<BR> /images/recipecards/maindishes_tab_top.gif',<BR> '/Recipes/images/recipecards/breakfasts_tab_top.gif',<BR> '/Recipes/images/recipecards/maindishes_tab_top.gif','..<BR> /images/recipecards/smoothies_tab_top.gif','..<BR> /images/recipecards/desserts_tab_top.gif','..<BR> /images/recipecards/salads_tab_top.gif','..<BR> /images/recipecards/soups_tab_top.gif')"><BR> <BR> </head><BR> <BR> <body><BR> <div id="triggers" style="position:absolute; left:188px; top:530px; <BR> width:560px; z-index:8;; visibility: visible"><BR> <BR> <table border="0" cellspacing="0" cellpadding="0"><BR> <BR> <tr><BR> <BR> &l
t;td&g
t;<img src="/Recipes/images/recipecards/breads_tab_top_gray.gif" <BR> width="79" height="24" name="breads" usemap="#breadsMap" <BR> border="0"></td><BR> <BR> <td><img src="/Recipes/images/recipecards/breakfasts_tab_top_gray.gif" <BR> width="80" height="24" name="breakfasts" usemap="#breakfastsMap" <BR> border="0" ></td><BR> <BR> <td><img src="/Recipes/images/recipecards/maindishes_tab_top_gray.gif" <BR> width="80" height="24" border="0" name="maindishes" <BR> usemap="#maindishesMap"></td><BR> <BR> <td><img src="/Recipes/images/recipecards/smoothies_tab_top_gray.gif" <BR> width="80" height="24" name="smoothies" border="0" <BR> usemap="#smoothiesMap"></td><BR> <BR> <td><img src="/Recipes/images/recipecards/desserts_tab_top_gray.gif"&
nbsp;<
BR> width="80" height="24" border="0" name="desserts" <BR> usemap="#dessertsMap"></td><BR> <BR> <td><img src="/Recipes/images/recipecards/salads_tab_top_gray.gif" <BR> width="80" height="24" border="0" name="salads" <BR> usemap="#saladsMap"></td><BR> <BR> <td><img src="/Recipes/images/recipecards/soups_tab_top_gray.gif" <BR> width="80" height="24" name="soups" border="0" <BR> usemap="#soupsMap"></td><BR> <BR> </tr><BR> <BR> </table><BR> </div><BR> <map name="breakfastsMap"><BR> <BR> <area shape="rect" coords="0,-3,124,21" href="#recipetabs2" <BR> onfocus="MM_swapImgRestore()" onClick="MM_showHideLayers('breadsInfo',<BR> '','hide','breadtabRandom','','show','breakfastsInfo','','show',<BR> 'breakfaststabRandom','','show','dessertsInfo','','hide',<BR> 'desser
tstabR
andom','','hide','maindishesInfo','','hide',<BR> 'maindishestabRandom','','hide','saladsInfo','','hide',<BR> 'saladstabRandom','','hide','smoothiesInfo','','hide',<BR> 'smoothiestabRandom','','hide','soupsInfo','','hide','soupstabRandom',<BR> '','hide');MM_swapImage('breakfasts','',<BR> '/Recipes/images/recipecards/breakfasts_tab_top.gif',1)"><BR> </map><BR> </body><BR></html></DIV>
<!-- END WEBMAIL STATIONERY -->
</body>
</html>