var tsp_topic_color = '#f8f2f6'; 
var tsp_topic_img_width = 100;

function tsp_topic_start(title, destination, image, image_alt) {
    var html = '<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0"> <tbody>\n'; 
    if (false) { 
        html = html + 
        '          <tr width=100%>\n' + 
        '          <td height=4px width=4px style="background-color: rgb(250, 153, 0); "> <img src="./img/trans.gif"> </td> \n' + 
        '          <td height=4px width=' + tsp_topic_img_width + 'px style="background-color: rgb(120, 153, 0); "> <img src="./img/trans.gif"> </td> \n' + 
        '          <td height=4px width=12px style="background-color: rgb(80, 153, 0); "> <img src="./img/trans.gif"> </td> \n' + 
        '          <td height=4px style="background-color: rgb(255, 153, 0); "> <img src="./img/trans.gif"> </td> \n' + 
        '          </tr>\n'; 
     }
     html = html + 
     '          <tr width=100% style="background-color: ' + tsp_topic_color + ';">\n' + 
     '         ' + qs_col_spacer(4, 2, 1) +  '\n' + 
     '         ' + qs_col_spacer(tsp_topic_img_width, 2, 1) +  '\n' + 
     '         ' + qs_col_spacer(12, 2, 1) +  '\n' + 
     '         ' + qs_col_spacer() +  '\n' + 
     '          </tr>\n'; 

     html = html + 
     '          <tr>\n' + 
     '            <td style="background-color: ' + tsp_topic_color + '; "></td> \n' + 
     '            <td colspan=3 style="background-color: ' + tsp_topic_color + ';">\n' + 
     '                <a href="' + destination + '" class="postcardLink">' + title + '</a></td> \n' + 
     '          </tr> \n'; 

     html = html + 
     '          <tr width=100% style="background-color: ' + tsp_topic_color + ';">\n' + 
     '         ' + qs_col_spacer(4, 2, 1) +  '\n' + 
     '         ' + qs_col_spacer(tsp_topic_img_width, 2, 1) +  '\n' + 
     '         ' + qs_col_spacer(12, 2, 1) +  '\n' + 
     '         ' + qs_col_spacer() +  '\n' + 
     '          </tr>\n'; 

     html = html + qs_row_spacer(8);

     html = html +
     '          <tr>\n' +
     '         ' + qs_col_spacer() +
     '         <td style="vertical-align: top;">\n' +
     '             <a href=' + destination + '> \n' + 
     '             <img align=left border=0px style="width: ' + tsp_topic_img_width + 'px; alt="' + image_alt + '"\n' +
     '                  src="' + image + '">\n' +
     '             </a>\n' + 
     '         </td>\n' +
     '         ' + qs_col_spacer() +
     '         <td style="vertical-align: top;"> \n';

     //'         <td colspan=3 style="vertical-align: top;">\n' +
     //'             <a href=' + destination + '> \n' + 
     //'             <img align=left border=0px style="width: ' + tsp_topic_img_width + 'px; alt="' + image_alt + '"\n' +
     //'                  src="' + image + '">\n' +
     //'             </a>\n' + 
     //'         </td>\n' +
     //'         ' + qs_col_spacer() +
     //'         <td style="vertical-align: top;"> \n';
'';
     return html;
}

function tsp_topic_stop() {
    var html = '\n' + 
        '         </tr>\n' + 
        '        </tbody>\n' + 
        ' </table>\n' ;
   return html;
}

function tsp_topic_sep_lines(height) 
{
    var html = 
      '<tr height=4px>\n' +
      '   <td ><img src=img/trans.gif></td>\n' +
      '   <td bgcolor=white ><img src=img/trans.gif></td>\n' +
      '   <td ><img src=img/trans.gif></td>\n' +
      '</tr>\n' +
      '<tr height=4px bgcolor=white>\n' +
      '    <td colspan=3><img src=img/trans.gif></td> \n' +
      '</tr>\n';
      '<tr height=4px>\n' +
      '   <td ><img src=img/trans.gif></td>\n' +
      '   <td bgcolor=white ><img src=img/trans.gif></td>\n' +
      '   <td ><img src=img/trans.gif></td>\n' +
      '</tr>\n';
    return html;
}