var logged = null;							// logged user
var cdmappa;								// id mappa su db

var deflat = 45;
var deflong = 9;
var defzoom = 3;

var map;									// oggetto mappa
var geocoder = new google.maps.Geocoder();	// geocoder per indirizzi
var lastmarkerId = 0;						// contatore marker aggiunti con i bottoni

var dimensionexpoint = 0;					// per memorizzare dimensione panel editor punti
var dimensionexmap = 0;						// per memorizzare dimensione panel laterale mappa

var templat = null;							//per memorizzare le coordinate di partenza del punto che edito
var templng = null;
var tempico = null;
var temptestomappa = null;
var temptestopunto = null;

var iconDir = "http://www.maledettaprimavera.it/map/icons/";
var collapsedPanelWidth = 20; //pixel

var shadow = new google.maps.MarkerImage(iconDir + 'shadow.png',
  // The shadow image is larger in the horizontal dimension
  // while the position and offset are the same as for the main image.
  new google.maps.Size(38, 34),
  new google.maps.Point(0,0),
  new google.maps.Point(12, 32));


/* per accedere ai markers */
google.maps.Map.prototype.markers = new Array();
google.maps.Map.prototype.getMarkers = function() {
    return this.markers
};
google.maps.Map.prototype.clearMarkers = function() {

    for(var i=0; i < this.markers.length; i++){
        this.markers[i].setMap(null);

    }
    this.markers = new Array();
};
google.maps.Marker.prototype._setMap = google.maps.Marker.prototype.setMap;
google.maps.Marker.prototype.setMap = function(map) {
    if (map) {
        map.markers[map.markers.length] = this;
    }
    this._setMap(map);
}
/* fine prototipazione metodi per accedere ai markers */


/* geocoding chiamato durante il dragging */
function geocodePosition(pos) {
  geocoder.geocode({
    latLng: pos
  }, function(responses) {
    if (responses && responses.length > 0) {
      updateMarkerAddress(responses[0].formatted_address);
    } else {
      updateMarkerAddress("Geocode cant' determine the address.");
    }
  });
}

/* funzioni per aggiornare il box di info */
function updateMarkerStatus(str) {
  $('#markerStatus').html (str);
}
function updateMarkerPosition(latLng) {
  $('#info').html ( [
    convertDecDeg ( latLng.lat(),'N' ),
    convertDecDeg ( latLng.lng(),'E' )
  ].join(' &nbsp; ') );
}
function updateMarkerAddress(str) {
  $('#address').html (str);
}
/* fine funzioni per aggiornare il box di info */




/* inizializzazione mappa, chiamata al load della pagina */
function initialize() {

	var myOptions = {
	  zoom: defzoom,
	  center:  new google.maps.LatLng(deflat, deflong) ,
	  mapTypeId: google.maps.MapTypeId.TERRAIN,
	  mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}

	};
	
	map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}


/* caricamento dei punti da xml esterno */
/* ai punti viene assegnato solo lat, lgn e id e viene aggiunto evento click */
function loadmappa(id) {
	map.clearMarkers();
	$('#infomappa').show();
	
	$('#infomappa').html("<img src='inc/img/lo.gif'/> Loading...");
	

	var strInfoMappa = "";
	var doneMappa = false;
	var donePunti = false;

	jQuery.get("ajax.loaddatimappa.php?id="+id+"&rand=" + Math.random(), {}, function(data) {
		//alert(data);
		//todo: caricare dati nell'html e abilitare il pulsante
		//modifica se è l'autore corrente
		var obj = $.evalJSON(data);
		map.setCenter(new google.maps.LatLng(parseFloat(obj.lat), parseFloat(obj.lng)));
		//alert(obj.zoom);
		var t = google.maps.MapTypeId.ROADMAP;
		if (obj.typ == 0) t = google.maps.MapTypeId.SATELLITE;
		if (obj.typ == 1) t = google.maps.MapTypeId.ROADMAP;
		if (obj.typ == 2) t = google.maps.MapTypeId.HYBRID;
		if (obj.typ == 3) t = google.maps.MapTypeId.TERRAIN;
		map.setMapTypeId( t );
		var modstr = "";
		if (logged == obj.auth)
		{
			modstr = "<a class='b' href='javascript:editmappa(" +  id + ")'>edit</a>";
		}
		strInfoMappa = "<h1>" + obj.nome + "</h1>" + "<div>"+obj.testo + "</div>" + modstr;
		doneMappa = true;

		if (donePunti) $('#infomappa').html("");

		map.setZoom(parseFloat(obj.zoom));

		
	});


	jQuery.get("ajax.loaddata.php?id="+id+"&rand=" + Math.random(), {}, function(data) {
		lastmarkerId = 0;
		cdmappa = id;
		jQuery(data).find("marker").each(function() {
		var marker = jQuery(this);
		var latlng = new google.maps.LatLng( parseFloat(marker.attr("lat")), parseFloat(marker.attr("lng")) );

		var ic = new google.maps.MarkerImage( 
				iconDir + marker.attr("ico"),
				new google.maps.Size( parseInt(marker.attr("w")) , parseInt(marker.attr("h")) ),
				new google.maps.Point(0,0),
				new google.maps.Point(parseInt(marker.attr("w")/2) , parseInt(marker.attr("h")))
			);

		var opt;
		if (!marker.attr("ico"))
		{
			opt = {position: latlng, map: map, dbid:marker.attr("dbid")};
		} else {
			opt = {position: latlng, map: map, dbid:marker.attr("dbid"), icon:ic};
		}


		var poi = new google.maps.Marker(opt);
		addClickFunction(poi);



		});
		donePunti = true;
		if (doneMappa) $('#infomappa').html("");
		
	});
}


