// Objeto de deteccion del navegador
//**********************************
function DetectorNavegador() {
  this.NS4 = document.layers;
  this.IE4 = document.all;
  this.DHTML = this.NS4 || this.IE4;
}


//inicializacion de variables
//***************************
var soporta = new DetectorNavegador();
var optionActivo = null;
var menuActivo   = null;
var menuVeo      = null;
var cartelActivo = null;

var pregunta   =  new Array();       //vector con todas las preguntas
var respuesta  =  new Array();       //vector con las respuestas correctas de todas las preguntas
var veces      =  new Array();       //vector con las veces que se clickeo mal las respuestas de una pregunta
var sabermas   =  new Array();       //vector con las fichas para saber mas (despues de 2 respuestas malas en la misma preg)
var menu       =  new Array();

//-----------------------------------------
//  definiciones para la classe MENU
//-----------------------------------------

// Objeto activar Menu
//**********************
function activarMenu() {
  if (soporta.DHTML && menuActivo != this) {
    if (menuActivo) menuActivo.ocultar();
    menuActivo = this;
    this.mostrar();
  }
}

//Objeto veo menu
//*****************
function veoMenu() {
    if (menuVeo) menuVeo.ocultar();
    menuVeo = this;
    eval(this.capaRefStr + this.estiloRefStr + '.visibility = "visible"');
}

// Objeto mostrar Menu
//***********************
function mostrarMenu() {
  eval(this.capaRefStr + this.estiloRefStr + '.visibility = "visible"');
}

// Objeto ocultar Menu
//***********************
function ocultarMenu() {
  eval(this.capaRefStr + this.estiloRefStr + '.visibility = "hidden"');
}

// Objeto cambiar posicion Menu
//*******************************
function cambiarPosicionMenu(top, left) {
  if (soporta.DHTML) {
    eval(this.capaRefStr + this.estiloRefStr + this.topRefStr + ' = top');
    eval(this.capaRefStr + this.estiloRefStr + this.leftRefStr + ' = left');
  }
}

//definicion class Menu (constructor)
//*************************************
function Menu(capaID, top, left) {
  this.activar         = activarMenu;
  this.veo             = veoMenu;
  this.mostrar         = mostrarMenu;
  this.ocultar         = ocultarMenu;
  this.cambiarPosicion = cambiarPosicionMenu;
  this.capaRefStr      = (soporta.NS4) ? 'document["'+capaID+'"]' :  'document.all["'+capaID+'"]';
  this.estiloRefStr    = (soporta.NS4) ? ''                       : '.style';
  this.topRefStr       = (soporta.NS4) ? '.top'                   : '.pixelTop';
  this.leftRefStr      = (soporta.NS4) ? '.left'                  : '.pixelLeft';
  this.cambiarPosicion(top, left);
}

// Manejo de eventos
//******************
function ocultarMenuActivo(e) {
  if (menuActivo) {
    menuActivo.ocultar();
    menuActivo = null;
  }
  if (menuVeo) {
    menuVeo.ocultar();
    menuVeo = null;
  }
}