CSS = {
    // Adds a class to an element.
    AddClass: function (e, c) {
        if (!e.className.match(new RegExp("\\b" + c + "\\b", "i")))
            e.className += (e.className ? " " : "") + c;
    },

    // Removes a class from an element.
    RemoveClass: function (e, c) {
        e.className = e.className.replace(new RegExp(" \\b" + c + "\\b|\\b" + c + "\\b ?", "gi"), "");
    }
};

function  PonerEstilos  (grupo_id,hoja_class)
    {
           //Ponemos los estilos
      if (document.createStyleSheet) {
          var style = document.createStyleSheet();
          style.addRule("#"+grupo_id+' .'+ hoja_class, "display: none;");
          //style.addRule("div" + this.contentId, "display: block;");
      }
      else {
          var head = document.getElementsByTagName("head")[0];
          if (head) {

              var style = document.createElement("style");
              style.setAttribute("type", "text/css");
              style.appendChild(document.createTextNode("#"+grupo_id+'  .'+ hoja_class+" { display: none; }"));
      	      //style.appendChild(document.createTextNode("div" +this.contentId + " { display: block; }"));
              head.appendChild(style);
          }
      }
    }

function IrA(grupo_id,hoja_id,hoja_class)
{
    // Mostramos hoja_id y ocultamos el resto
	var oGrupo = document.getElementById(grupo_id);
	var divs = oGrupo.getElementsByTagName("div");
	for (var i = 0; i < divs.length; i++) {
            var div = divs[i];
	    if (div.id == hoja_id && div.className ==hoja_class)
			div.style.display = "block";
	    else  if (div.className ==hoja_class) {div.style.display = "none"; }	
	}
  // Hacemos lo mismo con las pestañas
	//var oGrupo = document.getElementById(grupo_id);
	 //var toc = document.getElementById(this.idol);
	//var toc=oGrupo.getElementsByTagName("ol");
	//var lis=toc.getElementsByTagName("li");
	var tocs=oGrupo.getElementsByTagName("ol");
	var lis=tocs[0].getElementsByTagName("li");
         for (var j = 0; j < lis.length; j++) {
                var li = lis[j];
		var anchors = li.getElementsByTagName("a");
	        for (var k = 0; k < anchors.length; k++) {
                      if (anchors[k].hash == "#" + hoja_id) { li.className="current";}
		      else	{ li.className="";}
	      }
       }
}

function Controlador(e,grupo_id,hoja_id,hoja_class)
{
 	if (!e) e = window.event;
       	if (e.preventDefault) e.preventDefault(); else e.returnValue = false;
	IrA(grupo_id,hoja_id,hoja_class);
}

function Init(grupo_id,hoja_class)
{
	//Asignamos el eveno onclick
 	oGrupo = document.getElementById(grupo_id);
	var anchors = oGrupo.getElementsByTagName("a");
        for (var i = 0; i < anchors.length; i++) {
            var a = anchors[i];
            if (a.hash) 
		{
			anchors[i].onclick = function (e) { Controlador(e,grupo_id,this.hash.substring(1),hoja_class);}
	        }
	}
	// Mostramos la primera hoja
	var divs = oGrupo.getElementsByTagName("div");
	for (var i = 0; i < divs.length; i++) {
		var div = divs[i];
	 	if (div.className ==hoja_class) {div.style.display = "block"; break;}
	}
}
function CreaTabs(grupo_id,hoja_class)
{
 	PonerEstilos(grupo_id,hoja_class);
	Init(grupo_id,hoja_class);
}