function setIcona(s,w,h) {

	var a = new Array();
	a = map.getMarkers();

	for(var i=0; i<a.length; i++){
		if (a[i].idtemp == lastmarkerId || a[i].dbid == $('#currentrealid').val())
		{

			var ic = new google.maps.MarkerImage( 
				iconDir + s,
				new google.maps.Size( parseInt(w) , parseInt(h) ),
				new google.maps.Point(0,0),
				new google.maps.Point(parseInt(w/2) , parseInt(h))
				);

			
			var ic = new google.maps.MarkerImage( iconDir + s , new google.maps.Size(w, h));

			a[i].setIcon( ic );
			//a[i].setShadow(iconDir + s + '.s.png');
			//a[i].setShadow( shadow );
			a[i].setMap(map);

			break;
		}
	}

}


/* annulla l'editing di un punto. se il punto è nuovo lo toglie dalla mappa */
/* se esisteva gia' lo lascia */
function annullaeditor() {
	var a = new Array();
	a = map.getMarkers();

	for(var i=0; i<a.length; i++){
		if (a[i].idtemp == lastmarkerId)
		{
			/* è un nuovo punto lo tolgo dalla mappa */
			a[i].idtemp = null;
			a[i].setMap(null);
			break;
		} else if(a[i].dbid == $('#currentrealid').val() ) {
			//alert(templat + "," + templng);
			google.maps.event.clearInstanceListeners(a[i]);
			a[i].setDraggable(false);
			a[i].setMap(map);
			addClickFunction(a[i]);
			if (a[i].getIcon().url!="" && a[i].getIcon().url!=null)
			{
				a[i].setIcon(tempico);
				//a[i].setShadow( shadow );
			}
			if (templat!=null)
			{
				//stavo editando un punto gia' salvato.
				//lo rimetto alla sua posizione iniziale
				//alert("riposizione");
				a[i].setPosition(new google.maps.LatLng((templat),(templng)));
				a[i].setMap(map);
			}
			break;
		}
	}

	$('#nome').val( "" );
	$('#testo').val( "" );
	$('#searchContainer').show("slow");
	$('#infopunto').html (temptestopunto);
	$('#infopunto').show();

	//editor
	$('#formpunto').hide();

}

/* chiama geocoder che se va ok chiama funzione che porta a posizione cercata */
function gotoposto(s) {
	geocoder.geocode({
	  'address': document.getElementById(s).value,
	  'partialmatch': true}, geocodeGotoResult);
}




/* aggiungo gestione evento click al marker */
function addClickFunction(marker) {

		google.maps.event.addListener(marker, "click", function() {
			$('#infopunto').show();
			$('#infopunto').html ( "<img src='inc/img/lo.gif'/> Loading..." );

			//carico contenuto dinamicamente
			$.get("ajax.infomarkermp.php?id=" + marker.dbid +  '&rand=' + Math.random(), function(data) {

				var obj = $.evalJSON(data);
				// chiude edit
				

				// apre info
				$('#infopunto').html ( getInfoHtml ( obj.nome , obj.testo , obj.id, obj.author, marker.position ) );
				

			});

		});

}



