var monthNames = [
  "Gennaio", "Febbraio", "Marzo",
  "Aprile", "Maggio", "Giugno", "Luglio",
  "Agosto", "Settembre", "Ottobre",
  "Novembre", "Dicembre"
];

$( document ).ready(function() {
    $.ajax({
			url: "./ajax/getItinerary.php",
			data: {
			},
			dataType: "JSON",
			type: "GET",
			success: function(data) {
				ajaxResItinerary(data);
			},
			error: function() {
				alert("Errore nel caricamento dell'itinerario");
			}
		});
	var title = getQueryVariable("title");
	$(".itin-title").html(title);
	var date = new Date();
	var day = date.getDate();
	var monthIndex = date.getMonth();
	monthIndex = monthNames[monthIndex];
	var year = date.getFullYear();
	$(".itin-date").html(day + " " + monthIndex + " " + year);
});

function ajaxResItinerary(data){
	data = cleanData(data);
	
	var elems = data.nodes;
	var oldIntestazione = "";
	var isFirstTime = "first";
	for (elem in elems){
		plusmore = "";
		if (elems[elem].data.split("+").length > 1){
			plusmore = elems[elem].data.split("+")[1];
		}
		elems[elem].data = elems[elem].data.split("+")[0];
		var dataOrig = new Date(elems[elem].data);
		var time = dataOrig.getHours()+":"+dataOrig.getMinutes();
		var intestazione = elems[elem].intestazione;
		var articolo = elems[elem].art;
		var displayVal = "inline-block";
		var displayFake = "none";
		var displayLine = "inline-block";
		var displayLineFake = "none";
		var displayLinkLine = "none";
		if (intestazione == oldIntestazione){
			displayVal = "none";
			displayFake = "inline-block";
			displayLine = "none";
			displayLineFake = "inline-block";
			displayLinkLine = "block";
		}
		oldIntestazione = intestazione;
		var line = $("<li class='itin-elem-line'><a style='display:"+displayLine+"' ></a></li>");
		var fakeLine = $("<li class='itin-elem-lineFake'><a style='display:"+displayLineFake+"' ></a></li>");
		var line2 = $("<li class='itin-elem-line2'><a style='display:"+displayLine+"' ></a></li>");
		var fakeLine2 = $("<li class='itin-elem-line2Fake'><a style='display:"+displayLineFake+"' ></a></li>");
		time = $("<li class='itin-elem-time "+isFirstTime+"'><a style='display:"+displayVal+"' >"+time+"</a></li>");
		var fakeTime = $("<li class='itin-elem-time fake "+isFirstTime+"'><a style='display:"+displayFake+"' ></a></li>");
		articolo = $("<li class='itin-elem-art'><a><div class='link-line' style='display:"+displayLinkLine+";'></div>"+intestazione+"<br>"+articolo+"</a></li>");
		intestazione = $("<li class='itin-elem-intestazione'><a style='display:"+displayVal+"'>"+intestazione+"</a></li>");
		var fakeIntestazione = $("<li class='itin-elem-intestazione fake'><a style='display:"+displayFake+"'></a></li>");
		var elemUl = $("<ul class='itin-elem'></ul>");
		
		elemUl.append(time).append(fakeTime).append(line).append(fakeLine).append(intestazione).append(fakeIntestazione).append(line2).append(fakeLine2).append(articolo);
		
		var elemContainer = $("<li class='itin-elem-container'></li>");
		elemContainer.append(elemUl);
		
		elemContainer.append($("<br>"));
		
		$("#itineraryContainer").append(elemContainer);
		isFirstTime = "";
	}
	
	$("#treeContainer").html(JSON.stringify(data));
}

function getQueryVariable(title) {
    var query = window.location.search.substring(1);
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        if (decodeURIComponent(pair[0]) == title) {
            return decodeURIComponent(pair[1]);
        }
    }
    console.log('Query variable %s not found', title);
}

function cleanData(data){
	for (elem in data.nodes){
		data.nodes[elem].art = data.nodes[elem].intestazione.split("<br>")[1];
		data.nodes[elem].intestazione = data.nodes[elem].intestazione.split("<br>")[0];
	}
	return data;
}