//<![CDATA[

//crea mapa
var mapa = new GMap2(document.getElementById("mapa"));
mapa.addControl(new GLargeMapControl());
mapa.addControl(new GScaleControl());
mapa.addControl(new GMapTypeControl());

//crea mini-mapa
var SizeOMC = new GSize(125,100);
mapa.addControl(new GOverviewMapControl(SizeOMC));

//inicia mapa
var centro = new GLatLng(20,-15);
mapa.setCenter(centro,1,G_HYBRID_MAP);

//crea iconos
var icono = new GIcon();
icono.image = "mm_20_gray.png";
icono.shadow = "mm_20_shadow.png";
icono.iconSize = new GSize(12,20);
icono.shadowSize = new GSize(22,20);
icono.iconAnchor = new GPoint(6,20);
icono.infoWindowAnchor = new GPoint(6,20);
var icono_campo = new GIcon(icono);
icono_campo.image = "mm_20_green.png";
var icono_amigo = new GIcon(icono);
icono_amigo.image = "mm_20_white.png";

function MarcaCampos() {
	for(campo=1;campo<TablaCF.length;campo++) {
	  var lon = TablaCF[campo].lon;
	  var lat = TablaCF[campo].lat;
	  var html = GeneraDatoHtml(campo);
	  var html = HtmlCentrarAqui(lon,lat,html);

	  var marca = PonerMarca(lon,lat,html,icono_campo);
	  mapa.addOverlay(marca);
	}
}

function HtmlCentrarAqui(lon,lat,html) {
	var aqui = "javascript:CentrarAqui("+lon+","+lat+")";
	var aqui = "[<a style='color:#003300' href='"+aqui+"'>CENTRAR AQUÍ</a>]";
	var html = "<span class=marcagmap><center>"+html+"<br>"+aqui+"</center></span>";
	return html;
}

function CentrarAqui(lon,lat) {
	var zoom = mapa.getZoom();
	if(zoom<12){mapa.setZoom(14)};

	var punto = new GLatLng(lat,lon);
	mapa.panTo(punto);
}

function PonerMarca(lon,lat,html,icono) {
	var punto = new GLatLng(lat,lon);
	var marca = new GMarker(punto,icono);
	GEvent.addListener(marca,'click',function(){marca.openInfoWindowHtml(html);});
	return marca;
}

function NuevoCampo() {
	GEvent.addListener(mapa,'click',function(overlay,point){NuevoCampoAqui(point);});
}

function NuevoCampoAqui(punto) {
	var zoom = mapa.getZoom();
	if(!punto || zoom<=13){return;};

	var lat = punto.y.toFixed(5);
	var lon = punto.x.toFixed(5);
	var latlon = lat+","+lon;

	var html = "<span class=marcagmap><center>";
	var html = html+"<b>¿Ha localizado un campo de fútbol?</b><br>";
	var html = html+"Si conoce su nombre, el equipo al que pertenece<br>";
	var html = html+"y la localidad en la que está, envíenos sus datos<br>";
	var html = html+"[<a style='color:#003300' href='../formulario/campos.html?p="+latlon+"'>ENVIAR SUGERENCIA</a>]<br><br>";
	var html = html+"</center></span>";
	var tab1 = new GInfoWindowTab("Sugerir",html);

	var html = "<span class=marcagmap><center>";
	var html = html+"<b>¿Tiene dudas y quiere consultar?</b><br>";
	var html = html+"Envíe a sus amigos un enlace a este punto usando<br>";
	var html = html+"nuestro formulario y confirme los datos del campo<br>";
	var html = html+"[<a style='color:#003300' href='../formulario/campos_consulta.php?p="+latlon+"'>ENVIAR CONSULTA</a>]<br>";
	var html = html+"</center></span>";
	var tab2 = new GInfoWindowTab("Consultar",html);

	var tabs = [tab1,tab2]
	mapa.openInfoWindowTabsHtml(punto,tabs);
}

function VerInfoHtml(lon,lat,html) {
	var punto = new GLatLng(lat,lon);
	mapa.openInfoWindowHtml(punto,html);
}

//]]>