/* pagino l'html per l'info window */
function getInfoHtml(nome,testo,id,autore,position) {
	//alert(autore + " == " + logged);

	posiz = convertDecDeg(position.lat(),'N') + " &nbsp; " + convertDecDeg(position.lng(),'E');

	var out ="";
	
	out += "<a class='b' href='javascript:$(\"#infopunto\").hide();void(0);'>X</a>";
	out += "<h1>" + nome +"</h1><!--<h3>"+posiz+"</h3>--><div>" + testo + "</div>";
	
	return out;
}


function gotopunto(ii) {
	var a = new Array();
	var results = new Array();
	a = map.getMarkers();

	for(var i=0; i<a.length; i++){
		var marker = a[i]
		if (marker.dbid == ii )
		{
			$('#infopunto').show();
			$('#infopunto').html ( "<img src='inc/img/lo.gif'/> Loading..." );
			if ( !$('#formpunto').is(':visible') ) $('#modnewpointlabel').html("Seelcted point");

			//carico contenuto dinamicamente
			$.get("ajax.infomarkermp.php?id=" + marker.dbid +  '&rand=' + Math.random(), function(data) {

				var obj = $.evalJSON(data);
				// chiude edit
				if ( !$('#formpunto').is(':visible') ) {

					$('#formpunto').hide();

					// apre info
					$('#infopunto').html ( getInfoHtml ( obj.nome , obj.testo , obj.id, obj.author, marker.position ) );

					$('#searchContainer').show();
				
				}

				map.panTo( new google.maps.LatLng(obj.lat, obj.lng) )

			});

			break;

		}
    }
}


/* edito il punto con dbid = ii */
function editmappa(ii) {
	if (!logged) return
	temptestomappa = $('#infomappa').html();
	$('#infomappa').html("<img src='inc/img/lo.gif'/> Loading...");
	
	jQuery.get("ajax.loaddatimappa.php?id="+ii+"&rand=" + Math.random(), {}, function(data) {
		//if ( $('#addplaceaddressdiv').is(':visible') ) toggleeditorpoint();
		
		var obj = $.evalJSON(data);
		$('#titolo').val(obj.nome);
		$('#tipomap').val(obj.typmap);
		$('#descrizmap').val(obj.testo0);
		$('#formmappa').show();
		$('#komappa').show();
		$('#infomappa').hide();
		$('#titolo').focus();
	});


}


/* memorizza dimensione iniziale pannello di edit/ricerca dei punti */
function seteditorpointwidth() {
	dimensionexpoint = $('#editorpoint').width();
	$('#editorpoint').css("width",dimensionexpoint + "px");
	$('#listapunti').css("height", $('#map_canvas').height()  + "px");
	$('#toolsdiv').css("height", $('#map_canvas').height()  + "px");
	$('#addmapdiv').css("height", $('#map_canvas').height()  + "px");
	$('#helpdiv').css("height", $('#map_canvas').height()  + "px");

	//$('#listamappe').css("height", $('#map_canvas').height()-20  + "px");

	$('#formpunto').hide("fast");

	$('#searchContainer').show("slow");


}

/* memorizza dimensione iniziale pannello di gestione mappa */
function seteditormapwidth() {
	dimensionexmap = $('#editormap').width();
	$('#editormap').css("width",dimensionexmap + "px");
}



/* apro-chiudo pannello laterale editor dei punti */
function toggleeditorpoint(start) {
	if (!start)
	{
		if ( $('#formpunto').is(':visible') ) { alert("You're editing a point, please save it or cancel.") ; return ; }
		if ( !cdmappa ) { alert("caricare o creare una mappa prima di aprire il pannello.") ; return ; }
	}

	if ($('#editorpoint').width() == dimensionexpoint ) {
		//chiudo
		$('#ponoff').attr("class","poff");
		var nuovo = $('#map_canvas').width() + dimensionexpoint - collapsedPanelWidth;
		$('#editorpoint').css("width",collapsedPanelWidth + "px");
		$('#map_canvas').css("width", nuovo + "px");
		$('#addplaceaddressdiv').hide();
		
		
	} else {
		//apro
		$('#ponoff').attr("class","pon");
		var nuovo = $('#map_canvas').width() - dimensionexpoint + collapsedPanelWidth;
		$('#editorpoint').css("width",dimensionexpoint + "px");
		$('#map_canvas').css("width", nuovo + "px");
		$('#addplaceaddressdiv').show();

	}
	google.maps.event.trigger(map, 'resize') ;
}

