var menuState = 0 ;
var overState = 0 ;
var fromVal   = 0 ;
var toVal     = .85 ;
function menuToggle() {
  if (menuState == 1) {
    document.getElementById('menutoggle').style.backgroundImage = 'url("/images/triangle_down_hover.gif")' ;
    Effect.toggle('navigation', 'appear', { duration: .5, from: .9, to: 0 }) ;
    menuState = 0 ;
  } else {
    document.getElementById('menutoggle').style.backgroundImage = 'url("/images/triangle_up_hover.gif")' ;
    Effect.toggle('navigation', 'appear', { duration: .5, from: 0, to: .9 }) ;
    menuState = 1 ;
  }
}
function triangleToggle() {
  if (menuState == 1) {
    if (overState == 1) {
      document.getElementById('menutoggle').style.backgroundImage = 'url("/images/triangle_up.gif")' ;
      overState = 0 ; 
    } else {
      document.getElementById('menutoggle').style.backgroundImage = 'url("/images/triangle_up_hover.gif")' ;
      overState = 1 ;
    }
  } else {
    if (overState == 1) {
      document.getElementById('menutoggle').style.backgroundImage = 'url("/images/triangle_down.gif")' ;  
      overState = 0 ;  
    } else {
      document.getElementById('menutoggle').style.backgroundImage = 'url("/images/triangle_down_hover.gif")' ;
      overState = 1
    }
  }
}