$(document).ready(function(){
	//qual estará aberto no início
	$('#loaderJavascript').remove();
	$("#tituloSessao").css("opacity" ,"0.3");
	$("#w_conteudo").addClass("bg01"); //insere a classe que tem o bg certo
	$("p.botaoTopo").hide(); // esconde todos oa parágrafos com a classe botoTopo, botões de subir ao topo da página
	$("#info01, #info02, #info03, #info04, #info05, #info06").hide();//esconde as divs
	$("#info01").show(2000); // mostra a #info01 em 2 segundos
	$("#bot01, #bot02,#bot03, #bot04, #bot05, #bot06").removeAttr("onclick"); //remove os atributos onclick dos links dos botões
	
	//$("#bot01, #bot02,#bot03, #bot04, #bot05, #bot06").removeAttr("href");
	//$("#info02").hide();
		
		//$("#info04").hide();
		//$("#info05").hide();
		//$("#info06").hide();
	
	//funções para os botões do menu
	$("#bot01").click(function(){
	$("#w_conteudo").removeClass(); //tira as classes aplicadas a ele
	$("#w_conteudo").addClass("bg01"); // adiciona a classe com o bg certo
	$("#info02, #info03, #info04, #info05, #info06").hide(400); // apaga todos os quadros
		$("#info01").show(1000); //mostra o quadro certo
		//anima o botão
		$(this).animate({ width: "220px", marginLeft: "-10px", fontSize: "114%" }, 1000 );
		$("#bot06, #bot02, #bot03, #bot04, #bot05").animate({ width: "198px", marginLeft: "0px", fontSize: "100%" }, 500 );
		//
		return false; //para remover a ação d link com a âncora, que o link tem (href="#")
	});
	
	$("#bot02").click(function(){
	$("#w_conteudo").removeClass();
	$("#w_conteudo").addClass("bg02");
		$("#info01, #info06, #info03, #info04, #info05").hide(400);
		$("#info02").show(1000);
		//anima o botão
		$(this).animate({ width: "220px", marginLeft: "-10px", fontSize: "114%" }, 1000 );
		$("#bot01, #bot06, #bot03, #bot04, #bot05").animate({ width: "198px", marginLeft: "0px", fontSize: "100%" }, 500 );
		//
		return false;
	});
	
	
	$("#bot03").click(function(){
	$("#w_conteudo").removeClass();
	$("#w_conteudo").addClass("bg03");
		$("#info01, #info02, #info06, #info04, #info05").hide(400);
		$("#info03").show(1000);
		//anima o botão
		$(this).animate({ width: "220px", marginLeft: "-10px", fontSize: "114%" }, 1000 );
		$("#bot01, #bot02, #bot06, #bot04, #bot05").animate({ width: "198px", marginLeft: "0px", fontSize: "100%" }, 500 );
		//
		return false;
	});
	
	
	$("#bot04").click(function(){
	$("#w_conteudo").removeClass();
	$("#w_conteudo").addClass("bg04");
		$("#info01, #info06, #info03, #info02, #info05").hide(400);
		$("#info04").show(1000);
		//anima o botão
		$(this).animate({ width: "220px", marginLeft: "-10px", fontSize: "114%" }, 1000 );
		$("#bot01, #bot02, #bot03, #bot06, #bot05").animate({ width: "198px", marginLeft: "0px", fontSize: "100%" }, 500 );
		//
		return false;
	});
	
	
	$("#bot05").click(function(){
	$("#w_conteudo").removeClass();
	$("#w_conteudo").addClass("bg05");
		$("#info01, #info02, #info03, #info04, #info06").hide(400);
		$("#info05").show(1000);
		//anima o botão
		$(this).animate({ width: "220px", marginLeft: "-10px", fontSize: "114%" }, 1000 );
		$("#bot01, #bot02, #bot03, #bot04, #bot06").animate({ width: "198px", marginLeft: "0px", fontSize: "100%" }, 500 );
		//
		return false;
		
		

	});
	
	
	$("#bot06").click(function(){
	$("#w_conteudo").removeClass();
	$("#w_conteudo").addClass("bg06");
		$("#info01, #info02, #info03, #info04, #info05").hide(400);
		$("#info06").show(1000);
		//anima o botão
		$(this).animate({ width: "220px", marginLeft: "-10px", fontSize: "114%" }, 1000 );
		$("#bot01, #bot02, #bot03, #bot04, #bot05").animate({ width: "198px", marginLeft: "0px", fontSize: "100%" }, 500 );
		//
		return false; //para remover a ação d link com a âncora, que o link tem (href="#")
	});
	
	$("#menuSup ul li a, #lateral2 a").hover(function(){$(this).fadeOut(100);$(this).fadeIn(500);});


});