anterior=document.getElementById('nov1'); //anterior é um OBJETO
$(anterior).fadeIn();//mostra o primeiro quadro;
index=0; //garante inicialização, não mexer
noAr=4000; //tempo q o quadro será exibido (em milisegundos)
numeroDeNovidades=4; //quantidade de quadros com novidades que serão mostrados no painel (começa do 1 mesmo).
velTroca=800;//velocidade do fade entre os quadros
$('div.fundoalpha').height($('div.legenda').height());//força a altura do fundo alpha - não mexer
$(document).ready(function() {controlaNoticia()});//inicia o script


$('div.index').mouseenter(function () {
	if (this!=botaoAnterior) {
		$(this).css("background-image","url('imagens/index_on.gif')");
		}
	});
$('div.index').mouseleave(function () {
	if(this!=botaoAnterior) {
		$(this).css("background-image","url('imagens/index_off.gif')");
		}
	});

$('div.index').click(function () {
	if (this!=botaoAnterior) {
		$(anterior).fadeOut(velTroca);
		clicada=this;		//clicada é um OBJETO
		clicadaId=this.id	//clicadaId é uma STRING
		index=clicadaId.charAt(3); 		//index é flexível entre STRING e INTEIRO
		proximaNoticia='div#nov'+index;
		$('div#nov'+index).fadeIn(velTroca);
		$(botaoAnterior).css("background-image","url('imagens/index_off.gif')");
		anterior=document.getElementById('nov'+index);
		botaoAnterior=document.getElementById('idx'+index);
		$(botaoAnterior).css("background-image","url('imagens/index_sel.gif')");
		clearTimeout(t);
		t=setTimeout("trocaNoticia()", noAr);
		}
	else {//se clicar em um que está sendo exibido ele fica mais 2s "no ar"
		clearTimeout(t);
		t=setTimeout("trocaNoticia()", noAr+2000);//noAr+2000, ou seja, mais 2 segundos "no ar".
		}
	});
	
$('div.novidades').mouseenter(function () {clearTimeout(t)}); //a rolagem de imagens para  quando passa o mouse
$('div.novidades').mouseleave(function() {t=setTimeout("trocaNoticia()",noAr/2);});//e volta quando tira o mouse

function controlaNoticia() {
	if (index<numeroDeNovidades) {
		index++;
		}
	else {
		index=1;
		}
	proximaNoticia='div#nov'+index; //proximaNoticia é uma STRING
	
	$('div#nov'+index).fadeIn(velTroca);
	anterior=document.getElementById('nov'+index);
	botaoAnterior=document.getElementById('idx'+index);
	$(botaoAnterior).css("background-image","url('imagens/index_sel.gif')");
	t=setTimeout("trocaNoticia()", noAr);
	}
	
function trocaNoticia () {
	$(anterior).fadeOut(velTroca);
	$(botaoAnterior).css("background-image","url('imagens/index_off.gif')");
	controlaNoticia();
	}