Issue w/ setTimeout

[korinth]

I'm trying to change the visibility of divs on a mouseover event. I have the script working that will do this, but when I try to use it with a setTimeout method, I cannot get it to work. My code is as follows:


function slide(name) {
setTimeout("display(name)", 1000);
}

function display(objname){

var caseNum;

if (objname == document.getElementById("illHeader")) {caseNum = 0;}
if (objname == document.getElementById("webHeader")) {caseNum = 1;}
if (objname == document.getElementById("mainHeader")) {caseNum = 2;}
if (objname == document.getElementById("flashHeader")) {caseNum = 3;}


switch(caseNum){
case 0: document.getElementById("ill").style.display = "block";
document.getElementById("web").style.display = "none";
document.getElementById("main").style.display = "none";
document.getElementById("flash").style.display = "none";
break;
case 1: document.getElementById("web").style.display = "block";
document.getElementById("ill").style.display = "none";
document.getElementById("main").style.display = "none";
document.getElementById("flash").style.display = "none";
break;
case 2: document.getElementById("main").style.display = "block";
document.getElementById("ill").style.display = "none";
document.getElementById("web").style.display = "none";
document.getElementById("flash").style.display = "none";
break;
case 3: document.getElementById("main").style.display = "none";
document.getElementById("ill").style.display = "none";
document.getElementById("web").style.display = "none";
document.getElementById("flash").style.display = "block";
break;
}
}

The html is as follows <div id="whatever" onmouseover="slide(this);">

I know there's probably a simple fix to this that's going to make me feel stupid, but at this point I'm willing to feel stupid as long as it works. Thanks!

[Logician]

I'm trying to change the visibility of divs on a mouseover event. I have the script working that will do this, but when I try to use it with a setTimeout method, I cannot get it to work. My code is as follows:

function slide(name) {
    setTimeout("display(name)", 1000);
}
 

name will be out of scope when display is called, which must be generating an error.
I would pass the id rather than a reference to the element:

<div id="main" onmouseover="slide(this.id);">content</div>

then

function slide(divId)
{
 setTimeout("display('"+divId+"')", 1000);
}

Then display can be simplified to

function display(objId)
{
 var objRef=document.getElementById(objId);
 
 var divIds=["ill","web","main","flash"];
 
 for( var i=0, divRef; i<divIds.length; i++ )
  (divRef=document.getElementById( divIds[i] ) ).style.display = (divRef==objRef ? 'block' : 'none' );
}

I don't recommend the mouseover event for this operation.