function navion1(box)
{    
    var alink = document.getElementById('navilink1')                    
    alink.style.color = "white";        
    box.style.backgroundColor = "#e3b908";                
}

function navioff1(box)
{
    var alink = document.getElementById('navilink1')
    alink.style.color = "#808080";
    box.style.backgroundColor = "#e6e7da";
}

function navion2(box)
{
    var alink = document.getElementById('navilink2')
    alink.style.color = "white";
    box.style.backgroundColor = "#e3b908";
}

function navioff2(box)
{
    var alink = document.getElementById('navilink2')
    alink.style.color = "#808080";
    box.style.backgroundColor = "#e6e7da";
}

function navion3(box)
{
    var alink = document.getElementById('navilink3')
    alink.style.color = "white";
    box.style.backgroundColor = "#e3b908";
}

function navioff3(box)
{
    var alink = document.getElementById('navilink3')
    alink.style.color = "#808080";
    box.style.backgroundColor = "#e6e7da";
}

function navion4(box)
{
    var alink = document.getElementById('navilink4')
    alink.style.color = "white";
    box.style.backgroundColor = "#e3b908";
}

function navioff4(box)
{
    var alink = document.getElementById('navilink4')
    alink.style.color = "#808080";
    box.style.backgroundColor = "#e6e7da";
}