Need help with this script.

I created this code with the exception of some help with the pros of this site. What I need is on each sub link no matter where the user presses, so long as on the same line it will link to the page on the word. Another feature I am trying to add to this is a feature in which the mouse moves out of the range it should hide the box. Just cut and paste this to your editor and run you will see what I am talking about. Thank you for your time.


<style type="text/css"> <!--
.submenuStyle {
   position: absolute;
   visibility: hidden;
}
.menuStyle {
    visibility: visable;
}
.m
{
   FONT-SIZE: 12;
   COLOR: #444444;
   FONT-FAMILY: Arial;
   font style: BOLD;
   TEXT-DECORATION: none
}
//--></style>

<script language="JavaScript"><!--

  // How many pixels to adjust down:
 var steps = 20;
 // How many total items untill the table is splits:
 var split = 10;
 // How many pixels to adjust left:
 var rsteps = 6;
 
 
 // Try these for vertical menus:
 // var steps = -6;
 // How many total items untill the table is splits:
 // var split = 200     ;
 // How many pixels to adjust left:
 // var rsteps = -74;

// Create new main array.
var menuitems =      [["popup:email_cdo.asp", "Add Message", "StaffEmail.asp", "View Email","faxlogin.asp","Fax Center"],
                               ["staffemployeebook.asp", "Employee Phone Book","Staffeditprofile.asp", "Edit Profile"],
                               ["HTTP://SEF.MLXCHANGE.COM", "MLS", "HTTP://MIAMIRE.COM", "Board of Realtors", "StaffFinancial.asp", "Financial Calculator", "staffzipform.asp","Create Contract"],
                             ["Staffviewofficelisting.asp", "Office Listings","staffaddofficelisting.asp", "Add Office Listing"],
                   ["staffaddtransaction.asp","Add Transaction","staffviewactive.asp?ID=Active", "Active Pipeline", "staffviewactive.asp?ID=Closed", "Closed Pipeline", "staffviewactive.asp?ID=Dropped", "Dropped Pipeline", "StaffTransactionreport.asp", "Report"],
                        ["popup:staffaddlead.html", "Add Lead","staffleadviewer.asp", "Office Leads", "StaffMyleadviewer.asp", "My Leads", "popup:Staffaddmylead.html","Add My Lead"]]

//LIST ITEMS YOU WANT TO OPEN UP IN A NEW WINDOW HERE
var newWin=new Array("HTTP://SEF.MLXCHANGE.COM","MLS","HTTP://MIAMIRE.COM", "Board of Realtors");

//Generate Span Layers
function generate_layers()
{
  newWin="|"+newWin.join("|")+"|";
 var x=0;
  browser_type = navigator.appName;

  for (x=0; x< menuitems.length; x++)
       {
          if (browser_type ==  "Microsoft Internet Explorer") {
          document.writeln ('<div id=submenu'+ (x+1)  +' name=submenu'+ (x+1)  +' class=submenuStyle style="z-index:1;">');
         }
         else {
         document.writeln ('<div id=submenu'+ (x+1)  +' name=submenu'+ (x+1)  +' class=submenuStyle>');
         }          
         document.writeln ('<table border=1 bgcolor=#ffffff bordercolor=#89AE79 cellspacing=0 cellpadding=5><tr><td valign=top>')
          var intmaxsplit = 50
              if ((menuitems[x].length/5) > (split/2)) {
               var intmaxsplit = (menuitems[x].length/2)
               if  (((intmaxsplit) % 2) == 0.5) {var intmaxsplit = intmaxsplit + 1;}
               }

             for (xx=0; xx< menuitems[x].length; xx++)
            {
             
                  if (browser_type ==  "Microsoft Internet Explorer") {
              document.writeln ('<TABLE width=114 border=0 cellspacing=0 cellpadding=0><TR>')
              document.writeln ('<TD style=width:100%;  onMouseover=this.style.backgroundColor="#89AE79"; onMouseout=this.style.backgroundColor="";>')
                  if(menuitems[x][xx].match("popup:"))
                    {
                         document.writeln ('<a  href=# onclick=\'window.open("'+menuitems[x][xx].split("popup:")[1]+'","","width=530,height=460");return false;\' class=m>');                    
                    }
                    else
                    {
                         document.writeln ('<a href = ' + menuitems[x][xx] + ' class=m'+(newWin.indexOf('|'+menuitems[x][xx+1]+'|')!=-1?' target=blank':'')+'>');              
                    }
                 
              document.writeln ('' + menuitems[x][xx+1] + '</a><br>');
              document.writeln ('</TD></TR></TABLE>');
               }
              else {
              document.writeln ('<a href = ' + menuitems[x][xx] + ' class=m >');
              document.writeln ('' + menuitems[x][xx+1] + '</a><br>');
              }
            xx = xx +1
             if ((xx) > intmaxsplit - 2) { document.writeln('</td><td valign=top>')
              var intmaxsplit = 500
             }  
            }
         document.writeln ('<br>');
          document.writeln ('</td></tr></table></div>');  
           }
      }
