ajaxBox.tab = function( elementJson )
{
	/*____________________________________________________________________
	*/
	this.elementJson = eval( elementJson );			
	this.elementJson.options = Object.extend(
						 {
							'tab' :Array(),
							'inicial':''
						 }
					 , this.elementJson || {}
					 );	
	/*____________________________________________________________________
	*/
	
	/*
	Criando abas iniciais
	____________________________________________________________________
	*/
	for( _tab = 0; _tab < this.elementJson.options['tab'].length; _tab ++ )
	{
		e = this.elementJson.options['tab'][ _tab]['in']; $( e).style.display = 'none';	
		
		a = this.elementJson.options['tab'][ _tab]['id'];
		if 
		( a == this.elementJson.options['inicial'][0]['id'])
		{
			$( a).addClassName( this.elementJson.options['tab'][ _tab]['class_on']); Element.removeClassName( $( a), this.elementJson.options['tab'][ _tab]['class_out']);		
		}
			else
		{		
			$( a).addClassName( this.elementJson.options['tab'][ _tab]['class_out']); Element.removeClassName( $( a), this.elementJson.options['tab'][ _tab]['class_on']);
		}
		
		HTML = $( a).innerHTML
		
		$( a).innerHTML = "<a href=\"javascript:ajaxBox['ajaxBoxTabMuda']('"+ elementJson +"', '"+ this.elementJson.options['tab'][ _tab]['id'] +"')\">"+HTML+"</a>";
	
	}

	$( this.elementJson.options['inicial'][0]['in']).style.display = 'block';
	
	/*
	Mudando aba
	____________________________________________________________________
	*/
	this.ajaxBoxTabMuda = function( elementJson, tab)
	{
		/*
		Limpando elementos abertos
		____________________________________________________________________
		*/
		elementJson      = eval( elementJson );	
		this.elementJson = elementJson;			
		for( _tab = 0; _tab < this.elementJson.options['tab'].length; _tab ++ )
		{ 
			e = this.elementJson.options['tab'][ _tab]['in']; $( e).style.display = 'none'; 
			}	

		for( _tab = 0; _tab < this.elementJson.options['tab'].length; _tab ++ )
		{

			a = this.elementJson.options['tab'][ _tab]['id'];
			
			if 
			( a == tab)
			{	
				$( tab).addClassName( this.elementJson.options['tab'][ _tab]['class_on']); Element.removeClassName( $( tab), this.elementJson.options['tab'][ _tab]['class_out']);
				$( this.elementJson.options['tab'][ _tab]['in']).style.display = 'block';
			}
				else
			{			
				$( a).addClassName( this.elementJson.options['tab'][ _tab]['class_out']); Element.removeClassName( $( a), this.elementJson.options['tab'][ _tab]['class_on']);
			}
		
		}		
	
	}
}