Código Javascript :
<div id='plano_cordoba'>
<div class='menubox'></div>
</div>
<br/><br/>
<script type='text/javascript'>
$(document).ready(function(){
$("#enviar-form").click(function(event){
$("form").submit();
});
});
</script>
<script type='text/javascript'>
var municipios = <?=json_encode($muns)?>;
$(document).ready(function(){
// Plano
var plano = $("#plano_cordoba");
var menu = plano.find("div.menubox");
plano.css({
'position': 'relative',
"margin": "0 auto",
"width": "600px",
"height": "649px",
"background": "transparent url('pub/img/planos/plano_nombres_600x649.png') no-repeat 0 0"
});
for(var id_municipio in municipios){
// Como están agrupadas por municipio, puede haber más de una por municipio
var municipio = municipios[id_municipio];
// Agrego el boton con el municipio
var img = $("<img src='pub/img/dot.png' style='display: none; display: inline-block;'/>");
img.css({ position: 'absolute', top: municipio.py_600 + 'px', left: municipio.px_600 + 'px', cursor: 'pointer' });
img.data('municipio', municipio);
plano.append(img);
img.show();
img.attr('title', '<b>' + municipio.descripcion + '</b>');
img.click(function(e){
e.preventDefault;
var mun = $(this).data('municipio');
location.href = 'index.php?c=promociones&m=buscar&id_municipio=' + mun.id;
});
}
plano.mouseup(function(e){
if( menu.css('display') != 'none' )
menu.hide();
});
});
</script> 
