// 0 = subject
// 1 = date string (eg. 09/23)
// 2 = <img src='images/clock/xx_xx.gif hspace=2 alt="2:03 PM"> based on time
// 3 = message text
// 4 = <font url="http://www.schillmania.com" class="msgSigLink" onMouseOver="if (this.url) doHigh();" onMouseOut="if (this.url) doLow();" class="msgSig">Schill</font> - based on name & URL

var sub   = new Array(); // arrays for message data
var dt    = new Array();
var cHr   = new Array();
var cMin  = new Array();
var tStr  = new Array();
var txt   = new Array();
var uName = new Array();
var uURL  = new Array();

var d160pxData = '';
var d160pxAuthor = '';

function openSite() {
  window.open(event.srcElement.url,'popupWindow')
}

function copyMessageData() {
  if (theFrame.sub) {
    for (var i=0; i<theFrame.sub.length; i++) {
      sub[i] = theFrame.sub[i];
      dt[i] = theFrame.dt[i];
      cHr[i] = theFrame.cHr[i];
      cMin[i] = theFrame.cMin[i];
      tStr[i] = theFrame.tStr[i];
      txt[i] = theFrame.txt[i];
      uName[i] = theFrame.uName[i];
      uURL[i] = theFrame.uURL[i];
    }
  }
  else
    alert('no message data to copy. iFrame location: ' + theFrame.location.href);
}

function copyImageData() {
  if (theFrame2.d160pxData) {
    d160pxData = theFrame2.d160pxData;
    d160pxAuthor = theFrame2.d160pxAuthor;
  }
}

