// JavaScript Document

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


	$('#abadetalhe2, #abadetalhe3, #abadetalhe5, #abadetalhe6, #abadetalhe12').hide();
	$('#btAbaDetalhe1, #btAbaDetalhe4, #btAbaDetalhe11').addClass('ativo');

	
	//Aplicando função ao primeiro botão
	$('#btAbaDetalhe1').click(function(){
		//ativando a primeira aba
		$('#abadetalhe1').fadeIn('normal');
		//escondendo as outras aba
		$('#abadetalhe2, #abadetalhe3').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo');
		//Removendo as classes ativo dos outros
		$('#btAbaDetalhe2, #btAbaDetalhe3').removeClass('ativo');
		
		return false
		
	});
	
	//Aplicando função ao segundo botão
	$('#btAbaDetalhe2').click(function(){
		//ativando a segunda aba
		$('#abadetalhe2').fadeIn('normal');
		//escondendo as outras aba
		$('#abadetalhe1, #abadetalhe3').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo');
		//Removendo as classes ativo dos outros
		$('#btAbaDetalhe1, #btAbaDetalhe3').removeClass('ativo');
		
		return false
		
	});
	
	//Aplicando função ao terceiro botão
	$('#btAbaDetalhe3').click(function(){
		//ativando a terceira aba
		$('#abadetalhe3').fadeIn('normal');
		//escondendo as outras aba
		$('#abadetalhe1, #abadetalhe2').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo');
		//Removendo as classes ativo dos outros
		$('#btAbaDetalhe1, #btAbaDetalhe2').removeClass('ativo');
		
		return false
		
	});

	//Aplicando função ao primeiro botão
	$('#btAbaDetalhe4').click(function(){
		//ativando a primeira aba
		$('#abadetalhe4').fadeIn('normal');
		//escondendo as outras aba
		$('#abadetalhe5, #abadetalhe6').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo');
		//Removendo as classes ativo dos outros
		$('#btAbaDetalhe5, #btAbaDetalhe6').removeClass('ativo');
		
		return false
		
	});
	
	//Aplicando função ao segundo botão
	$('#btAbaDetalhe5').click(function(){
		//ativando a segunda aba
		$('#abadetalhe5').fadeIn('normal');
		//escondendo as outras aba
		$('#abadetalhe4, #abadetalhe6').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo');
		//Removendo as classes ativo dos outros
		$('#btAbaDetalhe4, #btAbaDetalhe6').removeClass('ativo');
		
		return false
		
	});
	
	//Aplicando função ao terceiro botão
	$('#btAbaDetalhe6').click(function(){
		//ativando a terceira aba
		$('#abadetalhe6').fadeIn('normal');
		//escondendo as outras aba
		$('#abadetalhe4, #abadetalhe5').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo');
		//Removendo as classes ativo dos outros
		$('#btAbaDetalhe4, #btAbaDetalhe5').removeClass('ativo');
		
		return false
		
	});

	//Aplicando função ao terceiro botão
	$('#btAbaDetalhe11').click(function(){
		//ativando a terceira aba
		$('#abadetalhe11').fadeIn('normal');
		//escondendo as outras aba
		$('#abadetalhe12').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo');
		//Removendo as classes ativo dos outros
		$('#btAbaDetalhe12').removeClass('ativo');
		
		return false
		
	});

	//Aplicando função ao terceiro botão
	$('#btAbaDetalhe12').click(function(){
		//ativando a terceira aba
		$('#abadetalhe12').fadeIn('normal');
		//escondendo as outras aba
		$('#abadetalhe11').hide();
		
		//Aplicando a Classe Ativo para este botão
		$(this).addClass('ativo');
		//Removendo as classes ativo dos outros
		$('#btAbaDetalhe11').removeClass('ativo');
		
		return false
		
	});

});