generate_layers();

if (browser_type == "Netscape" && (browser_version >= 4) && navigator.platform.indexOf("Mac") >= 0) { var steps = steps - 20 }

function getAnchorPosition(anchorname) {
    var useWindow = false;
    var coordinates = new Object();
    var x=0;
    var y=0;
    var w_gebi = false;
    var w_css = false;
    var w_layers = false;
    if (document.getElementById) { w_gebi = true; }
    else if (document.all) { w_css = true; }
    else if (document.layers) { w_layers = true; }

     if (w_gebi && document.all) {
         x = AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
         y = AnchorPosition_getPageOffsetTop(document.all[anchorname]);
         }
    else if (w_gebi) {
         var o = document.getElementById(anchorname);
         x = o.offsetLeft;
         y = o.offsetTop;
         }
     else if (w_css) {
         x = AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
         y = AnchorPosition_getPageOffsetTop(document.all[anchorname]);
         }
    else if (w_layers) {
         var found=0;
         for (var i=0; i<document.anchors.length; i++) {
              if (document.anchors[i].name == anchorname) {
                   found=1;
                   break;
                   }
              }
         if (found == 0) {
              coordinates.x=0; coordinates.y=0; return coordinates;
              }
         x = document.anchors[i].x;
         y = document.anchors[i].y;
         }
    else {
         coordinates.x=0; coordinates.y=0; return coordinates;
         }
    coordinates.x = x;
    coordinates.y = y;
    return coordinates;
    }




function AnchorPosition_getPageOffsetLeft (el) {
    var ol = el.offsetLeft;
    while ((el = el.offsetParent) != null) {
          ol += el.offsetLeft;
          }
    return ol;
    }
function AnchorPosition_getWindowOffsetLeft (el) {
    var scrollamount = document.body.scrollLeft;
    return AnchorPosition_getPageOffsetLeft(el)-scrollamount;
    }    
function AnchorPosition_getPageOffsetTop (el) {
    var ot = el.offsetTop;
    while((el = el.offsetParent) != null) {
          ot += el.offsetTop;
          }
    return ot;
    }

function AnchorPosition_getWindowOffsetTop (el) {
    var scrollamount = document.body.scrollTop;
    return AnchorPosition_getPageOffsetTop(el)-scrollamount;
    }

function removeall() {
    for(i = 1; i <= menuitems.length; i++) { remove(i);  }
}

function show(object) {

    var c = getAnchorPosition(object.replace(/submenu/, "menu"));
    if (c.x < 1) { c.x = 31; }
    if (c.y < 1) { c.y = 155; }
   
     
   if (document.getElementById && document.getElementById(object) != null) {
       document.getElementById(object).style.top=c.y + steps+"px";
       document.getElementById(object).style.left= c.x - rsteps+"px";
       node = document.getElementById(object).style.visibility='visible';
       document.body.onclick= removeall;
   }
   else if (document.layers && document.layers[object] != null) {
          document.layers[object].visibility = 'visible';
          document.layers[object].top = c.y + steps;
          document.layers[object].left = c.x - rsteps;
          document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN);
          document.onmousedown = removeall;
          }
   else if (document.all)
       {
       document.all[object].style.visibility = 'visible';
       document.all[object].style.pixelTop = c.y + steps;
         document.all[object].style.pixelLeft = c.x - rsteps;
         document.body.onclick= removeall;
         }

    var id = object.replace(/submenu/, "");
    for(i = 1; i <= menuitems.length; i++)
    {
         if  (i != id) {
         remove(i);
         }
    }
    var c = null
}


