var UI = {};

var ui = UI;

UI.Tabs = new Class({
	
	initialize : function(srcId) {
		this.src = $(srcId);
		this.tabs = this.src.getElements("ul.tabs li.tab");
		for(var i=0; i<this.tabs.length; i++) {
			if (this.tabs[i].getTag() == "a") {
				this.tabs[i].addEvent("mouseover", this.mouseover.bindWithEvent(this,i));
				this.tabs[i].getElement("a").addEvent("mouseover", this.mouseover.bindWithEvent(this,i));
				this.tabs[i].addEvent("mouseout", this.mouseout.bindWithEvent(this,i));
				this.tabs[i].getElement("a").addEvent("mouseout", this.mouseout.bindWithEvent(this,i));
			}
		}
	},
	
	mouseover : function(event,i) {
		this.tabs[i].addClass("hover");
	},
	
	mouseout: function(event,i) {
		this.tabs[i].removeClass("hover");
	}
	
});