/* This should be done with a server side include, but isn't yet. */
function writeHeader(heading, img, dir) {
    if (dir == null) dir="./";

    // Decide if there is an image to use
    var imgTxt = '';
    if (img != null) imgTxt = '<img src="'+img+'" width="35px" height="35px" >';

document.write('\
   <div id="fishList">\
      <div id="header">'+heading+imgTxt+'</div>\
      <div dojoType="FishEyeList";  \
           align=right;\
           widgetId="fisheyeListContainer";\
           >\
           <div dojoType="FisheyeListItem" widgetId="fish1" iconSrc="'+dir+'images/mail-128x128.png" caption="Contact" onClick="gotoPage(\''+dir+'contact.html\')"></div>\
           <div dojoType="FisheyeListItem" widgetId="fish2" iconSrc="'+dir+'images/cs421-128x128.png" caption="CS 421" onClick="gotoPage(\''+dir+'classes/cs421/fall09/cs421.html\')" ></div>\
           <!-- div dojoType="FisheyeListItem" widgetId="fish2" iconSrc="'+dir+'images/cs112-128x128.png" caption="CS 112" onClick="gotoPage(\''+dir+'classes/cs112/spring09/cs112.html\')" ></div -->\
           <div dojoType="FisheyeListItem" widgetId="fish3" iconSrc="'+dir+'images/graph-128x128.png" caption="Research" onClick="gotoPage(\''+dir+'research.html\')" ></div>\
           <div dojoType="FisheyeListItem" widgetId="fish4" iconSrc="'+dir+'images/photo-128x128.png" caption="About Me" onClick="gotoPage(\''+dir+'about.html\')" ></div>\
       </div>\
   </div>\
\
');
}

//function writeHeader(heading, img) {
    //alert("writeHeader2");
    //writeHeader(heading, img, "");
//}

function writeFooter() {
   document.write('<div id="footer"> \
                  <p>&copy; 2009 Dan Fleck all rights reserved.</p> \
               </div> \
               ');
}