interaktivna mapa?

Code:

<div style="position: relative">
    <div style="position: absolute; left: 0; top: 0; width:200; height:200">
        <img src="mapa.gif" width="200" height="200">
    </div>

    <div id="marker_1" style="position: absolute; left: 50; top: 40; width:5; height:5; visibility:  hidden;">
        <img src="marker.gif" width="5" height="5">
    </div>

....
..
</div>

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Interaktivna mapa</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

<script language="JavaScript" type="text/JavaScript">

// definisemo kordinate markera na mapi  <<<<<<<<<<<<<<<<<<<<<<<
markers = new Array(new Array(220,140),
                        new Array(265,75), 
                        new Array(21,20),
                        new Array(245,123),
                        new Array(150,123)); 

function show(id){
    for(i=0;i<markers.length;i++){
        toggleVisibility('marker_'+i, 'hidden', 'hidden', 'hidden')
    }
    
        toggleVisibility('marker_'+id, 'visible', 'visible', 'visible')
        
}

function toggleVisibility(id, NNtype, IEtype, W3Ctype) {
    if (document.getElementById) {
        eval("document.getElementById(id).style.visibility = \"" + W3Ctype + "\"");
    } 
    else {
        if (document.layers) {
        document.layers[id].visibility = NNtype;
        }
        else {
            if (document.all) {
                eval("document.all." + id + ".style.visibility = \"" + IEtype + "\"");
            }
        }
    }
}

</script>

</head>

<body>
<div style="position: relative">
   
  <div style="position: absolute; left: 0; top: 0; width:399; height:315"> 
      <img src="mapa.jpg" width="399" height="315"> 
        <a href="javascript:show(0);">Beograd</a> 
        <a href="javascript:show(1);">Pancevo</a> 
        <a href="javascript:show(2);">marker 3</a> 
        <a href="javascript:show(3);">marker 4</a> 
        <a href="javascript:show(4);">marker 5</a> 
 </div>
    
    <script language="JavaScript" type="text/JavaScript">
        for(i=0;i<markers.length;i++){
           document.write("<div id=\"marker_" + i + "\" style=\"position: absolute; left: " + markers[i][0] + " ; top: " + markers[i][1] + " ; width:20; height:20; visibility:  hidden;\">");
           document.write("<img src=\"marker.gif\" width=\"20\" height=\"20\">");
           document.write("</div>");
       }
    </script>

</div>


</body>
</html>