var itemActivo = 0;
var xGhostActual = '350px';
var xGhostAnteriores = '420px';

function menuOver(num) {
    document.getElementById("menu_" + num).src = "images/menu_" + num + "_over.png";    
}
function menuOut(num) {
    if (num != itemActivo) document.getElementById("menu_" + num).src = "images/menu_" + num + ".png";    
}
function menuClick(num) {
    resetPage();
    switch (num) {
        case 1:
            document.getElementById('actual').style.display = "block";
            break;
        case 2: 
            document.getElementById('anteriores').style.display = "block";
            document.getElementById('anterioresOver').style.display = "block";
            document.getElementById('ghost').style.display = "block";
            document.getElementById('ghost').style.left = xGhostAnteriores;
            break;
        case 3: 
            document.getElementById('contacto').style.display = "block";
            document.getElementById('ghost').style.display = "block";
            document.getElementById('ghost').style.left = xGhostAnteriores;
            break;
        case 4: 
            document.getElementById('nosotros').style.display = "block";
            document.getElementById('ghost').style.display = "block";
            document.getElementById('ghost').style.left = xGhostAnteriores;
            break;
        case 5: 
            document.getElementById('legal').style.display = "block";
            document.getElementById('ghost').style.display = "block";
            document.getElementById('ghost').style.left = xGhostAnteriores;
            break;
        case 6: 
            document.getElementById('copy').style.display = "block";
            break;
    }
    menuSet(num);
}


function menuSet(num) {
    menuReset();
    document.getElementById("menu_" + num).src = "images/menu_" + num + "_over.png";   
    itemActivo = num;
}
function menuReset() {
    for (var i = 1 ; i <= 6; i++) {
        document.getElementById("menu_" + i).src = "images/menu_" + i + ".png";
    }
    itemActivo = 0;
}


function resetPage() {
    menuReset();
    document.getElementById('actual').style.display = "none";  
    document.getElementById('actualOver').style.display = "none";  
    document.getElementById('ghost').style.display = "none";     
    document.getElementById('panel').style.display = "none";     
    document.getElementById('anteriores').style.display = "none"; 
    document.getElementById('anterioresOver').style.display = "none"; 
    document.getElementById('contacto').style.display = "none";     
    document.getElementById('nosotros').style.display = "none";     
    document.getElementById('legal').style.display = "none";      
    document.getElementById('copy').style.display = "none";      
    document.getElementById('panel_contenido').style.display = "none";
    if (itemActivo > 0) document.getElementById('panel_' + itemActivo).style.display = "none";
}


function limitsClick() {
    //document.getElementById('panel').style.display = "none";        
}


function actualOver () {
    document.getElementById('actualOver').style.display = "block"; 
}
function actualOut () {
    document.getElementById('actualOver').style.display = "none"; 
}
function overH(num) {
    document.getElementById('h_' + num + '_over').style.display = "block"; 
}
function outH(num) {
    document.getElementById('h_' + num + '_over').style.display = "none"; 
}



function actualClick() { 
    document.getElementById('ghost').style.left = xGhostActual;
    document.getElementById('ghost').style.display = "block"; 
    document.getElementById('panel').style.display = "block";
    document.getElementById('panel_contenido').innerHTML = document.getElementById('panel_actual').innerHTML;
    document.getElementById('panel_contenido').style.display = "block";     
}

function contenido(num) { 
    document.getElementById('ghost').style.left = xGhostActual;
    document.getElementById('ghost').style.display = "block"; 
    document.getElementById('panel').style.display = "block";  
    document.getElementById('panel_contenido').innerHTML = document.getElementById('panel_' + num).innerHTML; 
    document.getElementById('panel_contenido').style.display = "block";     
}
function cerrarContenido() {
    document.getElementById('ghost').style.display = "none"; 
    document.getElementById('panel').style.display = "none";  
    document.getElementById('panel_contenido').style.display = "none";             
}