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;' >Cronologia</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 mins = (""+dataOrig.getMinutes()).length < 2 ? "0"+dataOrig.getMinutes() : dataOrig.getMinutes();
		var time = dataOrig.getHours()+":"+mins;
		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>";
		}
		var closeElem = $("<div class='link-line closeX-art' style='display:block;'>x</div>");
		articolo = $("<li class='itin-elem-art'><a><div class='link-line' data-art-id='"+artId+"' style='display:"+displayLinkLine+";'></div>"+cutIntestazione+"<br>"+articolo+"</a></li>");
		articolo.find("a").append(closeElem);
		var closeElemInt = $("<div class='link-line closeX-intestazione' style='display:block;'>x</div>");
		intestazione = $("<li class='itin-elem-intestazione'><a style='display:"+displayVal+"'>"+intestazione+"</a></li>");
		intestazione.find("a").append(closeElemInt);
		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];
		//}
		
		closeElem.click(function(){
			removeArtElem(this);
		});
		
		closeElemInt.click(function(){
			removeIntElem(this);
			//$(this).parent().parent().remove();
		});
		
		if (elems[elem].articolipopup && elems[elem].articolipopup.length>0){
			popupelemsnum = elems[elem].articolipopup.length;
			var popupElems = elems[elem].articolipopup;
			for (elem2 in popupElems){
				if (popupElems[elem2].intestazione.trim() != ""){
					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>");
					var closeElem = $("<div class='link-line closeX-popup' style='display:block;'>x</div>");
					particolo = $("<li class='itin-elem-art popup'><a>"+popupElems[elem2].intestazione+"</a></li>");
					particolo.find("a").append(closeElem);
					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);
					
					closeElem.click(function(){
						removePopupElem(this);
					});
				}
			}
		}
	}
	
	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));
	
	$(".stampaItinerario").click(function(){
		window.print();
	});
	
	$(".stampaDocumentiItinerario").click(function(){
		var data = $("#itineraryContainer").html();
		window.tempPage = window.open("./printItinerary.php?title=Jobs Act", "printing");
		window.setTimeout(function(){
			window.tempPage.document.beginWork(data);
		}, 5000);
	});
}

function removePopupElem(elem){
	$(elem).parent().parent().parent().parent().hide(500);
	var elemX = $(elem).parent().parent().parent().parent();
	setTimeout(function(){
		elemX.remove();
	}, 600);
	
	
}

function removeArtElem(elem){
	//alert("art " + elem);
	$(elem).parent().parent().parent().parent().attr("data-working", "true");
	//segnarsi se far vedere padre al prossimo oppure no, al momento non è fatto
	//utilizzare isFirst per deciderlo
	
	var container = $(elem).parent().parent().parent().parent().parent();
	var found = false;
	var stopped = false;
	var isFirst = false;
	var toRemove = new Array();
	toRemove.push($(elem).parent().parent().parent().parent());
	var contained = container.children();
	for (elem in contained){
		if (contained[elem] && typeof(contained[elem]) != "function"){
			if ($(contained[elem]).attr("data-working") == "true"){
				found = true;
				if ($($(contained[elem]).find("li.itin-elem-intestazione")[0]).find("a").css("display") == "inline-block"){
					isFirst=true;
				}else{
					isFirst=false;
				}
			}
		}
		if (found && !stopped){
			if ($(contained[elem]).hasClass("popup")){
				toRemove.push($(contained[elem]));
			}else if ($(contained[elem]).attr("data-working") != "true"){
				//$(contained[elem]).find(".itin-elem-intestazione a").css("display", "inline-block");
				if (isFirst){
					$(contained[elem]).find(".itin-elem-intestazione a").fadeIn(500).css("display","inline-block");
					$(contained[elem]).find(".itin-elem-line a").fadeIn(500).css("display", "inline-block");
					$(contained[elem]).find(".itin-elem-line2 a").fadeIn(500).css("display", "inline-block");
				
					$(contained[elem]).find(".itin-elem-intestazione.fake a").fadeOut(500).css("display", "none");
					$(contained[elem]).find(".itin-elem-lineFake a").fadeOut(500).css("display", "none");
					$(contained[elem]).find(".itin-elem-line2Fake a").fadeOut(500).css("display", "none");
					$(contained[elem]).find(".itin-elem-art a .link-line").fadeOut(500).css("display", "none");
				
					$(contained[elem]).find(".itin-elem-art a .link-line.closeX-art").fadeIn(500).css("display", "block");
				}
				stopped = true;
			}
		}
	}
	
	$("li[data-working=true]").attr("data-working", "false");
	
	for (elem in toRemove){
		if (toRemove && typeof(toRemove[elem]) != "function"){
			toRemove[elem].fadeOut(500);
			var elemToRemove = toRemove[elem];
			setTimeout(function(){
				elemToRemove.remove();
			}, 600);
		}
	}
	
	
}

function removeIntElem(elem){
	//alert("int " + elem);
	$(elem).parent().parent().parent().parent().attr("data-working", "true");
	var container = $(elem).parent().parent().parent().parent().parent();
	var found = false;
	var stopped = false;
	var toRemove = new Array();
	toRemove.push($(elem).parent().parent().parent().parent());
	var contained = container.children();
	
	for (elem in contained){
		if (found && !stopped){
				if ($(contained[elem]).find("li.itin-elem-intestazione").hasClass("popup") || (!$(contained[elem]).hasClass("last") && $($(contained[elem]).find("li.itin-elem-intestazione")[0]).find("a").css("display") != "inline-block")){
					toRemove.push($(contained[elem]));
				}
				if (!$(contained[elem]).find("li.itin-elem-intestazione").hasClass("popup") && ($(contained[elem]).hasClass("last") || $($(contained[elem]).find("li.itin-elem-intestazione")[0]).find("a").css("display") == "inline-block")){
					stopped = true;
				}
		}
		if (contained[elem] && typeof(contained[elem]) != "function"){
			if ($(contained[elem]).attr("data-working") == "true"){
				found = true;
			}
		}
	}
	
	$("li[data-working=true]").attr("data-working", "false");
	
	for (elem in toRemove){
		if (toRemove && typeof(toRemove[elem]) != "function"){
			toRemove[elem].fadeOut(500);
			var elemToRemove = toRemove[elem];
			setTimeout(function(){
				elemToRemove.remove();
			}, 600);
		}
	}
}

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;
}