function showLinkPopup(artEl, linkEl, folderPopup, filenamePopup) {
	function ajaxResShowLinkPopup(data) {
		var htmlToAppend = "<div id='articolo-popup-"+folderPopup+"-"+filenamePopup+"' class='articolo-popup'>"+data;
		htmlToAppend += "<div class='popup-arrow'></div></div>";

		var popupEl = $(htmlToAppend);
		artEl.append(popupEl);

		var arrowEl = $("#articolo-popup-"+folderPopup+"-"+filenamePopup+" .popup-arrow");
		arrowEl.css("top", (popupEl.outerHeight()/2)-10);

		/* gestione freccia */
		var diffTop = linkEl.offset().top - arrowEl.offset().top - 10;
		var diffLeft = arrowEl.offset().left - (linkEl.offset().left + (linkEl.width()/2));

		//lunghezza freccia tramite teorema di Pitagora
		var arrowLenght = Math.sqrt(Math.pow(diffLeft, 2)+Math.pow(diffTop, 2));

		//angolo nell'asse Y da impostare alla freccia
		var angleDeg = ((180/Math.PI)*Math.asin(diffLeft/arrowLenght))-90;

		arrowEl.css("left", -((arrowLenght/2)+5));
		arrowEl.css("transform", "skewY("+angleDeg+"deg) scaleX("+(arrowLenght/10)+")");
		arrowEl.css("-ms-transform", "skewY("+angleDeg+"deg) scaleX("+(arrowLenght/10)+")"); //IE9
		arrowEl.css("top", popupEl.outerHeight()/2);

	}

	if ($("#articolo-popup-"+folderPopup+"-"+filenamePopup).length > 0) { //popup già creato in precedenza
		$("#articolo-popup-"+folderPopup+"-"+filenamePopup).show();
	} else {
		$.ajax({
			url: "./ajax/openArticle.php",
			data: {
				html: folderPopup+"/"+filenamePopup+".htm",
				popup: true,
				//padreArt: artEl.attr("art-id")
				padreArt: linkEl.attr("art-session")
			},
			dataType: "HTML",
			type: "GET",
			success: function(data) {
				ajaxResShowLinkPopup(data);
			},
			error: function(request) {
				if (request.status == 404) {
					alert("File non trovato: "+folderPopup+"/"+filenamePopup);
				} else {
					alert("Errore nell'apertura del popup");
				}
			}
		});
	}
}

function reduceTab(clicked, folder, filename) {
	var parentEl = clicked.parent();
	var articoloEl = clicked.closest("articolo");
	var tabRef = parentEl.attr("tab-ref");

	$("#articolo-"+folder+"_"+filename+" ."+tabRef+"-tab").removeClass("selected");
	$("#articolo-"+folder+"_"+filename+" ."+tabRef).css("display", "none");
}

function expandTab(clicked, folder, filename) {
	var parentEl = clicked.parent();
	var tabRef = parentEl.attr("tab-ref");

	if (parentEl.hasClass("selected")) { //espandi al 100%  se è tab già selezionato
		var containerIndex = parentEl.parent().index();
		var otherSelected = $("#articolo-"+folder+"_"+filename+" .tab-container").not(":eq("+(containerIndex-1)+")").find(".selected");
		otherSelected.removeClass("selected");

		otherSelected.each(function() { //e nascondi gli altri
			var otherTabRef = $(this).attr("tab-ref");
			$("#articolo-"+folder+"_"+filename+" ."+otherTabRef).css("display", "none");			
		});

	} else { //semplicemente fai apparire il container
		changeTabArticolo(parentEl, folder, filename);
	}
}

