//
function DisplaySongText(text)
{
   //detailsTag.style.visibility='visible';
   //detailsTag.innerHTML = "Tyt Pesenka!<br/>Tyt Pesenka!";
   SongsTextField.style.visibility = 'visible';
   SongsTextField.innerHTML = text;
}
//
function BuildMusicTable(musicTagBody, musicTable)
{
    var __InternalTet = "uninit!!";
   var output = "";
   var songs = musicTable.length - 1;
   if (songs % 5 != 0)
   {
      output += "Error!";
      musicTagBody.innerHTML = output;
      return;
   }
   songs = songs / 5;
   // write header
   output += '<table border="0" cellpadding="0" cellspacing="0">';
   output += '   <tr>';
   output += '      <td colspan="4">';
   output += '         <span style="font-size: 18pt; color:#330000;"><em>';
   output += musicTable[0];
   output += '         </em></span>';
   output += '      </td>';
   output += '   </tr>';
   output += '   <tr height=1>';
   output += '      <td colspan="4" style="vertical-align: top; text-align: center">';
   output += '         <img src="../../_Images/horizontalLineDark.gif" width="400px" alt="" height="1px" />';
   output += '      </td>';
   output += '   </tr>';
   // write body
   var count = 1;
   for (var i = 0; i < songs; i++)
   {
      if (musicTable[count] == null)
      {
         // Divider
         output += '   <tr height=10>';
         output += '      <td colspan="4" style="vertical-align: top; text-align: center">';
         output += '      </td>';
         output += '   </tr>';
      }
      else
      {
        // Ordinar link
         output += '<tr>';
         output += '   <td class="DarkText" style="width: 200px;">';
         output += musicTable[count];
         output += '   </td>';
         output += '   <td class="DarkText" style="text-align:right">';
         output += ' <a href="'+ musicTable[count+2] +'"> ';
         output += musicTable[count+1];
         output += ' </a>';
         output += '   </td>';
         output += '   <td class="DarkText" style="width: 35px; text-align:center">';
         if (musicTable[count+3] == null)
         { // Empty text fiels
            output += '<p>      </p>';
         }
         else
         {
            // fill the text field
            output += '<div class="Link" onclick=\'DisplaySongText(' + musicTable[count+3] + ');\'>text</div>';
         }
         output += '   </td>';
         output += '   <td class="DarkText" style="width: 35px; text-align:center">';
         if (musicTable[count+4] == null)
         {
            output += '<p>about</p>';
         }
         else
         {
            output += '<div class="Link" onclick=\'DisplaySongText(' + musicTable[count+4] + ');\'>about</div>';
         }
         output += '   </td>';
         output += '</tr>';
      }
      count += 5;
   }
   // finalize
   output += '</table>';
   musicTagBody.innerHTML = output;
}





////// EOF