function TabPanels(id)
{
	this.tabField = $(id);
	this.tabs = $(id).getElementsBySelector('li.tabBtn');
	this.contents = $(id).getElementsBySelector('div.tabContent');
	this.selected_class = 'selected';
	
	if( this.contents.length != this.tabs.length ) alert('タブとフィールドの数を合わせてください。');
}

TabPanels.prototype.setSelectedClass = function(class_name)
{
	this.selected_class = class_name;
}

TabPanels.prototype.show = function(index)
{
	for( i=0 ;i<this.tabs.length; i++ )
	{
		if( Element.hasClassName(this.tabs[i] , this.selected_class) )
			Element.removeClassName( this.tabs[i] , this.selected_class );
		
		Element.setStyle( this.contents[i]  , { display:"none"} );
	}
	
	Element.addClassName( this.tabs[index] , this.selected_class );
	Element.setStyle( this.contents[index]  , { display:"block"} );
}