//###############################################################
// RefreshHtmlContent Permite refrescar cualquier elemento con html
//###############################################################
var CategoriasBehavior = Behavior.create({
  id_destino: "",
  my_id: "",
  initialize: function() {
    var id_dest = this.element.readAttribute("class");
    this.my_id = this.element.readAttribute("id"); // Si el identificador de elemento es el mismo
    										// que el de destino el efecto es cerrar la capa
                                                                                                 
    id_dest = id_dest.gsub(/.*catid_/, '');
    id_dest = id_dest.gsub(/\s+.*/, '');
    this.id_destino = id_dest;
  },
  onclick: function(e) {
        if ($(this.id_destino) != null) {
          Event.stop(e);
  	   elementos = $$(".sidenav li.here");
          elementos.each(function(item) {
               item.removeClassName("here");	
        });  
  	if ($(this.id_destino).visible()) {
  	   this.esconde_capa(); 
  	   //e.target.up(0).removeClassName("desplegado");	
  	}
  	else {
          
  	 //  e.target.up(0).removeClassName("desplegado");	
  	    
  	 //   elementos = $$("li."+e.target.up(0).className);
     //   elementos.each(function(item) {
     //          item.removeClassName("desplegado");	
     //   });  	
     //   elementos = $$("ul."+e.target.up(0).className);
     //   elementos.each(function(item) {
     //       if (item.visible()) {
     //          new Effect.SwitchOff(item, {duration:0.3});
     //       }
     //   });  	
  		this.muestra_capa();
  	 //	e.target.up(0).addClassName("desplegado");
  	}
      }
  },
  esconde_capa: function() {
  	new Effect.SwitchOff($(this.id_destino), {duration:0.3});
  },
  muestra_capa: function() {
  	new Effect.SlideDown($(this.id_destino), {duration:0.3});
      	
  }
});
var YouAreHereBehavior = Behavior.create({
  initialize: function() {
     elementos = $$("ul.sidenav a");
     dir = location.href.substring(0, location.href.lastIndexOf('\/'));
     dom = dir; if (dom.substr(0,7) == 'http:\/\/') dom = dom.substr(7);
     path = ''; var pos = dom.indexOf('\/'); if (pos > -1) {path = dom.substr(pos+1); dom = dom.substr(0,pos);}
     url_actual = location.href.gsub('http://'+dom, '');
     
        elementos.each(function(item) {
            if (item.readAttribute('href') == url_actual ) {
               item.up(0).addClassName("here");	
               if (item.up(1).className != "sidenav") {
                  item.up(1).show();
                  item.up(1).previous().addClassName("here");	
                  if (item.up(2).className != "sidenav") {
                      item.up(2).show();
                      item.up(2).previous().addClassName("here");	
                   }
               }
            }
        });  	
  }
});


Event.addBehavior({
  '.hasSub': CategoriasBehavior() //,
  //'.sidenav': YouAreHereBehavior()
});