function hover(menuItemID){
  // if the submenu is up don't do the hover change
  var windowSlider = $('#windowSlider')[0];

  if(!windowSlider)
    return;
    
  // change the submenu title
  var menuItem = $('#menuitem_'+menuItemID)[0];
  var submenuTitleImage = $('#menuitemimage_'+menuItemID)[0];
  var submenuDescription = $('#menuitemdescription_'+menuItemID)[0];
  
  if(!menuItem)
    return;    
  
  // change the title    
  $('#submenuTitle')[0].innerHTML = menuItem.innerHTML;

  // change the description
  $('#submenuDescription')[0].innerHTML = submenuDescription.innerHTML;  
  
  // change the image
  if(submenuTitleImage)
    $('#submenuTitleImage')[0].style.backgroundImage = 'url('+submenuTitleImage.src+')';    
    
  // hide all other submenu's except the chosen one
  var submenuContents = $('.submenuContent');
  
  if(submenuContents.length>0){
    for(var i=0;i<submenuContents.length;i++){
      if(submenuContents[i].id == 'submenuContent_'+menuItemID)
        submenuContents[i].style.display = '';
      else
        submenuContents[i].style.display = 'none';
    }
  }   
}