// JavaScript Document

$(document).ready(function(){
	
	//Escondendo Abas
	$('#aba2, #aba3, #aba4').hide();
	
	//Aplicando a Classe Ativo para o primeiro botão
	$('#btAba1').addClass('ativo1');
	
	
	//Aplicando função ao primeiro botão
	$('#btAba1').click(function(){
		//ativando a primeira aba
		$('#aba1').fadeIn('slow');
		//escondendo as outras aba
		$('#aba2, #aba3, #aba4').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo1');
		//Removendo as classes ativo dos outros
		$('#btAba2').removeClass('ativo2');
		$('#btAba3').removeClass('ativo3');
		$('#btAba4').removeClass('ativo4');
	});
	
	//Aplicando função ao segundo botão
	$('#btAba2').click(function(){
		//ativando a segunda aba
		$('#aba2').fadeIn('slow');
		//escondendo as outras aba
		$('#aba1, #aba3, #aba4').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo2');
		//Removendo as classes ativo dos outros
		$('#btAba1').removeClass('ativo1');
		$('#btAba3').removeClass('ativo3');
		$('#btAba4').removeClass('ativo4');
	});
	
	//Aplicando função ao terceiro botão
	$('#btAba3').click(function(){
		//ativando a terceira aba
		$('#aba3').fadeIn('slow');
		//escondendo as outras aba
		$('#aba1, #aba2, #aba4').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo3');
		//Removendo as classes ativo dos outros
		$('#btAba1').removeClass('ativo1');
		$('#btAba2').removeClass('ativo2');
		$('#btAba4').removeClass('ativo4');
	});

	//Aplicando função ao terceiro botão
	$('#btAba4').click(function(){
		//ativando a terceira aba
		$('#aba4').fadeIn('slow');
		//escondendo as outras aba
		$('#aba1, #aba2, #aba3').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo4');
		//Removendo as classes ativo dos outros
		$('#btAba1').removeClass('ativo1');
		$('#btAba2').removeClass('ativo2');
		$('#btAba3').removeClass('ativo3');
	});

});