//=============================================================================
// Set id and onclick property for each span in show-hide
//============================== GIJS - OCCHIO ================================


var sShowHideUl = document.getElementById("show-hide");

var aLis = sShowHideUl.getElementsByTagName("li");

for (var i = 0; i < aLis.length; i++) {
	aLis[i].setAttribute("id", "list-item-" + i); 
	
	var aSpans = aLis[i].getElementsByTagName("span");
	aSpans[0].style.display = "none";
	
	aLis[i].onclick = function() {
		displaySpan(this.id);
		return false;
	}
}

//=============================================================================
// Function display
//============================== GIJS - OCCHIO ================================

function displaySpan(sId) {
	sObject = document.getElementById(sId);
	var aSpans = sObject.getElementsByTagName("span");
	
	if(aSpans[0].style.display == "block") {
		aSpans[0].style.display = "none";
	} else { 
		aSpans[0].style.display = "block";
	}

}