// JavaScript Document

function clearall()
{
document.getElementById('nav2').style.visibility = 'hidden'
document.getElementById('bureau').style.backgroundColor = 'black'
document.getElementById('bureau').style.color = 'white'
document.getElementById('nav3').style.visibility = 'hidden'
document.getElementById('projecten').style.backgroundColor = 'black'
document.getElementById('projecten').style.color = 'white'
document.getElementById('interactief').style.backgroundColor = 'black'
document.getElementById('interactief').style.color = 'white'
document.getElementById('nav4').style.visibility = 'hidden'
document.getElementById('nav5').style.visibility = 'hidden'
document.getElementById('contact').style.backgroundColor = 'black'
document.getElementById('contact').style.color = 'white'
}

function navigateto(ref,submenu)
{
clearall()
document.getElementById(submenu).style.visibility = 'visible'
document.getElementById(ref).style.backgroundColor = 'white'
document.getElementById(ref).onmouseout = ''
document.getElementById(ref).style.color = 'black'
}

function changebg(ref)
{
document.getElementById(ref).style.backgroundColor = 'white'
document.getElementById(ref).style.color = 'black'
}
function clearbg(ref)
{
document.getElementById(ref).style.backgroundColor = 'black'
document.getElementById(ref).style.color = 'white'
}