function hideInfoPanel() {
 
  var panel   = document.getElementById('infoPanel');
  var content = document.getElementById('infoPanelContent');
  var field   = document.getElementById('textField');

  if(content.style.display != 'none') {
  
    content.style.display = 'none';
    document.getElementById("panelIcon").src="img/show.gif";
    panel.style.width = '20px';
     
    field.style.width='560px';
  
  }
  
  else {
  
    field.style.width = '420px';
    document.getElementById("panelIcon").src="img/hide.gif";
    panel.style.width = '160px';
    content.style.display = 'block';
  }

    

}