codice:
	<HTML>
<HEAD>
<TITLE>Mappa</TITLE>
<SCRIPT LANGUAGE="JavaScript"> 	//Define global variables
 	var totalLayersInLoop=5;
	var layerNumShowing=1;
	function init(){
       	  if (navigator.appName == "Netscape") {
		    layerStyleRef="layer.";
 			layerRef="document.layers";
			styleSwitch="";
			}else{
 			layerStyleRef="layer.style.";
			layerRef="document.all";
 			styleSwitch=".style";
			} 	}
	function showLayerNumber(number){
 		var layerNumToShow=number;
		hideLayer(eval('"layer' + layerNumShowing+'"'));
 		showLayer(eval('"layer' + layerNumToShow+'"'));
 		layerNumShowing=layerNumToShow;	 	}
		
	function showPreviousLayer(){
 		var layerNumToShow=layerNumShowing-1;
 		if (layerNumToShow < 1){layerNumToShow=totalLayersInLoop;}
 		hideLayer(eval('"layer' + layerNumShowing+'"'));
 		showLayer(eval('"layer' + layerNumToShow+'"'));
 		layerNumShowing=layerNumToShow; 	}
	function showNextLayer(){
 		var layerNumToShow=layerNumShowing+1;
 		if (layerNumToShow > totalLayersInLoop){layerNumToShow=1;}
 		hideLayer(eval('"layer' + layerNumShowing+'"'));
 		showLayer(eval('"layer' + layerNumToShow+'"'));
 		layerNumShowing=layerNumToShow; 	}
	function showLayer(layerName){
 		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'); 	} 	
	function hideLayer(layerName){
 		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"'); 	} 
 </SCRIPT>
<STYLE TYPE="text/css">
 #layer1 {
	POSITION: absolute;
	Z-INDEX: 10;
	VISIBILITY: hidden;
	LEFT: 695px;
	TOP: 63px;
	width: 185px;
	height: 193px;
}
 #layer2 {
	POSITION: absolute;
	Z-INDEX: 20;
	VISIBILITY: hidden;
	LEFT: 695px;
	TOP: 63px;
	width: 164px;
	height: 12px;
}
 #layer3 {
	POSITION: absolute;
	Z-INDEX: 30;
	VISIBILITY: hidden;
	LEFT: 695px;
	TOP: 63px;
	width: 168px;
	height: 114px;
}
 #layer4 {
	POSITION: absolute;
	Z-INDEX: 20;
	VISIBILITY: hidden;
	LEFT: 695px;
	TOP: 63px;
	width: 78px;
	height: 35px;
}
 #layer5 {
	POSITION: absolute;
	Z-INDEX: 20;
	VISIBILITY: hidden;
	LEFT: 695px;
	TOP: 63px;
	width: 77px;
	height: 15px;
}
 #loopControls {POSITION: absolute; Z-INDEX: 40; VISIBILITY: visible; LEFT: 420px; TOP: 139px;}
  </STYLE>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</HEAD>
<BODY bgcolor="white"   onLoad="init()">
Posiziona il mouse sulla provincia di interesse e clicca su uno dei Presìdi 
in elenco
<DIV ID="layer1" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">»</font> 
  <font size="1">Bari (Dolceamaro)
  <font color="#990000">»</font> Bari (Granteatrino)
  <font color="#990000">»</font> Bari (Mago Girò)
  <font color="#990000">»</font> Bitritto-Bitetto-Sannicandro
  <font color="#990000">»</font> <a href="viewlink.php?url=castellana">Castellana 
  Grotte</a>
  <font color="#990000">»</font> Conversano
  <font color="#990000">»</font> Corato
  <font color="#990000">»</font> Giovinazzo
  <font color="#990000">»</font> Molfetta
  <font color="#990000">»</font> Monopoli
  <font color="#990000">»</font> Noicattaro
  <font color="#990000">»</font> Polignano a mare
  <font color="#990000">»</font> Santeramo in colle
  <font color="#990000">»</font> Terlizzi
  <font color="#990000">»</font> Triggiano</font></font> </DIV>
<div id="layer2" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">»</font> 
  <font size="1">San Giovanni Rotondo</font></font> 
</div>
<DIV ID="layer3" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">»</font> 
  <font size="1">Lecce
  <font color="#990000">»</font> <a href="viewlink.php?url=lecce">Lecce 
  (Fondo Verri)</a>
  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font> 
  </font>Calimera
  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font> 
  </font>Casarano
  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font> 
  </font>Casarano (Senza Frontiere)
  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font> 
  </font>San Cesario
  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font> 
  </font>San Donato
  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font> 
  </font>Sannicola
  <font face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000">»</font> 
  </font>Taviano</font>
  </font> </DIV>
<DIV ID="layer4" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">»</font> 
  <font size="1">Manduria</font>
  </font> </DIV>
<DIV ID="layer5" > <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#990000" size="1">»</font> 
  <font size="1">Fasano</font>
  </font> </DIV>
<div align="left">[img]images/puglia.jpg[/img] 
  
  
  
  
  
  <map name="Map">
    <area shape="poly" coords="214,151" href="#">
    <area shape="poly" coords="123,85,135,90,146,92,162,97,179,101,208,112,220,118,226,124,227,129,227,135,223,146,215,150,207,151,198,150,188,151,181,154,174,155,166,151,158,153,150,153,146,159,141,155,131,147,126,137,114,134,104,135,104,124,102,116,97,110,90,108,115,86" onmouseover="showLayerNumber(1)">
    <area shape="poly" coords="48,11,62,9,76,11,93,7,102,6,108,9,112,17,114,25,108,33,101,38,89,51,89,62,97,67,104,74,112,78,108,84,102,91,97,96,90,102,85,108,73,111,61,115,52,117,39,115,32,110,32,95,28,91,21,92,15,80,9,70,4,62,5,54,16,37,16,26,17,15" onmouseover="showLayerNumber(2)">
    <area shape="poly" coords="235,133,245,140,258,145,268,149,286,153,294,162,299,171,291,179,284,186,274,186,258,182,251,178,247,173,234,144,230,145" onmouseover="showLayerNumber(5)">
    <area shape="poly" coords="172,164,173,184,181,189,189,193,197,185,204,180,213,180,218,182,222,189,226,196,242,198,253,201,265,202,270,200,268,190,256,184,245,174,241,165,236,156,232,149,196,153,175,158" onmouseover="showLayerNumber(4)">
    <area shape="poly" coords="302,180,315,180,325,185,333,194,341,205,346,216,346,226,338,234,338,242,339,253,337,262,329,258,315,254,305,246,299,240,297,222,293,213,287,205,282,201,277,197,277,191" onmouseover="showLayerNumber(3)">
  </map>
</div>
</body>
</html>