$(document).ready(function(){

//glaobal_variable
//initialize the gmap
var global_map =  initialize('map');
//global variable -end

var global_icon_path = $('#icon_path').text(); 

/*var global_codtrasp = $('#codtrasp').text();
var global_dateinizio = $('#dateinizio').text();
var global_datefine = $('#datefine').text(); */

var global_intervalID;

var global_id_evento; //id evento utilizzato per il reload automatico della pagina

var global_in_animation = false;
var global_go_animation = true;
var global_animation_speed = 100;

var global_marker_manager_fleet;

$.ajaxSetup({
	type:'POST',
	url:'events_ajax.php',
	dataType:'json',
	error: function(xhr){error_func(xhr);},
	complete: function(xhr){complete_func(xhr);}
});

function error_func(xhr)
{
	//alert("Error "+xhr);
	//$.modal.close();
}

function complete_func(xhr)
{
	$.modal.close();
	var response_server = xhr.responseText;
	if (response_server.indexOf("logout.php") >= 0)
	{
		window.location = "http://38.107.179.228?info=exp_sess";
	}
}


//////////////////////MAP control///////////////
function MoreControl() {};
MoreControl.prototype = new GControl();
MoreControl.prototype.initialize = function(global_map) {

 var map = global_map;
 var more = document.createElement("div");
 more.style.border = "1px solid black";
 more.title = "Show/Hide Layers";
 var inner = document.createElement("div");
 inner.id = "more_inner";
 inner.appendChild(document.createTextNode("Opzioni"));
 more.appendChild(inner);
 more.onclick = showControl; 
 map.getContainer().appendChild(more);
 return more;
}

MoreControl.prototype.getDefaultPosition = function() 
{
	return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(200, 7));
}


function showControl()
{
	var eleOffset  = $('#more_inner').offset();
	var top = parseInt(eleOffset.top)+$('#more_inner').height()+5;
	$("#dialog").dialog({ resizable: false,position:[eleOffset.left,top],show:'slide' }).bind('dialogclose', function(event, ui) {
	$(this).dialog('destroy');
	});

}


//////////////////////MAP control///////////////


global_map.addControl(new MoreControl());

$("#slider").slider({
slide: function(event,ui){
//change the animation speed which is from 5ms to 500ms 
//ui.value:global_animation_speed=2:100
var value = 100-ui.value;  //when value = 0 min velocity 
var value_to_write = ui.value;
if(ui.value_to_write==0)
	value_to_write= 1;
$("#slider_value").text(value_to_write+" %");
global_animation_speed = (value*200)/100;
//console.log(global_animation_speed+" %");
},value:50
});

var animation = false;
	var pause = false;
	var marker;
	$('#play').click(function(){
		if(pause)
		{
			pause = false;
		}
			
		if(!animation) //do something only if you are not drawing the route yet
		{
			if(marker==null) //strating animation
			{
				for(i =0; i<global_marker_manager_fleet.length;i++)
				{
					if(typeof(global_marker_manager_fleet[i])!="undefined")
					{
						var icona = make_icon();
						marker = new GMarker(global_marker_manager_fleet[i],{icon:icona,zIndexProcess:onTop});
						index = i;
						break;
					}
				}
			}
			global_map.addOverlay(marker);		
			animate();
		}
		
		
	});
	
	$('#pause').click(function(){
		
		pause = true;
		animation  = false;
		//console.log("pause");
		
	});
	
	$('#stop').click(function(){
		
		index = global_marker_manager_fleet.length;
		
	});
	
	var index = 0 ;
	function animate()
	{	
		if(!pause)
		{
			if(index < global_marker_manager_fleet.length)
			{	
			
			if(typeof(global_marker_manager_fleet[index])!="undefined")
			{
				var  point = new GLatLng(global_marker_manager_fleet[index].lat(),global_marker_manager_fleet[index].lng());
				//console.log(point);
				marker.setLatLng(point);
				animation = true;
				//global_map.panTo(point);
				//console.log("dd");
			}
				index++;
				setTimeout(animate,global_animation_speed);
			}
			else
			{	
				index = 0 ;
				animation = false;
				global_map.removeOverlay(marker);
				return;
			}
		}
	}
	
	
	function make_icon()
	{
		var icon = new GIcon();
		icon.image = global_icon_path+"icon_map/"+global_map_icon_directory+"/iconb.png";
		icon.shadow = global_icon_path+"icon_map/"+global_map_icon_directory+"/shadow-iconb.png";
		icon.iconSize = new GSize(20.0, 34.0);
		icon.shadowSize = new GSize(38.0, 34.0);
		icon.iconAnchor = new GPoint(10.0, 34.0);
		icon.infoWindowAnchor = new GPoint(10.0, 17.0);		
		return icon;
	}

function call_draw_route_events()
	{
		//alert(dateinizio+" "+datefine);
		$.ajax({		
		//data:{load_route:"load_route",codtrasp:global_codtrasp,dateinizio:global_dateinizio,datefine:global_datefine},
		
		data:{load_route:"load_route",id_evento:global_id_evento},
		beforeSend: function(){simple_modal_loading(" Attendere","Caricamento in corso...");},
		success: function(data){Handler_call_draw_route_events(data)}				
		});
	}
	
	function Handler_call_draw_route_events(data)
	{
		if(data.length>=2) //difficult to draw a route with less than 2 points
		{   
		
		
		
		
		//if(global_map == null)
		//{
			global_map = initialize('map');
			global_map.addControl(new MoreControl());
		//}
		
		//global_map.removeoverlays();
		global_map.clearOverlays();
		
		/*var marker = global_map.getFirstMarker();
		while (marker != null)
		
   		marker.remove();	
		marker = global_map.getFirstMarker();
		}*/

		/*
		if(global_marker_manager_fleet!= null)
		{
			for(x = 0 ;x<global_marker_manager_fleet.length;x++)
			{
			if (global_marker_manager_fleet[x] != null)
			{
			global_mgr_fleet.removeMarker(global_marker_manager_fleet[x]); //rimuovo i marker precedenti
			remove_event_for_marker(global_marker_manager_fleet[x]);
			}
			}
			}*/
		
			var mgr = null;
			mgr = new MarkerManager(global_map);
			global_marker_manager_fleet = draw_route(global_map,data,mgr);
			getTime();
			//calculate the average velocity :
			var velocity = 0 ;
			var index = 0;
			var km_tot = 0;
			var speednow=0;
			var lastposition=0;
			for(i=0;i<data.length;i++)
			{
				if(data[i].platitudine!=0 && data[i].plongitudine!=0)
				{
						velocity = parseInt(velocity)+parseInt(data[i].velocity);
						index++;
						km_tot = data[i].dist2point;
						speednow=data[i].velocity;
						lastposition=data[i].indirizzo;
						
				}					
			}
			
			velocity = velocity/index;
			velocity = roundTo(velocity,2);
			$("#velocity").html(velocity+" Km/h");
			$("#km_tot").html(km_tot+" Km");
			$("#lastposition").html(lastposition);
			$("#speednow").html(speednow+" Km/h");	
		}
		else
		{	
			alert("Punti non sufficenti per disegnare il percorso.");
			//alert("Seleziona un evento dalla lista in alto...");
		}
	}

	function roundTo(value, decimalpositions)
	{
		var i = value * Math.pow(10,decimalpositions);
		i = Math.round(i);
		return i / Math.pow(10,decimalpositions);
	} 
	
	function getTime()
	{
		var curDateTime = new Date();
		var curHour = curDateTime.getHours();
		var curMin = curDateTime.getMinutes();
		var curSec = curDateTime.getSeconds();
		var curTime =   ((curHour < 10) ? "0" : "") + curHour + ":"  + ((curMin < 10) ? "0" : "") + curMin + ":"   + ((curSec < 10) ? "0" : "") + curSec ;
		$("#time").html(curTime);
	}

$('#aggiorna_pagina').click(function(){
	//call_draw_route_events();
});

$('#start_refresh').click(function(){
	global_intervalID = window.setInterval(function (){ call_draw_route_events();}, 20000);  
});	
	
//call_draw_route_events(id_evento);

function create_select_option()
{
	$.ajax({		
		data:{operation:"select_option"},
		//beforeSend: function(){simple_modal_loading(" Attendere","Caricamento in corso...");},
		success: function(json)
		{
			if (json.result != "empty")
			{
				var array_eventi = new Array();
				var html_option = "<option value=\"\" selected>Seleziona un evento...</option>";
				for(var i=0; i<json.result; i++)
				{
					html_option+= "<option value=\""+json.option[i].id_evento+"\">"+json.option[i].titolo+"</option>";	
					
					array_eventi[json.option[i].id_evento] = new Array();
					array_eventi[json.option[i].id_evento]["titolo"] = json.option[i].titolo;
					array_eventi[json.option[i].id_evento]["data_inizio"] = json.option[i].data_inizio;
					array_eventi[json.option[i].id_evento]["data_fine"] = json.option[i].data_fine;
				}
				$("#select_event").html(html_option);
			}
				
			$("#select_event").change(function ()
			{
				global_id_evento = $("#select_event option:selected").val();
				if (global_id_evento != "")
				{
					call_draw_route_events();
					
					if (global_intervalID != undefined)
					{
						window.clearInterval(global_intervalID);	
					}

					
					//global_intervalID = window.setInterval(function (){ call_draw_route_events();}, 20000);
					
					$("#titolo_evento").html(array_eventi[global_id_evento]["titolo"]);
					$("#div_time").show();
					$("#ultimo_rilevamento").toggle();
				}
			});
		}
		/* else
		{
			$.modal.close();
		} */
	});
}

function create_10_links()
{
	$.ajax({		
		data:{operation:"select_option"},
		//beforeSend: function(){simple_modal_loading(" Attendere","Caricamento in corso...");},
		success: function(json)
		{
			if (json.result != "empty")
			{
				var array_eventi = new Array();
				
				//$("#events_links").append("<ul>");
				
				for(var i=0; i<10; i++)
				{
					var html = "";
					html+= "<li><a href=\"#content\" id=\""+json.option[i].id_evento+"\">"+(i+1)+". "+json.option[i].titolo+"</a><br>From: "+date_from_us_to_euro(json.option[i].data_inizio)+" ("+json.option[i].ora_inizio+")<br>To: "+date_from_us_to_euro(json.option[i].data_fine)+" ("+json.option[i].ora_fine+")<br /></li>";	
					$("#events_links").append(html);
					
					array_eventi[json.option[i].id_evento] = new Array();
					array_eventi[json.option[i].id_evento]["titolo"] = json.option[i].titolo;
					array_eventi[json.option[i].id_evento]["data_inizio"] = json.option[i].data_inizio;
					array_eventi[json.option[i].id_evento]["data_fine"] = json.option[i].data_fine;
					
					$("#"+json.option[i].id_evento).click(function ()
					{
						global_id_evento = $(this).attr("id");
						call_draw_route_events();
						
						if (global_intervalID != undefined)
						{
							window.clearInterval(global_intervalID);	
							//qui entra correttamente al click su un link che non sia il primo
						}	
						
						//global_intervalID = window.setInterval(function (){ call_draw_route_events();}, 20000);  
						
						$("#div_time").show();
						$("#ultimo_rilevamento").show();
						$("#titolo_evento").html(array_eventi[global_id_evento]["titolo"]);
						$("#data_inizio").html(array_eventi[global_id_evento]["data_inizio"]);
					});
				}
				
				//$("#events_links").append("</ul>");
				
				$("#events_links").append("<div style=\"text-align:right; font-size:0.8em;\"><a href=\"#\" id=\"show_all\">Vedi tutti</a></div>");
				
				$("#show_all").click(function ()
				{
					create_select_option();
					$("#div_select_event").toggle();
				});
			}		
		}
	});
}

function date_from_us_to_euro (sourceDate)
{
	var pieces = sourceDate.split(" ");
	var new_date = "";
	

	if (pieces.length == 1)
	{		
		var thisDate = pieces[0].split("-");
		new_date += thisDate[2] +"-"+ thisDate[1] +"-"+ thisDate[0];
	}
	
	if (pieces.length > 1)
	{
		var thisTime = pieces[1].split(":");
		new_date += " "+ thisTime[0] +":"+ thisTime[1]; //+":"+ thisTime[2]
	}
	
	if (new_date != "")
		return new_date;
	else
		return "&nbsp;";
}

//inizializzo i 10 link sulla pagina
create_10_links();

})