// JavaScript Document

$(document).ready( function(){ 
	if($('#json_detalhes').html()){
		var jsonData = eval('('+$('#json_detalhes').html()+ ')');
		monta_mapa(jsonData[0]); 
		//alert($('#json_detalhes').val());
	}
	
});

function monta_mapa(ponto) { 
  if (GBrowserIsCompatible() && ponto.latitude && ponto.longitude) { 
	map = new GMap2(document.getElementById("gmaps_ponto")); 
	map.addControl(new GLargeMapControl());
	//map.addControl(new GMapTypeControl());
	map.addControl(new GHierarchicalMapTypeControl()); 
	map.addControl(new GOverviewMapControl());
	map.setCenter(new GLatLng(ponto.latitude, ponto.longitude), 7); 
	map.setMapType(G_HYBRID_MAP);
	imprime_ponto(ponto);
  } 
} 

function imprime_ponto(ponto){

		var MarkerOptions = new Object();
		if(ponto.latitude && ponto.longitude){
			var point = new GLatLng(ponto.latitude, ponto.longitude); //define lat e long pra criar o marker
			var marker = new GMarker(point, MarkerOptions);
	
			GEvent.addListener(marker, "click", function() {
				abre_balao2(ponto, marker);
			});
	
			map.addOverlay(marker);	
		}
		

}

function abre_balao2(ponto, marker){
	var p = ponto;
	var html = '<div class="balao_mapa">';
		html += '<h1>'+p.nome+'</h1>';
		if(p.endereco_endereco != ''){
			html += '<p><strong>Endereço:</strong> '+p.endereco_endereco;
			
			if(p.endereco_bairro != '')
				html += ' - '+p.endereco_bairro;
			
			if(p.endereco_cep != '')
				html += '<br />CEP '+p.endereco_cep;
			
			html += '</p>'
		}
		
		html += '<p><a class="color_rosa" href="'+base_url()+'municipio/'+p.br_municipio_id+'">'+p.br_municipio_nome+'</a> - <a class="color_rosa" href="'+base_url()+'estado/'+p.br_uf_id+'">'+p.br_uf_sigla+'</a></p>';

		html += '</div>';
		marker.openInfoWindowHtml(html);	
}