// Sirve para ocultar múltiples vids, para hacer pestañas, por ejemplo.
// v1.0 - 2008/05/13 - CVI - Primera Versión
// TODO: Validación del Area Javascript

// ---------------------------------------------------------
// Muestra uno sólo de los divs
//    prefijo:  Prefijo de los divs (permite múltiples grupos).
//    numb:     Número del div a mostrar
function activar_menu_esp(numb) {

    var prefijo1 = 'menu_esp_';
    var prefijo2 = 'menu_esp_head';
    var prefijo3 = 'menu_esp_img';
    var maximo = 10;

    hide_all(prefijo1);
    show_one(prefijo1, numb);

    set_class_active(prefijo2, numb, maximo);
};

// ---------------------------------------------------------
// Muestra uno sólo de los divs
//    prefijo:  Prefijo de los divs (permite múltiples grupos).
//    numb:     Número del div a mostrar
function show_one(prefijo, numb) {
  var midiv = prefijo + numb;
  var nrodivs=document.body.getElementsByTagName("DIV").length;
  for (i=1;i<nrodivs;i++) {
    var thisdiv = prefijo + i;
    if (midiv == thisdiv) {
      if (document.getElementById(midiv)) {
        var mibody = document.getElementById(midiv);
        mibody.style.display = "inline";
      };
    };
  };
};
// Muestra uno sólo de los divs
//    prefijo:  Prefijo de los divs (permite múltiples grupos).
//    numb:     Número del div a mostrar
function show_uno(prefijo, numb) {
  var midiv = prefijo + numb;
  var nrodivs=document.body.getElementsByTagName("DIV").length;
  for (i=1;i<nrodivs;i++) {
    var thisdiv = prefijo + i;
    if (midiv == thisdiv) {
      if (document.getElementById(midiv)) {
        var mibody = document.getElementById(midiv);
        mibody.style.position = 'absolute';
        mibody.style.left = '';
      };
    };
  };
};

// ---------------------------------------------------------
// Oculta todos los divs del grupo
//    prefijo:  Prefijo de los divs (permite múltiples pestañas).
function hide_todo(prefijo) {
  var nrodivs=document.body.getElementsByTagName("DIV").length;
  for (i=1;i<nrodivs;i++) {
    midiv = prefijo + i;
    if (document.getElementById(midiv)) {
      var mibody = document.getElementById(midiv);
      mibody.style.position = 'absolute';
      mibody.style.left = '-2000px';
    };
  };
};
// ---------------------------------------------------------
// Oculta todos los divs del grupo
//    prefijo:  Prefijo de los divs (permite múltiples pestañas).
function hide_all(prefijo) {
  var nrodivs=document.body.getElementsByTagName("DIV").length;
  for (i=1;i<nrodivs;i++) {
    midiv = prefijo + i;
    if (document.getElementById(midiv)) {
      var mibody = document.getElementById(midiv);
      mibody.style.display = "none";
    };
  };
};
// -------------------------------------------
function esconder(midiv) {
    var thediv = document.getElementById(midiv);
    if(thediv) {
        thediv.style.display = "none";
    };
}; // esconder.

// -------------------------------------------
function mostrar(midiv) {
    var thediv = document.getElementById(midiv);
    if(thediv) {
        thediv.style.display = "inline";
    };
}; // mostrar.

// -------------------------------------------
function mostrarAlt2(midiv) {
    var thediv = document.getElementById(midiv);
    if(thediv) {
        // var isGecko = navigator.userAgent.indexOf('Gecko') != -1;
         thediv.style.position = 'static';
         thediv.style.left = '';
    };
};
// -------------------------------------------
function esconderAlt2(midiv) {
    var thediv = document.getElementById(midiv);
    if(thediv) {
        thediv.style.position = 'absolute';
        thediv.style.left = '-1000px';
    };
};

// ---------------------------------------------------------
function set_class_active(prefijo, numb, maximo) {
    var midiv = prefijo + numb;
    var nrodivs=document.body.getElementsByTagName("DIV").length;
    for (i=1;i<=maximo;i++) {
        var thisdiv = prefijo + i;
        if (midiv == thisdiv) {
            if (document.getElementById(thisdiv)) {
                var mibody = document.getElementById(thisdiv);
                mibody.className = "activo";
            }
        } else {
            if (document.getElementById(thisdiv)) {
                var mibody = document.getElementById(thisdiv);
                mibody.className = "boton";
            }
        };
    };
};