var currentID;

function updateTestimonialList(year) {
  url = '/content/testimonials-data.php';
  element_list = $('testimonialList');
  element_show = $('testimonialShow');
  new Ajax.Request(url, {
    method: 'post',
    parameters: $H({'y': year, 'nojs' : 0}),
    onComplete: function(transport) {
      var data = eval("(" + transport.responseText + ")");
      element_list.update(data['list']);
      element_show.update(data['show']);
      setFirstID();
    }
  });
}

function setFirstID () {
  mom = $('testimonialList');
  kids = mom.childNodes;
  for (var i in kids) {
    if (kids[i].nodeName == 'SPAN') {
      temp = kids[i].id.split('_');
      currentID = temp[1];
      return;
    }
  }
}

function switchNodes(prevID, currentID) {
  var regex = /<[^>]*>([^<]*)<[^>]*>/;
  prevnode = $("name_"+prevID);
  currentnode = $("name_"+currentID);
  prevnode.className = prevnode.className.replace("activetestimonial", "");
  currentnode.className += "activetestimonial";
  currentnode.innerHTML = currentnode.innerHTML.replace(regex, "$1");
  prevnode.innerHTML = '<a onclick="updateHighlight('+prevID+');return false;" href="#">'+prevnode.innerHTML+'</a>';
}

function updateHighlight(id) {
  url = '/content/testimonials-data.php';
  element_show = $('testimonialShow');
  new Ajax.Request(url, {
    method: 'post',
    parameters: $H({'id': id}),
    onComplete: function(transport) {
      var data = eval("(" + transport.responseText + ")");
      element_show.update(data['show']);
      prevID = currentID;
      currentID = id;
      switchNodes(prevID, currentID);
    }
  });
}

Event.observe(window, 'load', setFirstID);