function Pestanas(div) {
  this.div = div;
  this.lista = document.createElement('ul');
  this.lista.id = 'listaPestanas';
  this.inicializa();
  this.div.parentNode.insertBefore(this.lista, this.div);
  this.muestra(this.lista.childNodes[0].referencia);

}

Pestanas.prototype = {
  inicializa: function() {
    var primero = true;
    this.divs = Array();
    var divs = this.div.childNodes;
    for(var i = 0; i < divs.length; i++) {
      if(divs[i].className == 'pestana') {
        this.divs.push(divs[i]);
        if(!primero) {
          divs[i].style.display = 'none';
        } else {
          primero = false;
        }

        var j = 2;
		do {
          var h = divs[i].getElementsByTagName('h' + j)[0];
		  if(h) {
            var nombre = h.firstChild.firstChild.data;
            h.parentNode.removeChild(h);
            var li = this.nuevoHijo(nombre, divs[i].id);
            this.lista.appendChild(li);
			break;
		  }
		} while(j++ < 5);
      }
    }
	
  },

  nuevoHijo: function(texto, referencia) {
    var li = document.createElement('li');
    var span = li.appendChild(document.createElement('span'));
    span = span.appendChild(document.createElement('span'));
/*	var enlace = span.appendChild(document.createElement('a'));
	enlace.href = "javascript: void(0)";*/
    span.appendChild(document.createTextNode(texto));
    var pesta = this;

    li.referencia = referencia;
    li.onclick = function() {
      pesta.muestra(referencia);
    }
    return li;
  },

  muestra: function(referencia) {
    for(var i = 0; i < this.divs.length; i++) {
      var div = this.divs[i];
      if(div.id == referencia) {
        div.style.display = 'block';
      } else {
        div.style.display = 'none';
      }
    }

    var lis = this.lista.childNodes;
    for(var i = 0; i < lis.length; i++) {
      if(lis[i].referencia == referencia) {
        lis[i].className = 'activo';
      } else if(lis[i].className == 'activo') {
        lis[i].className = '';
      }
    }
  }
}