/**
*
*/
var twpestanas = function(nombre){
  /**
  *
  */
  this.nombre = nombre;
  /**
  *
  */
  this.pestanas = new Array('defecto');
  /**
  *
  */
  this.defecto = this.nombre+'-defecto';
  /**
  *
  */
  this.activa = '';
  /**
  *
  */
  this.activaold = '';
  /**
  *
  */
  this.temporal=false;
  /**
  *
  */
  this.selclass = 'selected';

  /**
  *
  */
  this.hideAll = function (){
      for(var i=0;i<this.pestanas.length;i++){
		var n=this.pestanas[i];
		obj = document.getElementById(n+"-item");
        obj.style.display="none";
	}
    //
    //window.activa.className = window.activa.classNameOld;
    //

    //
    //alert(window.activa.classNameOld); // = this.classNameOld;
    //

  }

  /**
  *
  */
	this.mouseover = function(arg){
		this.hideAll();
		document.getElementById(this.defecto).style.display="none";
		arg.lista.style.display=(arg.lista.style.display=="none")?"block":"none";
    //
    //window.activa.classNameOld = window.activa.className;
    //window.activa.className = this.selclass;
    //if (window.activaold) window.activaold.className = window.activaold.classNameOld;
    //window.activaold = arg.lista;
    //
	}
  /**
  *
  */
	this.init = function(){
    nombre = this.nombre;
		if(this.activa!=""){
			document.getElementById(this.defecto).style.display="none";
		}
		for(var i=0;i<this.pestanas.length;i++){
			var n=this.pestanas[i];           
			var e=document.getElementById(n);
            e.lista=document.getElementById(n+'-item');
			if(this.activa!=""&&this.activa==n){
				e.lista.style.display="block";
			}else{
				e.lista.style.display="none";
			}
      e.onmouseover=function(){
				window.activa=this;
				this.temporal=setTimeout(nombre+'.mouseover(this.activa)',300);
			}
      // para cambiar tambien en onclick
			e.onclick=function(){
        window.activa=this;
				this.temporal=setTimeout(nombre+'.mouseover(this.activa)',10);
			}

			e.onmousedown=function(){
				this.temporal=setTimeout(nombre+'.mouseover(this.activa)',10);
			}
			e.onmouseout=function(){
				try{clearTimeout(this.temporal);}catch(e){}
			}
		}
		document.getElementById("submenu").onmouseover=function(){
			try{
        if(this.temporal){
          clearTimeout(this.temporal);
			  }
      }catch(e){}
		}
	}

  /**
  * @param pestanaid valor de atributo id de la pestana a iniciar
  */
  this.inicia = function(pestanaid){
    try{
      this.activa=pestanaid;
      this.init();
    }catch(e){
      //setTimeout(this.nombre+".inicia()",100);
    }
  }
}