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 firstLineTitleFull = $("<ul class='itin-elem title'></ul>");
	var firstTimeTitle = $("<li class='itin-elem-time fake title'><a style='display:inline-block;' >Ricerca</a></li>");
	var firstLineSep = $("<li class='itin-elem-lineFake first'><a style='display:inline-block' ></a></li>");
	var firstLineTitle = $("<li class='itin-elem-lineFake title'><a style='display:inline-block' ><div style='position:absolute;top: 22px;left: 103px;'>Percorso</div></a></li>");
	firstLineTitleFull.append(firstTimeTitle).append(firstLineSep).append(firstLineTitle);
	var firstElemTitleContainer = $("<li class='itin-elem-container title'></li>");
	firstElemTitleContainer.append(firstLineTitleFull);
	$("#itineraryContainer").append(firstElemTitleContainer);
	
	var firstLineFull = $("<ul class='itin-elem first'></ul>");
	var firstTime = $("<li class='itin-elem-time fake first'><a style='display:inline-block;' ></a></li>");
	var firstLine = $("<li class='itin-elem-lineFake first'><a style='display:inline-block' ></a></li>");
	var firstLineRest = $("<li class='itin-elem-lineFake first rest'><a style='display:inline-block' ><div class='arrow' style='display:"+displayLinkLine+";'></div></a></li>");
	firstLineFull.append(firstTime).append(firstLine).append(firstLineRest);
	var firstElemContainer = $("<li class='itin-elem-container first'></li>");
	firstElemContainer.append(firstLineFull);
	$("#itineraryContainer").append(firstElemContainer);
	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 artId = elems[elem].articoloid;
		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+"' ><div class='arrow'></div></a></li>");
		var fakeLine2 = $("<li class='itin-elem-line2Fake'><a style='display:"+displayLineFake+"' ></a></li>");
		time = $("<li class='itin-elem-time'><a style='display:"+displayVal+"' >"+time+"</a></li>");
		var fakeTime = $("<li class='itin-elem-time fake'><a style='display:"+displayFake+"' ></a></li>");
		var cutIntestazione = intestazione.split("(")[0];
		if (cutIntestazione.indexOf("</b>")==-1){
			cutIntestazione = cutIntestazione+"</b>";
		}
		articolo = $("<li class='itin-elem-art'><a><div class='link-line' data-art-id='"+artId+"' style='display:"+displayLinkLine+";'></div>"+cutIntestazione+"<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 = "";
		
		//test MARCO_DOC
		//if (elems[elem].articolipopup && elems[elem].articolipopup.length>0){
		//	elems[elem].articolipopup[1] = elems[elem].articolipopup[0];
		//	elems[elem].articolipopup[2] = elems[elem].articolipopup[0];
		//}
		
		if (elems[elem].articolipopup && elems[elem].articolipopup.length>0){
			popupelemsnum = elems[elem].articolipopup.length;
			var popupElems = elems[elem].articolipopup;
			for (elem2 in popupElems){
				
				
				var fakeLine = $("<li class='itin-elem-lineFake popup'><a style='display:inline-block;' ></a></li>");
				var fakeLine2 = $("<li class='itin-elem-line2Fake'><a style='display:inline-block;' ></a></li>");
				var fakeTime = $("<li class='itin-elem-time fake popup'><a style='display:inline-block;' ></a></li>");
				particolo = $("<li class='itin-elem-art popup'><a>"+popupElems[elem2].intestazione+"</a></li>");
				var fakeIntestazione = $("<li class='itin-elem-intestazione fake popup'><a style='display:inline-block;'></a></li>");
				var elemUl = $("<ul class='itin-elem'></ul>");
				var fakeLine3 = $("<li class='itin-elem-line2Fake popup'><a style='display:inline-block;' ><div class='link-line popup' style='display:block;'></div></a></li>");
				elemUl.append(fakeTime).append(fakeLine).append(fakeIntestazione).append(fakeLine2).append(fakeLine3).append(particolo);
				
				var elemContainer = $("<li class='itin-elem-container popup'></li>");
				elemContainer.append(elemUl);
				
				elemContainer.append($("<br>"));
				
				$("#itineraryContainer").append(elemContainer);
				
			}
		}
		
	}
	
	var firstLineFull = $("<ul class='itin-elem'></ul>");
	var firstTime = $("<li class='itin-elem-time last'><a style='display:inline-block;' ></a></li>");
	firstLineFull.append(firstTime);
	var firstElemContainer = $("<li class='itin-elem-container last'></li>");
	firstElemContainer.append(firstLineFull);
	$("#itineraryContainer").append(firstElemContainer);
	
	$("#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;
}