/* apro-chiudo pannello laterale editor della mappa*/
function toggleeditormap() {
	if ($('#editormap').width() == dimensionexmap ) {
		//chiudo
		$('#monoff').attr("class","poff");	//linguetta
		var nuovo = $('#map_canvas').width() + dimensionexmap - collapsedPanelWidth;
		$('#editormap').css("width",collapsedPanelWidth + "px");
		$('#map_canvas').css("width", nuovo + "px");
		
		$('#toolsdiv').hide();
		$('#addmapdiv').hide();
		$('#helpdiv').hide();
		
		$("a[class=lang]").hide();
		$("a[class=lang first]").hide();
		$("a[class=tabon]").hide();
		$("a[class=taboff]").hide();
		
	} else {
		//apro
		$('#monoff').attr("class","pon");
		var nuovo = $('#map_canvas').width() - dimensionexmap + collapsedPanelWidth;
		$('#editormap').css("width",dimensionexmap + "px");
		$('#map_canvas').css("width", nuovo + "px");
		

		if ( $('#toolstab').attr('class')=="tabon") $('#toolsdiv').show();
		if ( $('#addmaptab').attr('class')=="tabon") $('#addmapdiv').show();
		if ( $('#helptab').attr('class')=="tabon") $('#helpdiv').show();

		$("a[class=lang]").show();
		$("a[class=lang first]").show();
		$("a[class=tabon]").show();
		$("a[class=taboff]").show();

	}
	google.maps.event.trigger(map, 'resize') ;
}

function cercaico(n,tmp) {
	var s
	if (n) s = n; else s = $('#findico').val();
	if (s.length>0)
	{
		$('#iconz').html("<img src='inc/img/lo.gif'/> Loading...");
		if (tmp) {
			url = "ajax.findicon.php?tmp=&q=" + escape(s);
		} else {
			url = "ajax.findicon.php?q=" + escape(s);
		}
		jQuery.get(url, {}, function(data) {
			$('#iconz').html(data);
		}
		);
	}
}


function newmap() {
	if (!logged) { alert("non sei loggato"); return; }
	cdmappa = null;
	lastmarkerId = 0;
	map.clearMarkers();
	map.setCenter ( new google.maps.LatLng(deflat, deflong) );
	map.setZoom ( defzoom );

	vai_info_mappa();

	$('#infopunto').html("");
	$('#listapunti').html("");
	if ( $('#addplaceaddressdiv').is(':visible') ) toggleeditorpoint();
	$('#modnewmaplabel').html("New");
	$('#formmappa').show();
	$('#infomappa').hide();
	$('#titolo').val("");
	$('#descrizmap').val("");
	$('#tipomap').val(0);
	$('#titolo').focus();
}

function switchtabs(n) {

	$('#toolstab').attr("class","taboff");
	$('#addmaptab').attr("class","taboff");
	$('#helptab').attr("class","taboff");
	$('#'+n+'tab').attr("class","tabon");
	$('#toolsdiv').hide();
	$('#addmapdiv').hide();
	$('#helpdiv').hide();
	$('#'+n+'div').show();
	void(0);
}

function logout(){
	$.post('ajax.logout.php', {user: logged}, function(res){ 
		if (res=="OK")
		{
			logged = null;
			document.location.href=document.location.href;
		} else 		alert(res);

	}); 
}

function vai_info_mappa() {
	$('#mappa_corrente_fs').show();$('#listamappe_fs').hide();
}

function vai_elenco_mappa() {
	$('#mappa_corrente_fs').hide();$('#listamappe_fs').show();$('#embed_fs').hide();
	if (cdmappa) {
		if (logged) $('#vaiinfobutt').val("Info & edit"); else $('#vaiinfobutt').val("Info");
	} else {
		$('#vaiinfobutt').val("Info");
	}
}

function uploadico() {
	$('#nomefile').html("<img src='inc/img/lo.gif'/> Loading...");
	$('#uploadicoform').submit();
}
function showicouploaded(s) {
	cercaico(s,"tmp");
	$('#nomefile').html(s);

}

var poly = null;
function drawPoly() {

	if (poly) {poly.setMap(null); poly = null; return }
	var a = new Array();
	var b = new Array();
	a = map.getMarkers();

	for(var i=0; i<a.length; i++) if (a[i].dbid || a[i].idtemp) b.push( a[i].getPosition() );


	poly = new google.maps.Polyline({
	  path: b,
	  strokeColor: "#FF0000",
	  strokeOpacity: .7,
	  strokeWeight: 7
	});

	poly.setMap(map);

}