I am having an issue with firefox and show-hide layers. It just won't work in FF and it's making me crazy. Is there an easy fix with the code?

Here is the javascript generated by Dreamweaver:

<script language="JavaScript">
function getCookie(NameOfCookie){
    if (document.cookie.length > 0) {
    begin = document.cookie.indexOf(NameOfCookie+"=");
    if (begin != -1) {
      begin += NameOfCookie.length+1;
      end = document.cookie.indexOf(";", begin);
      if (end == -1) end = document.cookie.length;
        return unescape(document.cookie.substring(begin, end));
    }
  }
  return null;
} 

function setCookie(NameOfCookie, value, expiredays) {
var ExpireDate = new Date ();
ExpireDate.setTime(ExpireDate.getTime() + (expiredays * 24 * 3600 * 1000)); 

  document.cookie = NameOfCookie + "=" + escape(value) +
  ((expiredays == null) ? "" : "; expires=" + ExpireDate.toGMTString());
} 

function delCookie (NameOfCookie) {
  if (getCookie(NameOfCookie)) {
    document.cookie = NameOfCookie + "=" +
    "; expires=Thu, 01-Jan-70 00:00:01 GMT";
  }
} 

function checkIt()
{
 visited=getCookie('visited');
  if (visited==null)
 {
setCookie('visited','yes',180)
Hide('L1','','hide')
 }
}
</script>
<script language="JavaScript">
<!--
function GetObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=GetObj(n,d.layers[i].document); return x;
}

function Hide() {
  var i,p,v,obj,args=Hide.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=GetObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v;
   setTimeout("Show('L1','','show')", 3000);
		}
}

function MyObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MyObj(n,d.layers[i].document); return x;
}

function Show() {
  var i,p,v,obj,args=Show.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MyObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v;
 }
}
function NewObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=NewObj(n,d.layers[i].document); return x;
}

function HideIt() {
  var i,p,v,obj,args=HideIt.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=GetObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v;
		}
}

//-->
</script>

To make things easier, I would appreciate it greatly if someone with Dreamweaver (above version 3) could create a show/hide layer using onClick, then just post me the javascript code. I know later versions of Dreamweaver are compatible with FireFox, I just can't afford a new version at this time. Thanks!

you don't need DW to create javascript functions at all.

I find it much quicker and get FAR more efficient code to write from something scratch.

function toggle(eleID) {
var e = document.getElementById(eleID).style;
     if (e.display == "block") {
         e.display = "none";
         e.visibility = "hidden";
     } else {
         e.display = "block";
         e.visibility = "visible";
      }
}

Not tested BTW just bashed out at the keyboard.

to use = onclick="toggle("elementID");"