function menuOut(vr,selected){
  
   var mainID = vr.slice(0, 1);
   if (mainID != vr) {
 	
   var myTd = document.getElementById('menu' + mainID);
   var mySubTable = document.getElementById('menu' + mainID + 'Table');
   var mySubTD = document.getElementById('menu' + vr);
    
   if(mySubTable.id != null){
   	mySubTable.style.display='none';
   	mySubTD.style.backgroundImage = "url('images/subMenuOut.jpg')";
   }
     if(! selected){
	 myTd.style.backgroundImage = "url('images/menu_item.jpg')";
     }
  
 	
 }else{
 	
   var myTd = document.getElementById('menu' + vr);
   var mySubTable = (document.getElementById('menu' + vr + 'Table') != null)? document.getElementById('menu' + vr + 'Table') : 'no';
    
   if(mySubTable != 'no'){
   	mySubTable.style.display='none';
   
   }
   
	 myTd.style.backgroundImage = "url('images/menu_item.jpg')";
   
 }
  
	 
}

function menuIn(vr){
	
 var mainID = vr.slice(0, 1);
 if (mainID != vr) {
 	
   var myTd = document.getElementById('menu' + mainID);
   var mySubTable = document.getElementById('menu' + mainID + 'Table');
   var mySubTD = document.getElementById('menu' + vr);
    
   if(mySubTable.id != null){
   	mySubTable.style.display='block';
   	mySubTD.style.backgroundImage = "url('images/subMenu.jpg')";
   }
   
	 myTd.style.backgroundImage = "url('images/over_menu_item.jpg')";
    
 	
 }else{
 	
   var myTd = document.getElementById('menu' + vr);
   var mySubTable = (document.getElementById('menu' + vr + 'Table') != null)? document.getElementById('menu' + vr + 'Table') : 'no';
   
   
   if(mySubTable != 'no'){
   	mySubTable.style.display='block';
   
   }
  
	 myTd.style.backgroundImage = "url('images/over_menu_item.jpg')";
   
 }
}