/* simple message scroller script. Written by Daniel Marcovitch.
   To use:
   add the following line in <head> section of HTML file: (
		<script language="javascript">
		  <!-- 
		  messages[0] = "..."
		  messages[1] = "..."
		  //-->
		</script>
    for as many messages as neccessary.
*/

var messages = new Array();
var mesHeight, curMes;
var t2;

function scrollIt() {
  scrollItAux(0);
}

function scrollItAux(mesNum) {
  var scrollDiv = document.getElementById("scrollDiv");
  newMessage = "<div id='curMes' style='position:relative; color:darkred;'>" +
               "<hr width='120' align='center'>" + messages[mesNum] + "<hr width='120' align='center'></div>";
  scrollDiv.innerHTML = newMessage;
  curMes = document.getElementById("curMes");
  mesHeight = curMes.offsetHeight + 5;
  moveCurrentMessage(); 
  mesNum++;
  var nextMesNum = (mesNum == messages.length ? 0 : mesNum);
  var totalTime = (90 + mesHeight - 1) * 30 + 2000;
  t = window.setTimeout('scrollItAux(' + nextMesNum + ');', totalTime);
}

function moveCurrentMessage() {
  var curMes = document.getElementById("curMes");
  moveCurrentMessageAux(90);
}
          
function moveCurrentMessageAux(i) {
  var curMes = document.getElementById("curMes");
  curMes.style.posTop = i;
  curMes.style.top = String(i) + "px";

  i--;
  middle = 45 - parseInt(mesHeight / 2);
  tInt = (i == middle ? 1200 : 30);
  if (i >=  -mesHeight) {
   	t2 = window.setTimeout('moveCurrentMessageAux(' + i + ');',tInt);
  }
}

function viewAll() {
  
  var w = window.open("","_self","status=yes,toolbar=no,menubar=no,location=no");
  var d = w.document;

  w.focus();
  d.body.innerHTML = "";
  docText = 
    '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">\n' +
    '<html>\n' +
    '<head>\n' +
    '  <title>VISL news</title>\n'+
    '  <link rel="stylesheet" type="text/css" href="./main_style.css" />\n' +
    '  <style>\n' +
    '    p.news { \n' +
    '      margin-top:15px;\n' +
    '      margin-bottom:10px;\n' +
    '      text-align:justify;\n' +
    '      padding-left:25px;\n' +
    '      padding-right:25px;\n'+  
    '    } \n' +
    '  </style>\n' + 
    '</head>\n' +
    '<body style="margin-top:0px; margin-left:0px; background:url(./images/main_backgr.gif)">\n' +
    '  <div id="leftDiv" style="display:inline; float:left; width:29px; background:white;">\n' +
    '  <img src="images/side_title_bullet.jpg" style="width:15px; height:15px;" />\n' +
    '  <img src="images/side_title_news.jpg" />\n' +
    '  </div>\n' +
    '  <div id="rightDiv" style="display:inline; float:left; clear:right;">\n' +
    '    <span class="HEADER1">VISL news:</span>\n' +
    '    <img src="./images/text_separator.jpg" /><br />\n';
  for (i=0;i<messages.length;i++) {
    docText += 
    '    <p class="news">\n' +
    '      ' + messages[i] + '\n' +
    '    </p>\n' +
    '    <img src="./images/text_separator.jpg" />\n';
  }
  docText += 
    '    <br /><br />\n' + 
    '    <a style="font-style: italic; font-size:12px; color: red;" href="javascript:window.history.back()">Click here to return.</a>\n' +
    '  </div> \n' + 
    '</body>\n' +
    '</html>\n';

  d.write(docText);

}

