var arrowdown = 0;

function changeimage() {
  arrowdown = 1 - arrowdown ;
  if (arrowdown == 0) {
    document.getElementById("arrow").src = 'images/img_up.gif';
    document.getElementById("change_arrow").alt = 'Click to Compress Menu';
    document.getElementById("change_arrow").title = 'Click to Compress Menu';
    document.getElementById("arrow_description").innerHTML = 'Click to Compress Menu'
    menu('999');        
    }
  else {
    document.getElementById("arrow").src = 'images/img_down.gif';
    document.getElementById("change_arrow").alt = 'Click to Expand Menu';
    document.getElementById("change_arrow").title = 'Click to Expand Menu';
    document.getElementById("arrow_description").innerHTML = 'Click to Expand Menu'
    menu('0');        
    }
  }

function menu(id) {
  if (id == '999') {
    for (var i = 1; i <= 10; i++) {
      if (document.getElementById('menusection'+i)) document.getElementById('menusection'+i).style.display='block';
      }
    if (document.getElementById('Expand')) {
      document.getElementById('Expand').className='menutitle';
      document.getElementById('Expand').title='';
      }
    }
  else if (id == '0') {
     for (var i = 1; i <= 10; i++) {
      if (document.getElementById('menusection'+i)) document.getElementById('menusection'+i).style.display='none';
      }
    }
  else {
    for (var i = 1; i <= 10; i++) {
      if (document.getElementById('menusection'+i)) document.getElementById('menusection'+i).style.display='none';
      }
    if (document.getElementById('menusection'+id)) document.getElementById('menusection'+id).style.display='block';
    if (document.getElementById('Expand')) {
      document.getElementById('Expand').className='menutitledown';
      document.getElementById('Expand').title='Expand All';
      }
    }
  }