sfHover = function() {
     var sfEls = document.getElementById("nav").getElementsByTagName("li");

     for (var i=0; i<sfEls.length; i++) {
      sfEls[i].onmouseover=function() {
       this.className+=" sfhover";
      } //End FUNCTION sfEls[i].onmouseover
      sfEls[i].onmouseout=function() {
       this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
      } //End FUNCTION sfEls[i].onmouseout
     } //End FOR i<sfEls.length
    } //End FUNCTION sfHover

    if (window.attachEvent) window.attachEvent("onload", sfHover);


    function popUp(url){
     window.open(url,'externalfile','width=800,height=560,status=0,scrollbars=yes,');
    } //End FUNCTION popUp


    function printPage() {
      if (window.print) { window.print() }
      else { alert("Go to the file menu and select 'print'."); }
    } //End FUNCTION printPage


    trad    = new Image; trad.src      = "./images/tradition.png";
    tradAlt = new Image; tradAlt.src   = "./images/tradition-l.png";

    blog    = new Image; blog.src      = "./images/research.jpg";
    blogAlt = new Image; blogAlt.src   = "./images/research-l.jpg";

    lond    = new Image; lond.src      = "./images/london-eye.jpg";
    londAlt = new Image; londAlt.src   = "./images/london-eye-l.jpg";

    work    = new Image; work.src      = "./images/non-gender-waiter.png";
    workAlt = new Image; workAlt.src   = "./images/non-gender-waiter-l.png";

    show    = new Image; show.src      = "./images/school-shows.jpg";
    showAlt = new Image; showAlt.src   = "./images/school-shows-l.jpg";

    prof    = new Image; prof.src     = "./images/going-pro.jpg";
    profAlt = new Image; profAlt.src  = "./images/going-pro-l.jpg";