function displayMessages(showForm) {
  copyMessageData();
  copyImageData();
  var msgStart  = '<table border=0 cellpadding=0 cellspacing=0 width="227">'
  var msgSpacer = '<tr height="1"><td colspan="4" class="msgBorder"></td></tr>'

  var msgTemplate = new Array(
  '<tr height="1"><td width="1" class="msgBorder"><img src="images/table/spacer.gif"></td><td colspan="2" class="msgHilite"></td><td width="1" class="msgBorder"></td></tr><tr><td class="msgBorder"></td><td class="msgHilite"></td><td height="14" valign="center" class="msgTitle"><!--inner--><table border=0 cellpadding=0 cellspacing=0><td width="3"><img src="images/table/spacer.gif" hspace="1"></td><td valign="center" class="msgSubject" width="100%">',
  '</td><td align="right" valign="center" class="msgDate">',
  '</td><td align="right" valign="center">',
  '</td></table><!--inner--></td><td class="msgBorder"><img src="images/table/spacer.gif"></td></tr><!--tr height="1"><td width="1" colspan="4" class="msgBorder"></td></tr--><tr height="1"><td width="1" class="msgBorder"></td><td colspan="2" class="msgMidHilite"></td><td class="msgBorder"></td></tr><tr><td width="1" class="msgBorder"></td><td class="msgHilite"><td class="msgBody" width="100%"><!--message--><table border=0 cellpadding=0 cellspacing=0><tr><td colspan="3" height="2"></td></tr><tr><td width="3"></td><td valign="top" class="msgText">',
  '<br><table border=0 cellpadding=0 cellspacing=0><td valign="center" class="msgText">',
  '</td></tr><tr><td colspan="3" height="5"></td></tr></table><!--message--></td><td class="msgBorder"></td></tr><tr><td colspan="4" class="msgBorder"></td></tr>')

  var msgCode = '';

  // add 160px image

  if (!showForm)
    msgCode += msgStart + msgSpacer + msgTemplate[0] + '<table border=0 cellpadding=0 cellspacing=0 width="100%"><tr><td valign="center" width="100%" class="msgSubject">160-PIXEL IMAGE</td><td align="right" valign="center"><img src="images/post.gif" onmouseover="this.src=\'images/post_1.gif\'" width="24" height="11" title="Create your own 160-pixel image." onmouseout="this.src=\'images/post.gif\'" onclick="displayMessages(1)" style="cursor:hand"><img src="images/160_spacer.gif" width="9" height="11"><img src="images/view.gif" width="22" height="11" title="View other 160-pixel submissions." onmouseover="this.src=\'images/view_1.gif\'" onmouseout="this.src=\'images/view.gif\'" onclick="alert(\'boing\')" style="cursor:hand">&nbsp;</td></tr></table>' + msgTemplate[1] + '' + msgTemplate[2] + '' + msgTemplate[3] + get160pxImage() + '</td></tr><tr><td colspan="3" height="2"></td></tr></table><!--message--></td><td class="msgBorder"></td></tr><tr><td colspan="4" class="msgBorder"></td></tr>';
  else
    msgCode += msgStart + msgSpacer + msgTemplate[0] + '<table border=0 cellpadding=0 cellspacing=0 width="100%"><tr><td valign="center" width="100%" class="msgSubject">SUBMIT AN IMAGE</td><td align="right" valign="center"><img src="images/submit.gif" onmouseover="this.src=\'images/submit_1.gif\'" width="32" height="11" title="Submit the image and return to the WebPad." onmouseout="this.src=\'images/submit.gif\'" onclick="submit160PxForm()" style="cursor:hand"><img src="images/160_spacer.gif" width="9" height="11"><img src="images/cancel.gif" width="30" height="11" title="Cancel the submission." onmouseover="this.src=\'images/cancel_1.gif\'" onmouseout="this.src=\'images/cancel.gif\'" onclick="displayMessages(0)" style="cursor:hand">&nbsp;</td></tr></table>' + msgTemplate[1] + '' + msgTemplate[2] + '' + msgTemplate[3] + build160PxForm() + msgTemplate[4] + '<input name="userName" type="text" maxlength="32" value="Your name" style="height:16px;width:222"><!--end--></td></table>' + msgTemplate[5];

  // get160pxImage()

  i = dt.length-1
  currentDate = ''
  do { // reverse order

    if (sub[i] && dt[i] && cHr[i] && cMin[i] && tStr[i]) { // if minimal data exists
      msgCode += msgStart
      //if (i == dt.length-1)
      //  msgCode += msgSpacer; // insert border @ top if first
      msgCode += msgTemplate[0] + sub[i] + msgTemplate[1]
      if (currentDate != dt[i]) {
        currentDate = dt[i]
        msgCode += dt[i] 
      }
      msgCode += msgTemplate[2]
      msgCode += '<img src="/interactive/webpad/clock/' + cHr[i] + '_' + cMin[i] + '.gif" hspace="2" alt="' + tStr[i] + '">' + msgTemplate[3]
      msgCode += txt[i] + msgTemplate[4] + '-';
  
      msgCode += '<font url="'
      if (uURL[i] && uURL[i] != 'http://')
        msgCode += uURL[i] + '" class="msgSigLink" xonMouseOver="doHigh()" xonMouseOut="doLow()">';
      else
        msgCode += '" class="msgSig">';

      msgCode += uName[i] + '</font>'

      if (uURL[i] && uURL[i] != 'http://')
        msgCode += '</td><td valign="center"><img src="images/table/link.gif" url="' + uURL[i] + '" hspace="1" onMouseOver="this.src=\'images/table/link_1.gif\'" onMouseOut="this.src=\'images/table/link.gif\'" onClick="openSite()">';

      msgCode += '</td></table>' + msgTemplate[5]

    }
    i--
  } while (i >= 0)

  var wPF = '<table border=0 cellpadding=0 cellspacing=0 width="227">';
//  wPF += '<tr height="1"><td colspan="4" class="msgBorder"></td></tr>';
  wPF += '<tr height="1"><td width="1" class="msgBorder"><img src="images/table/spacer.gif"></td><td colspan="2" class="msgHilite"></td><td width="1" class="msgBorder"></td></tr>';
  wPF += '<tr><td class="msgBorder"></td><td class="msgHilite"></td><td height="23" valign="center" class="msgBody"><!--inner--><table border=0 cellpadding=0 cellspacing=0 width="100%"><td valign="center" class="msgText"><table border=0 cellpadding=0 cellspacing=0><td valign=center class="msgText" width=54 class="msgText"><img src="images/table/spacer.gif" hspace=2>subject&nbsp;</td><td><input name=subject type=text maxlength=64></td></table>';
  wPF += '</td><td align="right" valign="center" class="msgDate">04/28</td><td align="right" valign="center"><img src="images/table/clock.gif" hspace="2"></td></table><!--inner--></td><td class="msgBorder"><img src="images/table/spacer.gif"></td></tr>';
  wPF += '<tr height="1"><td width="1" colspan="4" class="msgBorder"></td></tr>';
  wPF += '<tr height="1"><td width="1" class="msgBorder"></td><td colspan="2" class="msgHilite"></td><td class="msgBorder"></td></tr>';
  wPF += '<tr><td width="1" class="msgBorder"></td><td class="msgHilite"><td class="msgBody" width="100%"><!--message--><table border=0 cellpadding=0 cellspacing=0><tr><td colspan="3" height="2"></td></tr><tr><td width="3"></td><td valign="top" class="msgText"><table border=0 cellpadding=0 cellspacing=0><tr><td><img src="images/table/spacer.gif" hspace=2></td><td class="msgText">message&nbsp;</td><td colspan=2><textarea name="bodyText" title="Tech note: For some reason IE6 crashes when this textarea element is in view and a window is clicked on - hence the hiding on mousedown(). Seems to be the only way to fix it." type="text" style="height:80;width:165" wrap maxlength="512"></textarea><img src="images/table/spacer.gif" hspace=2></td></tr>';
  wPF += '<tr><td><!--spacer--></td><td class="msgText">name</td><td><input name=name type=text maxlength=32></td><td><input type=reset value=reset style="width:36px"><img src="images/spacer.gif" width="2"></td></tr>';
  wPF += '<tr><td><!--spacer--></td><td class="msgText">URL</td><td><input name=url type=text maxlength=64 value="http://"></td><td><input type="submit" value="send" onclick="frameLoadState=3" style="width:36px"><img src="images/spacer.gif" width="2"></td></tr>';
  wPF += '</table>';
  wPF += '</td></tr><tr><td colspan="3" height="6"></td></tr></table><!--message--></td><td class="msgBorder"></td></tr>';
  wPF += '<tr><td colspan="4" class="msgBorder"></td></tr>';
  wPF += '</table>';

  webPadContainer.innerHTML = msgCode + wPF;
}