var TabBox = new Class({
		"options":{
			"eventType":"mouseover"
		},
		"initialize":function(el, option){
			this.el = $(el);
			this.setOptions(option);
			this.links = this.el.getElements(".tabTitle");
			this.contents = this.el.getElements(".tabContent");
			
			if(this.options.show) this.show = this.options.show;
			if(this.options.hide) this.hide = this.options.hide;
			
			this.links.each(function(el,index){
				if(this.contents[index]){
					el.addEvent(this.options.eventType,function(e,i){
						new Event(e).stop();
						this.links[this.index].removeClass("curTab");
						this.links[i].addClass("curTab");
						this.contents[this.index].fireEvent("hide");
						this.contents[i].fireEvent("show");
						this.index = i;
					}.bindWithEvent(this,index));
					this.contents[index].addEvent("hide", this.hide);
					this.contents[index].addEvent("show", this.show);
				}
			}.bind(this));

			this.index = 0;
		},
		"show":function(){
			this.addClass("curTab");
		},
		"hide":function(){
			this.removeClass("curTab");
		}
	});
	TabBox.implement(new Events, new Options);