function changeTabArticolo(clicked, folder, filename) {
	if (!clicked.hasClass("selected")) { //nel caso in cui il tab non sia stato già selezionato
		if (clicked.hasClass("originale-tab")) { //cliccato tab "Testo originale"
			clicked.addClass("selected");
			$("#articolo-"+folder+"_"+filename+" .ristrutturato-tab").removeClass("selected");
			$("#articolo-"+folder+"_"+filename+" .ristrutturato").css("display", "none");
			$("#articolo-"+folder+"_"+filename+" .originale").css("display", "table-cell");
		} else if (clicked.hasClass("ristrutturato-tab")) { //cliccato tab "Testo ristrutturato"

			function showRistrutturatoTab() {
				clicked.addClass("selected");
				$("#articolo-"+folder+"_"+filename+" .originale-tab").removeClass("selected");
				$("#articolo-"+folder+"_"+filename+" .originale").css("display", "none");
				$("#articolo-"+folder+"_"+filename+" .ristrutturato").css("display", "table-cell");
			}

			function ajaxShowRistrutturatoTab(data) {
				$("#articolo-"+folder+"_"+filename+" .ristrutturato").append(data);
				showRistrutturatoTab();
			}

			if ($("#articolo-"+folder+"_"+filename+" .ristrutturato").children().length > 0) {
				showRistrutturatoTab();
			} else {
				$.ajax({ //caricamento visuali (tab "Schema")
					url: "./ajax/openArticle.php",
					data: {
						html: folder+"/"+filename+"_R.htm"
					},
					dataType: "HTML",
					type: "GET",
					success: function(data) {
						ajaxShowRistrutturatoTab(data);
					},
					error: function(request) {
						if (request.status == 404) {
							ajaxShowRistrutturatoTab("File non trovato");
						} else {
							ajaxShowRistrutturatoTab("Errore nell'apertura dell'articolo");
						}
					}
				});
			}

		} else if (clicked.hasClass("schema-tab")) {
			clicked.addClass("selected");
			$("#articolo-"+folder+"_"+filename+" .schema").css("display", "table-cell");
		}
	}
}

