// JavaScript Document

$(function(){
	//menu
	var maiorItem = 0
	$("#menu li ul li a").each(function(){
		var largura = $(this).width()
		if(maiorItem < largura) {
			maiorItem = largura
		}
		//alert(maiorItem)
		//$(this).parent().parent().css("width", maiorItem)
	})
	
	$("#menu ul li").hover(function(){
		$(this).find("ul").slideDown(200)
	}, function(){
		$(this).find("ul").slideUp(150)
	})
	
	//flutuante
	$(".flutuante")
	.css("margin-left", ($(".flutuante").width()/2)*-1)
	.css("margin-top", ($(".flutuante").height()/2)*-1)
	.click(function(){
		$(this).fadeOut()
	})
	
	// banner
	$(".imagem-ampliada").html("<img width=\"903\" src=\"" + $($(".miniaturas img")[0]).attr("src") + "\"/>")
	.find("img")
	.fadeIn("slow")
	//
	$(".miniaturas img").click(function(){
		$(".miniaturas img").css("opacity", "0.5")
		$(this).css("opacity", "1")
		caminho = "<img width=\"903\" src=\"" + $(this).attr("src") + "\"/>"
		$(".imagem-ampliada").html(caminho).stop()
		.find("img")
		.fadeIn("slow")
		
		return false
	})
	
	// campo de busca google
	$(".google").focus(function(){
		$(this).addClass("ativo")
	})
	$(".google").blur(function(){
		if($(this).val() == "") {
			$(this).removeClass("ativo")
		}
	})
	
	// adicionando imagens do topo e rodapé
	topo = "<div class=\"topo\"></div>"
	rodape = "<div class=\"rodape\"></div>"
	$("#coluna-2 .conteudo").before(topo).after(rodape)
	
	// adicionando imagens do topo e rodapé conteudo
	topoConteudo = "<div class=\"topo\"></div>"
	rodapeConteudo = "<div class=\"rodape\"></div>"
	$(".materia .texto").before(topo).after(rodape)
})