var TabCtrl = Class.create();

TabCtrl.prototype = {
  initialize: function(element)
  {
    this.element  = $(element);
    this.selected = this.element.getElementsByTagName('LI')[0];
    
    var linkObject;
    var spanList = this.element.getElementsByTagName('SPAN');
    for(var i=0; i<spanList.length; i++)
    {
      spanList[i].title = spanList[i].innerHTML;
    }
    this.registerEventHandlers();
  },

  registerEventHandlers: function()
  {
    this.eventMouseClick = this.handleClick.bindAsEventListener(this);

    Event.observe(this.element, "click", this.eventMouseClick);
  },

  handleClick: function(event)
  {
    var obj = Event.element(event);

    while(obj && (obj.tagName != 'A'))
        obj = obj.parentNode;
    if (!obj)
      return;

    while(obj && (obj.tagName != 'LI'))
        obj = obj.parentNode;
  
    this.selected.className = '';
    this.selected = obj;
    this.selected.className = 'selected';
    
  }
};