/*funciones para crear el menu desplegable*/
function $(id){return document.getElementById(id);}
function getElementsByClassName(rel){
    var col=[];
    var tCol=document.getElementsByTagName('*');
    for(var ii=0;ii<tCol.length;ii++)
        if(tCol[ii].className==rel)
            col.push(tCol[ii])
    return col;
}
var EvRegister=[];
function addEvent(obj, evType, fn, useCapture){
    if(obj.addEventListener){
        obj.addEventListener(evType, fn, useCapture);
    }else if(obj.attachEvent){
        obj.attachEvent("on"+evType, fn);
    }else{
        obj['on'+evType]=fn;
    }
    var ev={_obj:obj,_evType:evType,_fn:fn,_useCapture:useCapture};
    EvRegister.push(ev);
}
function removeEvent(obj, evType, fn, useCapture){
  if (obj.removeEventListener){
    obj.removeEventListener(evType, fn, useCapture);
  } else if (obj.detachEvent){
    obj.detachEvent("on"+evType, fn);
  } else {
    obj['on'+evType]=function(){};
  }
  var ii,l;
  for ( ii= 0, l=EvRegister.length; ii < l ; ii++) {
        if (EvRegister[ii]._evType== evType && EvRegister[ii]._obj==obj && EvRegister[ii]._fn==fn && EvRegister[ii]._useCapture==useCapture) {
            EvRegister.splice(ii, 1);
            break;
        }
    }
 
}
 
function unregisterAllEvents() {
    while (EvRegister.length > 0) {
        removeEvent(EvRegister[0]._obj,EvRegister[0]._evType,EvRegister[0]._fn,EvRegister[0]._useCapture);
    }
}
function efecto(e){
	
	
	
    var e=e || window.event;
    var obj=e.srcElement || e.target;
    var obj2=obj.parentNode.getElementsByTagName('div')[1];
    if(obj2.intervalo)return;
    if(parseInt(obj2.style.height)<obj2.fin){
        //obj.style.borderColor='#CCC';
        //obj.parentNodestyle.borderColor='#CCC';
        obj2.style.height='1px';
        obj2.intervalo=setInterval(function(){obj2.style.height=parseInt(obj2.style.height)+10+'px';if(parseInt(obj2.style.height)>=obj2.fin){clearInterval(obj2.intervalo);obj2.intervalo=null;}},5);
    }else{
        obj2.style.height=obj2.fin+'px';
        obj2.intervalo=setInterval(function(){obj2.style.height=parseInt(obj2.style.height)-10+'px';if(parseInt(obj2.style.height)<=1){clearInterval(obj2.intervalo);obj2.intervalo=null;}},2);
   }
	
	
	
}

window.onload=function(){
    var bots=getElementsByClassName('titulo_desplegable');
    for(var ii=0;ii<bots.length;ii++){
        addEvent(bots[ii], 'click', efecto, false);
        bots[ii].parentNode.getElementsByTagName('div')[1].fin=bots[ii].parentNode.getElementsByTagName('div')[1].offsetHeight;
        bots[ii].parentNode.getElementsByTagName('div')[1].style.height=0;
    }
    $('container_desplegable').style.visibility='visible';
	
	
}
window.onunload=function(){
    unregisterAllEvents();
     var bots=getElementsByClassName('titulo_desplegable');
     for(var ii=0;ii<bots.length;ii++){
         bots[ii].parentNode.getElementsByTagName('div')[1].fin=null;
     }
}
/*--FIN funciones para crear el menu desplegable*/