function tog(id,newClass) {
  var el=(typeof(id) != 'object')?document.getElementById(id):id;
  el.className=(newClass)?newClass:"";
}

function initMouseOvers() {
  if (document.getElementById("completed") && document.getElementById("hoverspots")) {
    var el=document.getElementById("completed").getElementsByTagName("a");
    for (i=0; i<el.length; i++) {
      el[i].onmouseover=function() {tog('area'+this.number,'overarea');};
      el[i].onmouseout =function() {tog('area'+this.number);};
      el[i].number=i+1;
    }
    var el=document.getElementById("hoverspots").getElementsByTagName("a");
    for (i=0; i<el.length; i++) {
      el[i].onmouseover=function() {tog('zoom'+this.number,'overimg');};
      el[i].onmouseout =function() {tog('zoom'+this.number);};
      el[i].number=i+1;
    }
  }
  if (document.getElementById("projects")) {
    var el=document.getElementById("projects").getElementsByTagName("li");
    for (i=0; i<el.length; i++) {
      el[i].onmouseover=function() {
        tog(this.getElementsByTagName("p")[0],'thumbTitle blackbg');
        tog(this.getElementsByTagName("p")[1],'display');
      };
      el[i].onmouseout =function() {
        tog(this.getElementsByTagName("p")[0],'thumbTitle');
        tog(this.getElementsByTagName("p")[1]);
      };
    }
  }
}

if (document.getElementById && document.getElementsByTagName)
  window.onload=function() {
    initMouseOvers();    
  };