// ******************************************************************
  // Titel   : Tetris Display Windows (Game Over / Record Top Score / HowToPlay)
  // Autor   : Informatik Atelier Bern / Dimitri Jeanneret 
  // Datum   : Januar 09
  // Version : 1.0
  // ******************************************************************   
  // -------------------------------------------------
  // Game Over
  function Display_GameOver()
  {
    var text = '';
    text += ' <table border="0">';
    text += '   <tr>';
    text += '     <td colspan="2" style="vertical-align : middle; text-align: center;">';
    text += '       <h2><font color="red">Game Over</font><h2>';    
    text += '     </td>';
    text += '   </tr>';

    text += ' </table>';
    
    document.getElementById('Info').style.width = '250px' ;
    document.getElementById('Info').innerHTML = text;
    document.getElementById('Info').style.display='block';
  }
  // -------------------------------------------------
  
  // -------------------------------------------------
  // Game Over with Top Score
  function Display_GameOver_TopScore(Pos)
  {
    var text = '';
    text += '<form name="Form_RecordScore">';
    text += '   <table>';
    text += '     <tr>';
    text += '       <td colspan="2" style="vertical-align : middle; text-align: center;">';
    text += '         <h2><font color="red">Game Over</font><h2>';    
    text += '       </td>';
    text += '     </tr>';
    if (Pos <= 3) // Check if Score in Pos Top 3 
    {
      text += '     <tr>';
      text += '       <td colspan="2" style="vertical-align : middle; text-align: center;">';
      text += '         <h3>Congratulation !!<h3>';    
      text += '       </td>';
      text += '     </tr>';
    }    
    text += '     <tr>';
    text += '       <td colspan="2" style="vertical-align : middle; text-align: center;">';
    text += '         <h3>Your score is in Pos ' + Pos + ' </h3> Please Enter your Name !';    
    text += '       </td>';
    text += '     </tr>';    
    text += '     <tr>';
    text += '       <td colspan="2" style="vertical-align : middle; text-align: center;">';
    text += '         <input name="ScoreName" type="text" >';    
    text += '       </td>';
    text += '     </tr>';      
    text += '     <tr>';
    text += '       <td width="50%" style="vertical-align : middle; text-align: center;">';
    text += '         <input type="button" value="Record" onclick="RecordNewScore();">';  
    text += '       </td>';
    text += '       <td width="50%" style="vertical-align : middle; text-align: center;">';
    text += '         <input type="button" value="Close" onclick="document.getElementById(\'Info\').style.display=\'none\';">';    
    text += '       </td>';    
    text += '     </tr>';
    text += '   </table>';   
    text += '</form>';
    
    document.getElementById('Info').style.width = '250px' ;
    document.getElementById('Info').innerHTML = text;
    document.getElementById('Info').style.display='block';
    document.Form_RecordScore.ScoreName.focus(); // Focus
  }
  // -------------------------------------------------
    
  // -------------------------------------------------
  // Display HowToPlay
  function Display_HowToPlay()
  {
    var text = '';
    text += ' <table border="0">';
    text += '   <tr>';
    text += '     <td colspan="2" style="vertical-align : middle; text-align: center;">';
    text += '       <h2>How to play<h2>';    
    text += '     </td>';
    text += '   </tr>';
    text += '   <tr>';
    text += '     <td colspan="2" style="vertical-align : middle; text-align: center;">';
    text += '       <img src="HowToPlay.jpg" alt="HowToPlay.jpg" height="208" width="494">';    
    text += '     </td>';
    text += '   </tr>';
    text += '   <tr>';
    text += '     <td colspan="2" style="vertical-align : middle; text-align: center;">';
    text += '       <input type="button" value="Close" onclick="document.getElementById(\'Info\').style.display=\'none\';">';
    text += '     </td>';
    text += '   </tr>';    
    text += ' </table>';
   
    document.getElementById('Info').style.width = '500px' ;
    document.getElementById('Info').innerHTML = text;
    document.getElementById('Info').style.display='block';
  }
  // -------------------------------------------------  
  // -------------------------------------------------
  // Display Score List
  function Display_ScoreList(htmlScoreTable)
  { 
    var text = '';
    text += '   <p style="vertical-align : middle; text-align: center;">';
    text += '     <input type="button" value="Close" onclick="document.getElementById(\'Info\').style.display=\'none\';">';
    text += '   </p>';  
    text += htmlScoreTable;  
    document.getElementById('Info').style.width = '250px' ;
    document.getElementById('Info').innerHTML = text;
    document.getElementById('Info').style.display='block';
  }
  // -------------------------------------------------