function rOn(id){ var div = document.getElementById(id); div.style.display = "block"; } function rOff(id){ var div = document.getElementById(id); div.style.display = "none"; } function showButton(id){ switch (id){ case 'rollOverb1': document.getElementById('rollOverb1').className='button1On'; document.getElementById('rollOverb2').className='button2Off'; document.getElementById('rollOverb3').className='button3Off'; document.getElementById('rollOverb4').className='button4Off'; break; case 'rollOverb2': document.getElementById('rollOverb2').className='button2On'; document.getElementById('rollOverb1').className='button1Off'; document.getElementById('rollOverb3').className='button3Off'; document.getElementById('rollOverb4').className='button4Off'; break; case 'rollOverb3': document.getElementById('rollOverb3').className='button3On'; document.getElementById('rollOverb1').className='button1Off'; document.getElementById('rollOverb2').className='button2Off'; document.getElementById('rollOverb4').className='button4Off'; break; case 'rollOverb4': document.getElementById('rollOverb4').className='button4On'; document.getElementById('rollOverb2').className='button2Off'; document.getElementById('rollOverb3').className='button3Off'; document.getElementById('rollOverb1').className='button1Off'; break; } }