/* BASADO EN "javascript/menu.js" */

// Al darle clic a una SUBCATEGORÍA (con "live()" para captar elementos creados dinámicamente)
$(".e_subcategoria > a").live("click",function(event) {	

   // OPC. 1 - Primera ves que se abre (<a></a> NO tiene hermanos)
   if($(this).siblings().length == 0)  { 
   id = $(this).attr("class"); // <-- Obtenemos ID de la subcategoría (<a href="#" class="$id">)
   var a = $(this); // <-- El link <a href="#" class="$id">Abogados</a>
   a.parent().addClass("loading"); // <-- Cambiamos imagen [+] => "LOADING"
	 $.ajax({  // <-- Petición AJAX
			  type:"GET", 
			  url: path + "ajax/explorar-directorio.php?idsubcat=" + id + "&path=" + path,
			  success:function(data) {
				 a.after(data); // <-- Insertamos la información
	             a.parent().addClass("clic"); // <-- Cambiamos imagen [+] => [-]
				 a.parent().removeClass("loading");
				 a.siblings().slideDown("fast"); // <-- Mostramos
			  } // function success
			  }); // AJAX
	$(this).parent().addClass("abierto"); // <-- Agregamos una clase "abierto" (ya no será necesario volver a cargar la información)
   } 
   // OPC. 2 - Ya se había abierto (sólo mostramos)
   else if($(this).parent().attr("class") == "e_subcategoria abierto")  {
	 $(this).parent().addClass("clic"); // <-- Cambiamos imagen [+] => [-]
	 $(this).siblings().slideDown("fast"); // <-- Mostramos						 
	// OPC. 3 - Cerramos
	} else {
	 $(this).siblings().slideUp("fast");
	 $(this).parent().removeClass("clic"); // <-- Cambiamos imagen [-] => [+]
   } // else

   $(this).blur();
   event.preventDefault();  
  // columnas();

});