/* showMenu() is called when "onmouseover" event is triggered
   @visibleMenu: id of submenu to be visible
   @hiddenMenu1: id of submenu to be hidden
   @hiddenMenu2: id of submenu to be hidden
*/
function showMenu(visibleMenu, hiddenMenu1, hiddenMenu2)
{
    document.getElementById(visibleMenu).style.visibility='visible';
    document.getElementById(hiddenMenu1).style.visibility='hidden';
    document.getElementById(hiddenMenu2).style.visibility='hidden';

    // make main category menu heading change color on "onmouseover" event trigger
    if(visibleMenu == 'itMenu')
    {    
         document.getElementById('itMainMenu').style.backgroundColor='#5f584b';
         document.getElementById('itMainMenu').style.color='#e3e2e1';
         document.getElementById('dcMainMenu').style.backgroundColor='#cabda4';
         document.getElementById('dcMainMenu').style.color='#3b352a';
         document.getElementById('fiMainMenu').style.backgroundColor='#cabda4';
         document.getElementById('fiMainMenu').style.color='#3b352a';
    }
    else if(visibleMenu == 'dcMenu')
    {    
         document.getElementById('itMainMenu').style.backgroundColor='#cabda4';
         document.getElementById('itMainMenu').style.color='#3b352a';
         document.getElementById('dcMainMenu').style.backgroundColor='#5f584b';
         document.getElementById('dcMainMenu').style.color='#e3e2e1';
         document.getElementById('fiMainMenu').style.backgroundColor='#cabda4';
         document.getElementById('fiMainMenu').style.color='#3b352a';    
    }
    if(visibleMenu == 'fiMenu')
    {
         document.getElementById('itMainMenu').style.backgroundColor='#cabda4';
         document.getElementById('itMainMenu').style.color='#3b352a';
         document.getElementById('dcMainMenu').style.backgroundColor='#cabda4';
         document.getElementById('dcMainMenu').style.color='#3b352a';
         document.getElementById('fiMainMenu').style.backgroundColor='#5f584b';
         document.getElementById('fiMainMenu').style.color='#e3e2e1';    
    }
}


function resetMainMenu()
{
    document.getElementById('itMainMenu').style.backgroundColor='#cabda4'; 
    document.getElementById('itMainMenu').style.color='#3b352a'
    document.getElementById('dcMainMenu').style.backgroundColor='#cabda4'; 
    document.getElementById('dcMainMenu').style.color='#3b352a'
    document.getElementById('fiMainMenu').style.backgroundColor='#cabda4'; 
    document.getElementById('fiMainMenu').style.color='#3b352a'
}