var tr_pic_height = 94;
var tr_pic_width  = 300;
//var bg_col = 'rgb(221,11,65)';
var bg_col = 'orange';
var fg_col = 'rgb(76,154,255)';
var minLeft = 330;
var tr_pic_curLeft;
var rootdir='';

function rszWindow() {
  tr_pic_curLeft=Math.max(minLeft,document.body.clientWidth-tr_pic_width);
  tr_pic.style.left=tr_pic_curLeft+'px';
  if(document.body.clientWidth>580)
    main_toolbar.style.width=(document.body.clientWidth)+'px'
  else
    main_toolbar.style.width='580px';
}

function drawToolbar() {
  document.writeln('<div id="main_toolbar" style="position:absolute; z-index:1; top:94px; left:0px; width:'+(document.body.clientWidth)+'px; height:15px; background:'+bg_col+'">');
  document.writeln('<table id="main_toolbar_table" border="0" style="position:absolute; left:20px; width:700px"><tr>');
  document.writeln('</tr></table>');
  document.writeln('</div>');
}

function drawHeader(path) {
  //Init vars
  tr_pic_curLeft = Math.max(minLeft,document.body.clientWidth-tr_pic_width);

  //Top left logos

  if(path==null)
    rootdir=''
  else
    rootdir=path;
  document.writeln('<div id="tl_logo" style="position:absolute; z-index:1; top:10px; left:15px;"><img src="'+rootdir+'resources/zeesweet_logo256.gif" alt="Zee Sweet" border="0"></div>');
  document.writeln('<div id="tl_logo" style="position:absolute; z-index:1; top:50px; left:15px; width:290px;">');
  document.writeln('<span style="width:100%; font-family:arial,helvetica; font-size:18px; color:'+fg_col+';">');
  document.writeln('Peaches&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Nectarines&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Pluot<sup>&reg;</sup></span>');
  document.writeln('<div style="position:absolute; text-align:right; font-family:arial,helvetica; font-size:10px; color:black; left:205px; top:25px; width:100px;">Interspecific Plums</div>');
  document.writeln('</div>');

  //Set up the top right fruit picture and the toolbar so it can move when the window is resized
  document.writeln('<div id="tr_pic" style="position:absolute; z-index:1; top:0px; left:'+tr_pic_curLeft+'px;"><img src="'+rootdir+'resources/zee_and_fruit.jpg" width="'+tr_pic_width+'" height="'+tr_pic_height+'" alt="Zee Sweet Fruit" border="0"></div>');
  drawToolbar();
  window.onresize = rszWindow;
}