//the main function, call to the effect object
var desplegado=0;
function init(indice,contTabEnlace){
	var capa=document.getElementById("capa");
	var stretchers = document.getElementsByClassName('stretcher'); //div that stretches
	var toggles = document.getElementsByClassName('display'); //h3s where I click on
	var mostrar="Mostrar menú completo";
	var ocultar="Ocultar menú completo";
	
	//accordion effect
	var myAccordion = new fx.Accordion(
		toggles, stretchers, {opacity: false, duration: 400}
	);
	if (indice==-1){
		if (desplegado==0){
			for (var i=0;i<stretchers.length;i++){
				myAccordion.showThisHideOpen(stretchers[i]);
				desplegado=1;
				capa.innerHTML="<div class=\"ocultar\"><a class=\"lnkMostrar\" href=\"javascript:init(-1,"+contTabEnlace+");\">" + ocultar +"</a></div>";
			}
		}else{
			desplegado=0;
			init(-2,contTabEnlace);	
			capa.innerHTML="<div class=\"mostrar\"><a class=\"lnkMostrar\" href=\"javascript:init(-1,"+contTabEnlace+");\">" + mostrar +"</a></div>";
			
		}
	}else if ((indice >=0 ) && (stretchers.length>indice)){
		myAccordion.showThisHideOpen(stretchers[indice]);
	} 
}