popLayer()

On my band’s site, [URL=http://www.aftertheinsanity.tk]http://www.aftertheinsanity.tk[/URL], I have a table that pops up when you hover over a nav link. Is it possible to do this with an image and an image map? Because when I try it, I dont get an error, but nothing shows up.

Heres the code I’m using:

[CODE][code=php]
<script language=”Javascript”>
if (document.layers) {navigator.family = “nn4”}
if (document.all) {navigator.family = “ie4”}
if (window.navigator.userAgent.toLowerCase().match(“gecko”)) {navigator.family = “gecko”}

descarray = new Array(
“<p>1</p>”,
“<p>2</p>”,
“<p>3</p>”,
“<p>4</p>”,
“<p>5</p>”,
“<p>6</p>”,
“<p>7</p>”,
“<p>8</p>”,
“<p>9</p>”,
“<p>10</p>”,
“<p>11</p>”,
“<p>12</p>”,
“<p>13</p>”
);

overdiv=”0″;
function popLayer(a){
if(!descarray[a]){descarray[a]=”<font color=red>This popup (#”+a+”) isn’t setup correctly – needs description</font>”;}
if (navigator.family == “gecko”) {pad=”0″; bord=”1 bordercolor=black”;}
else {pad=”1″; bord=”0″;}
desc = “<table cellspacing=0 cellpadding=”+pad+” border=”+bord+” bgcolor=696969><tr><td>n”
+”<table cellspacing=0 cellpadding=3 border=0 width=100%><tr><td bgcolor=000000><center><font size=-1>n”
+descarray[a]
+”n</td></tr></table>n”
+”</td></tr></table>”;
if(navigator.family ==”nn4″) {
document.object1.document.write(desc);
document.object1.document.close();
document.object1.left=x+15;
document.object1.top=y-5;
}
else if(navigator.family ==”ie4″){
object1.innerHTML=desc;
object1.style.pixelLeft=x+15;
object1.style.pixelTop=y-5;
}
else if(navigator.family ==”gecko”){
document.getElementById(“object1”).innerHTML=desc;
document.getElementById(“object1”).style.left=x+15;
document.getElementById(“object1”).style.top=y-5;
}
}
function hideLayer(){
if (overdiv == “0”) {
if(navigator.family ==”nn4″) {eval(document.object1.top=”-500″);}
else if(navigator.family ==”ie4″){object1.innerHTML=””;}
else if(navigator.family ==”gecko”) {document.getElementById(“object1″).style.top=”-500″;}
}
}

var isNav = (navigator.appName.indexOf(“Netscape”) !=-1);
function handlerMM(e){
x = (isNav) ? e.pageX : event.clientX + document.body.scrollLeft;
y = (isNav) ? e.pageY : event.clientY + document.body.scrollTop;
}
if (isNav){document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
</script>

And on the page:

<div id=”object1″ style=”position:absolute; background-color:FFFFDD;color:black;border-color:black;border-width:20; visibility:show; left:25px; top:-100px; z-index:+1″ onmouseover=”overdiv=1;” onmouseout=”overdiv=0; setTimeout(‘hideLayer()’,1000)”>
</div>
<a href=”index2.html” onMouseOver=”popLayer(0)” onMouseOut=”hideLayer()”>Home</a>
~
<a href=”lyrics.html” onMouseOver=”popLayer(1)” onMouseOut=”hideLayer()”>Lyrics</a>
~
<a href=”mp3s.html” onMouseOver=”popLayer(2)” onMouseOut=”hideLayer()”>MP3s</a>
~
<a href=”pics.html” onMouseOver=”popLayer(3)” onMouseOut=”hideLayer()”>Pictures</a>
~
<a href=”theband.html” onMouseOver=”popLayer(4)” onMouseOut=”hideLayer()”>The Band</a>
~
<a href=”contact.html” onMouseOver=”popLayer(5)” onMouseOut=”hideLayer()”>Contact</a>
~
<a href=”bio.html” onMouseOver=”popLayer(6)” onMouseOut=”hideLayer()”>Bio</a>
~
<a href=”links.html” onMouseOver=”popLayer(7)” onMouseOut=”hideLayer()”>Links</a>
~
<a href=”http://interactives.alxnet.com/cgi-bin/slither/Driver.py/InterActives/Guestbook/Guestbook.render?guestbook_id=4756″ target=”_blank” onMouseOver=”popLayer(8)” onMouseOut=”hideLayer()”>Message Board</a>

ETC…
[/code]

[/CODE]

Also in #JavaScript _↴