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
		}

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

	if ($("#articolo-"+folder+"_"+filename).length > 0) {
		$("#articolo-"+folder+"_"+filename).show();
	} else {
		var htmlToAppend = "<div id='articolo-"+folder+"_"+filename+"' class='articolo' style='display:none;'>";
		htmlToAppend += "<div class='header-container'><div class='close-article'></div>";
		htmlToAppend += "<ul class='tab-container'><li class='originale-tab tab'>Testo originale</li>";
		htmlToAppend += "<li class='ristrutturato-tab tab'>Testo ristrutturato</li></ul>";
		htmlToAppend += "<ul class='tab-container'><li class='schema-tab tab'>Schema</li></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");
				}
			}
		});
	}
}