/* ------------------------------------------------------------------------
TabBox
------------------------------------------------------------------------- */
var TabBox = Class.create( {
	_tabs:[],
	initialize : function(tabs) {
		this._tabs=tabs;
		for (var i = 0, len = this._tabs.length; i < len; i++) {		
			var a=$('#a_'+this._tabs[i]).attr('href','javascript:void(0);').attr('alt',this._tabs[i]);
			owner1=this;
		    a.bind("click", function(){
		    	owner1.display($(this).attr('alt'));
		    	$(this).attr('class','selected');
			 }); 
		}
		$('#'+this._tabs[0]).show();
		$('#a_'+this._tabs[0]).attr('class','selected');
	},
	display : function(tab) {
		this.hideAll();
		$('#'+tab).show();
	},
	hideAll :function(){
		for (var i = 0, len = this._tabs.length; i < len; i++) {
			var tabs=$('#'+this._tabs[i]).hide();
			$('#a_'+this._tabs[i]).attr('class','');
		}
	}
});