function highlightCell(itm){
  var inf=document.getElementById('additionalInfo');
//  var ep=document.getElementById('endPiece');
//  var sp=document.getElementById('startPiece');
//  var lt=document.getElementById('leftTop');
//  var rt=document.getElementById('rightTop');
  var img;
  var id=parseInt(itm.id.substring(3));
  var cell=document.getElementById('additionalInfo');
  var data;
  var others;

  cell.style.backgroundColor="#eeffee";
  //cell.style.borderBottom="1px solid #00ff00";

  //itm.style.borderLeft="1px solid #00ff00";
  //itm.style.borderRight="1px solid #00ff00";
  //itm.style.borderTop="1px solid #00ff00";
  switch(id){
    case 1:
      img=document.getElementById('m3');
      img.src='images/buttons/resort2_shadow.jpg';
      itm.style.backgroundColor="#eeffee";
      data=document.getElementById('resorts');
      cell.innerHTML=data.innerHTML;
      
      break;
    case 2:
      img=document.getElementById('m1');
      img.src='images/buttons/campsite2_shadow.jpg';
      itm.style.backgroundColor="#eeffee";
      data=document.getElementById('campsite');
      cell.innerHTML=data.innerHTML;
      
      break;
    case 3:
      img=document.getElementById('m2');
      img.src='images/buttons/accom2_shadow.jpg';
      itm.style.backgroundColor="#eeffee";
      data=document.getElementById('accommodation');
      cell.innerHTML=data.innerHTML;
      
      break;
    case 4:
      img=document.getElementById('m4');
      img.src='images/buttons/aparts_shadow.jpg';
      itm.style.backgroundColor="#eeffee";
      data=document.getElementById('apartments');
      cell.innerHTML=data.innerHTML;
      
      break;
    case 5:
      img=document.getElementById('m5');
      img.src='images/buttons/traveloptions_shadow.jpg';
      itm.style.backgroundColor="#eeffee";
      data=document.getElementById('travellers');
      cell.innerHTML=data.innerHTML;
      
      break;
  } 
}

function noCellHighlight(itm){
  var inf=document.getElementById('additionalInfo');
//  var ep=document.getElementById('endPiece');
//  var sp=document.getElementById('startPiece');
//  var lt=document.getElementById('leftTop');
//  var rt=document.getElementById('rightTop');
  var img;
  var id=parseInt(itm.id.substring(3));
  var cell=document.getElementById('additionalInfo');
  var loop=0;
  var others;

  cell.style.backgroundColor="white";
  cell.innerHTML="For more information on each of the surrounding buttons, move your mouse pointer over the item of interest and the details will appear in this area.";
  cell.style.borderBottom="0px";

  itm.style.borderLeft="0px";
  itm.style.borderRight="0px";
  itm.style.borderTop="0px";

  //for(loop=1;loop<6;loop++){
  //  others=document.getElementById('itm'+loop);
  //  others.style.borderBottom="0px;";
 // }
  
  switch(id){
    case 1:
      img=document.getElementById('m3');
      img.src='images/buttons/resort2.jpg';
      itm.style.backgroundColor="white";
      break;
    case 2:
      img=document.getElementById('m1');
      img.src='images/buttons/campsite2.jpg';
      itm.style.backgroundColor="white";
      break;
    case 3:
      img=document.getElementById('m2');
      img.src='images/buttons/accom2.jpg';
      itm.style.backgroundColor="white";
      break;
    case 4:
      img=document.getElementById('m4');
      img.src='images/buttons/aparts.jpg';
      itm.style.backgroundColor="white";
      break;
    case 5:
      img=document.getElementById('m5');
      img.src='images/buttons/traveloptions_norm.jpg';
      itm.style.backgroundColor="white";
      break;
  }
}