function VisualizzaArticolo(clicked, folder, filename, p4, p5) { //p4 e p5 attualmente sono uguali rispettivamente a "dls" e null

	function ajaxVisualizzaArticolo(data, type) {
		//$(clicked).closest("li").append("<div class='articolo'>"+data+"</div>");
		$("#articolo-"+folder+"_"+filename+" ."+type).append(data);
		//controllo se l'altra colonna è stata già caricata. Se sì, allora mostra l'articolo
		if ((type == "originale" && $("#articolo-"+folder+"_"+filename+" .schema").html()!="") ||
			(type == "schema" && $("#articolo-"+folder+"_"+filename+" .originale").html()!="")) {

			/*var height = $("#articolo-"+folder+"_"+filename).closest("li").height();
			$("#articolo-"+folder+"_"+filename+" .ramo-articolo").css("top", height);*/

			$("#articolo-"+folder+"_"+filename).css("display", "table"); //mostra l'articolo

			var decretoName = $("#articolo-"+folder+"_"+filename).closest(".level-node-2").find("> .node-container .node-text").html();
			var artName = $("#articolo-"+folder+"_"+filename).parent().find(".casocorretto").html();

			decretoName = decretoName.substring(decretoName.indexOf("<b>")+3, decretoName.indexOf("</b>"));

			if (artName.indexOf("<b>")>-1 && artName.indexOf("</b>")>-1 && artName.indexOf("<br>")>-1) { //è presente l'intestazione dell'articolo
				var intestazioneArt = artName.substring(decretoName.indexOf("<b>")+4, artName.indexOf("</b>"));
				var numeroArt = artName.substring(decretoName.indexOf("<br>")+4);
				artName = numeroArt+" - "+intestazioneArt;
			}

			var intestazioneNodo = "<b>"+decretoName+"</b><br>"+artName;

			$.ajax({ //caricamento visuali (tab "Schema")
				url: "./ajax/pushItinerary.php",
				data: {
					intestazione: intestazioneNodo,
					artId: folder+"_"+filename
				},
				type: "GET",
				dataType: "JSON",
				success: function(data) {
					$("#articolo-"+folder+"_"+filename+" a").attr("art-session", data.artNode);
				}
			});

		}

		$("#articolo-"+folder+"_"+filename+" .close-article").click(function() {
			$(this).closest(".articolo").hide();
		});

		$("#articolo-"+folder+"_"+filename+" .reduce-icon").click(function(e) {
			if ($(this).parent().hasClass("selected")) {
				reduceTab($(this), folder, filename);
				e.stopPropagation();
			}
		});

		$("#articolo-"+folder+"_"+filename+" .expand-icon").click(function(e) {
			if ($(this).parent().hasClass("selected")) {
				expandTab($(this), folder, filename);
				e.stopPropagation();
			}
		});

		$("#articolo-"+folder+"_"+filename+" .tab-container .tab").click(function (e) {
			e.stopImmediatePropagation();
			changeTabArticolo($(this), folder, filename);
		});

		/*$("#articolo-"+folder+"_"+filename+" a").click(function (e) {
			e.preventDefault();
			e.stopImmediatePropagation();
			var href = $(this).attr("href");
			var splittedHref = href.substring(href.indexOf("#")+1).split("_");
			var folderPopup = splittedHref[0]+"_"+splittedHref[1];
			var filenamePopup = splittedHref[2];

			showLinkPopup($("#articolo-"+folder+"_"+filename), $(this), folderPopup, filenamePopup);
		});*/

		$("#articolo-"+folder+"_"+filename+" a").hover(
			function (e) { //handlerIn (appare popup)
				e.preventDefault();
				e.stopImmediatePropagation();
				var href = $(this).attr("href");
				var splittedHref = href.substring(href.indexOf("#")+1).split("_");
				var folderPopup = splittedHref[0]+"_"+splittedHref[1];
				var filenamePopup = splittedHref[2];
				showLinkPopup($("#articolo-"+folder+"_"+filename), $(this), folderPopup, filenamePopup);	
		}, function (e) { //handlerOut (scompare popup)
				e.preventDefault();
				e.stopImmediatePropagation();
				var href = $(this).attr("href");
				var splittedHref = href.substring(href.indexOf("#")+1).split("_");
				var folderPopup = splittedHref[0]+"_"+splittedHref[1];
				var filenamePopup = splittedHref[2];
				$("#articolo-popup-"+folderPopup+"-"+filenamePopup).hide();
		});	
	}

	if ($("#articolo-"+folder+"_"+filename).length > 0) {
		$("#articolo-"+folder+"_"+filename).show();
	} else {
		var htmlToAppend = "<div id='articolo-"+folder+"_"+filename+"' class='articolo' art-id='"+folder+"_"+filename+"' style='display:none;'>";
		htmlToAppend += "<div class='header-container'><div class='close-article'></div>";

		/*htmlToAppend += "<li class='originale-tab tab selected'><div class='tab-text'>Testo originale</div></li>";
		htmlToAppend += "<li class='ristrutturato-tab tab'><div class='tab-text'>Testo ristrutturato</div></li></ul>";
		htmlToAppend += "<ul class='tab-container'><li class='schema-tab tab selected'><div class='tab-text'>Schema</li>";*/

		htmlToAppend += "<ul class='tab-container'>";

		htmlToAppend += "<li class='originale-tab tab selected' tab-ref='originale'>";
		htmlToAppend += "<div class='originale-icon'></div>";
		htmlToAppend += "<div class='tab-text'>Testo originale</div>";
		htmlToAppend += "<div class='reduce-icon'></div>";
		htmlToAppend += "<div class='expand-icon'></div>";
		htmlToAppend += "</li>";

		htmlToAppend += "<li class='ristrutturato-tab tab' tab-ref='ristrutturato'>";
		htmlToAppend += "<div class='ristrutturato-icon'></div>";
		htmlToAppend += "<div class='tab-text'>Testo ristrutturato</div>";
		htmlToAppend += "<div class='reduce-icon'></div>";
		htmlToAppend += "<div class='expand-icon'></div>";
		htmlToAppend += "</li></ul>";

		htmlToAppend += "<ul class='tab-container'>";

		htmlToAppend += "<li class='schema-tab tab selected' tab-ref='schema'>";
		htmlToAppend += "<div class='schema-icon'></div>";
		htmlToAppend += "<div class='tab-text'>Schema</div>";
		htmlToAppend += "<div class='reduce-icon'></div>";
		htmlToAppend += "<div class='expand-icon'></div>";
		htmlToAppend += "</li>";

		htmlToAppend += "</ul></div>";
		htmlToAppend += "<div><div class='ramo-articolo'></div>";
		htmlToAppend += "<div class='originale'></div>";
		htmlToAppend += "<div class='ristrutturato' style='display:none;'></div>";
		htmlToAppend += "<div class='schema'></div>";
		htmlToAppend += "</div></div>";

		$(clicked).closest("li").append(htmlToAppend);

		$.ajax({ //caricamento articolo originale
			url: "./ajax/openArticle.php",
			data: {
				html: folder+"/"+filename+"_O.htm"
			},
			dataType: "HTML",
			type: "GET",
			success: function(data) {
				ajaxVisualizzaArticolo(data, "originale");
			},
			error: function(request) {
				if (request.status == 404) {
					ajaxVisualizzaArticolo("File non trovato", "originale");
				} else {
					ajaxVisualizzaArticolo("Errore nell'apertura dell'articolo", "originale");
				}
			}
		});


		$.ajax({ //caricamento visuali (tab "Schema")
			url: "./ajax/openArticle.php",
			data: {
				html: folder+"/"+filename+"_V.htm"
			},
			dataType: "HTML",
			type: "GET",
			success: function(data) {
				ajaxVisualizzaArticolo(data, "schema");
			},
			error: function(request) {
				if (request.status == 404) {
					ajaxVisualizzaArticolo("File non trovato", "schema");
				} else {
					ajaxVisualizzaArticolo("Errore nell'apertura dell'articolo", "schema");
				}
			}
		});
	}
}