var year;
var project;

window.onload = function() {

  year = $$('#projList > ul > li > a');
  project = $$('#projList > ul * li > a');
  
  year[0].addClassName('selected');
  project[0].addClassName('selected');
  $$('#projList > ul ul')[0].addClassName('selected');
  
  for (i=0; i < year.length; i++) {
    year[i].id = 'yearId-' + [i];
    year[i].setStyle('left:'+80*[i]+'px;');
    if (year[i].addEventListener) {
      year[i].addEventListener('click', noHref, false);
      year[i].addEventListener('click', function() {yearSelected(this.id);}, false);
    }
    if (year[i].attachEvent) {
      year[i].attachEvent('onclick', noHref);
      year[i].attachEvent('onclick', function(){yearSelected(event.srcElement.id);});
    }
  }
  for (i=0; i < project.length; i++) {
    project[i].id = 'projId-' + [i];
    if (project[i].addEventListener) {
      project[i].addEventListener('click', noHref, false);
      project[i].addEventListener('click', function(){projSelected(this.id);}, false);
    }
    if (project[i].attachEvent) {
      project[i].attachEvent('onclick', noHref);
      project[i].attachEvent('onclick', function(){projSelected(event.srcElement.id);});
    }
  }
}

var yearSelected = function(id) {
  for (i=0; i < year.length; i++) {
    year[i].removeClassName('selected');
  }
  var yearCont = $$('#projList ul ul');
  for (i=0; i < yearCont.length; i++) {
    yearCont[i].removeClassName('selected');
  }
  var selectY = document.getElementById(id);
  selectY.addClassName('selected');
  selectY.next().addClassName('selected');
}

var projSelected = function(id) {
  for (i=0; i < project.length; i++) {
    project[i].removeClassName('selected');
  }
  var selectP = document.getElementById(id);
  selectP.addClassName('selected');
  reqData(selectP.href);
}

var reqData = function(url) {
  new Ajax.Request(url, {
    method:'get',
    onSuccess:function(httpObj) {
      var d = httpObj.responseText;
      $('workData').innerHTML = d;
    }
  });
}

var noHref = function(e) {
  //alert('No HREF');
  preventDefault(e);
};

var preventDefault = function(e) {
  if (e.preventDefault) {
    e.preventDefault();
  }
  else if (window.event) {
    window.event.returnValue = false;
  }
}