function show_hide( id )
{    
  var classNames = document.getElementById( 'bar'+id ).className;
  
  if ( document.getElementById( 'features'+id ).style.display == 'none' || 
       document.getElementById( 'features'+id ).style.display == ''
     )
  {
    document.getElementById( 'features'+id ).style.display = 'block';
    document.getElementById( 'bar'+id ).className = classNames + " " + "deployed_bar";    
  }
  else
  {
    document.getElementById( 'features'+id ).style.display = 'none';
    var newClassName = classNames.replace(/deployed_bar/, "");
    document.getElementById( 'bar'+id ).className = newClassName;
  }  
}