// Funciones para el trabajo con capas a través de un menú
//
// Los dos requisitos para utilizar este código son:
//  1) En el evento 'onload' del body hay que llamar a la función InicializarCapas()
//  2) Las capas debe estar dentro de un contenedor con id 'contenedor' para
//     que otras capas de la página no se vean afectadas por el funcionamiento

///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////

var objDivActivo = null;
var objActuaciones = null;
var alturaContenido;
var alturaActuaciones;
var nVelocidad = 2;
var objContenido;

///////////////////////////////////////////////////////////////
function InicializarCapas()
{
    // Inicializa las variables del control de actuaciones
    objActuaciones = document.getElementById('contenidoActuaciones');
    alturaActuaciones = objActuaciones.offsetHeight;
    objActuaciones.style.top = 0;
}

///////////////////////////////////////////////////////////////
// Mueve hacia abajo la capa activa
function mueveAbajo()
{
    objContenido = marcoContenido.document.getElementById('contenido')
    alturaContenido = objContenido.offsetHeight;
    if ( parseInt(objContenido.style.top) >= (alturaContenido*(-1)+100) )
        objContenido.scrollTop = parseInt(objContenido.scrollTop) + nVelocidad;
        
    mueveabajovar = setTimeout("mueveAbajo()",20)
}

///////////////////////////////////////////////////////////////
// Mueve hacia arriba la capa activa
function mueveArriba()
{
    objContenido = marcoContenido.document.getElementById('contenido')
    alturaContenido = objContenido.offsetHeight;
    if ( parseInt(objContenido.style.top) <= 0 )
        objContenido.scrollTop = parseInt(objContenido.scrollTop) - nVelocidad;
    
    muevearribavar = setTimeout("mueveArriba()",20)
}

///////////////////////////////////////////////////////////////
// Muestra una capa
function mostrar(div) 
{ 
    // Se ocultan todas las capas del contenedor
    var contenedor = document.getElementById('contenedor');
    var divs = contenedor.getElementsByTagName('div');
    for(var i=0; i<divs.length; i++)
        divs[i].style.display = 'none';
            
    // Se muestra la capa que se ha pasado como parámetro
    objDivActivo = document.getElementById(div);
    objDivActivo.style.display = 'block';
    objDivActivo.style.scrollTop = 0;
    objDivActivo.style.top = 0;
}

///////////////////////////////////////////////////////////////
// Mueve hacia abajo la capa activa
function mueveAbajoActuaciones()
{
    if ( parseInt(objActuaciones.style.top) >= (alturaActuaciones*(-1)+100) )
        objActuaciones.scrollTop = parseInt(objActuaciones.scrollTop) + nVelocidad;
    
    mueveabajoactuacionesvar = setTimeout("mueveAbajoActuaciones()",20)
}

///////////////////////////////////////////////////////////////
// Mueve hacia arriba la capa activa
function mueveArribaActuaciones()
{
    if ( parseInt(objActuaciones.style.top) <= 0 )
        objActuaciones.scrollTop = parseInt(objActuaciones.scrollTop) - nVelocidad;
    
    muevearribaactuacionesvar = setTimeout("mueveArribaActuaciones()",20)
}

///////////////////////////////////////////////////////////////
// Abre una página en el IFrame de contenido
function AbrirPaginaEnIFrame(pagina)
{
    marcoContenido.location.href = pagina;
}