function removeall() {
    for(i = 1; i <= menuitems.length; i++) { remove(i);  }
}



function remove(id) {
   
     if (document.getElementById && document.getElementById('submenu'+id) != null) {
       node = document.getElementById('submenu'+id).style.visibility='hidden';
   }
   else if (document.layers && document.layers['submenu'+id] != null) {
          document.layers['submenu'+id].visibility = 'hidden';
          }
   else if (document.all)
       {
       document.all['submenu'+id].style.visibility = 'hidden';
         }
}

//--></script>

                   <body bgcolor="#F4F8E1">

                   <table width="760" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border-collapse: collapse" bordercolor="#111111">
                        <tr>
<span align="center">
                     <td>
         <table border="1" cellpadding="0" cellspacing="0"
          style="border-collapse: collapse" bordercolor="#000000" width="760" bgcolor="#89AE79">
              <tr><td>
                   <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                        <tr>
<span align="center">
                     <td bordercolor="#89AE79">
         <table border="1" cellpadding="0" cellspacing="0"
          style="border-collapse: collapse" bordercolor="#89AE79" width="760">
              <tr><td>
                   <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                        <tr>
                        <td width="50%">
                             <img border="0" src="ima\logo1.jpg" width="171" height="73">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                             <font face="Arial" size="2">&nbsp;<b><span align="center"><span ID="linktext0"><a href= "staffmainpage.asp?"><font color="#000000">Home</font></a></span></span></b></font></td>
                        <td width="50%">
<span align="center">
                             <p align="center">
                             <b><font size="2" face="Arial" color="#444444">Welcome
                        to the CTVO<br>
                       </font>
                       <font face="Arial" color="#444444" style="font-size: 9pt">
                       CT's&nbsp; Virtual Office©</font></b></span></td>
                        </tr>
                   </table>
              </td></tr>
         </table>
    </td>

</span>

                   </tr>
                   </table>
              </td></tr>
         </table>
    </td>

</span>

                   </tr>
                   </table>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="760" id="AutoNumber1" height="23">
<tr>
<td height="23">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="760" id="AutoNumber1" height="22">
    <tr>
<td width="132" height="22"><b><font size="2" color="#444444">&nbsp; <a onMouseOver="show('submenu1')" class="m" id="menu1" name="menu1">
<font size="2">Message Center</font></a></font></b></td>
<td width="124" height="22"><b><a onMouseOver="show('submenu2')" class="m" id="menu2" name="menu2"><font size="2" color="#444444">Employee Center</font></a></b></td>
<td width="116" height="22"><b><a onMouseOver="show('submenu3')" class="m" id="menu3" name="menu3"><font size="2" color="#444444">Realtor Tools</font></a></b></td>
<td width="87" height="22"><b><a onMouseOver="show('submenu4')" class="m" id="menu4" name="menu4"><font size="2" color="#444444">Listings</font></a></b></td>
<td width="166" height="22"><b><a onMouseOver="show('submenu5')" class="m" id="menu5" name="menu5"><font size="2" color="#444444">Manage
Transactions</font></a></b></td>
<td width="125" height="22"><b><a onMouseOver="show('submenu6')" class="m" id="menu6" name="menu6"><font size="2" color="#444444">Lead Center</font></a></b></td>
    </tr>
    </table>
</td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0"
style="border-collapse:collapse;color=#444444;font-size=12;font-family=Arial;font-weight=bold"
width="760" bgcolor="#BED9C4" bordercolor="#BED9C4" height="1">
    <tr>
<span align="center">
<span ID="linktext">
    <td width="630" height="16" align="left" bgcolor="#89AE79">
    <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <font color="#000000">&nbsp;&nbsp;&nbsp; </font></td>
    </span>

</span>

    </tr>
</table>