$(document).ready(function(){
	$.getJSON('/ajax/places.php', 'letter=' + letter, function(markers) {
		$('#places-map').jmap(markers, {
			center: [45.435896, 12.341054],
			zoom: 13,
			autoZoom:false,
			autoCenter:false,
			
			formatBubble: function(data) {
				var string = '<div style="text-align:left;font-size:11px;"><table cellspacing="0" cellpadding="0" border="0" width="250" style="font-size:11px;"><tbody><tr>';
				if (data[3]) {
					string += '<td><div style="text-align:center;margin-right:6px;"><img src="/photos/' + data[3] + '" alt="Dettagli luogo"/></div></td>';
				}
				string += '<td><div><strong><a href="luogo-' + data[0] + '.htm" style="color:#666;font-size:14px;" title="Dettagli luogo">' + data[1] + '</a></strong></div>';
				string += '<div>' + data[2] + '</div><div>&nbsp;</div>';
				if (data[4]) {
					string += '<div><strong>Fermata A:</strong><br/><i>' + data[4] + '</i></div>';
				}
				if (data[5]) {
					string += '<div><strong>Fermata B:</strong><br/><i>' + data[5] + '</i></div>';
				}
				if (data[6]) {
					string += '<div><strong>Fermata C:</strong><br/><i>' + data[6] + '</i></div>';
				}
				string += '</td></tr></tbody></table></div>';
				return string;
			}
		});
		
		$('a.link_luogo').mouseover(function() {
			var id = $(this).attr('id');
			id = id.replace('luogo_', '');
			markers[id].marker.openBubble();
		});
	});
});