com Javascript que troca div automaticamente

[eph2 0]

Galera, td bem? seguinte, peguei um código aqui, outro ali e consegui fazer funcionar em partes.

 

Primeiro vou postar meus códigos:

 

HTML

...		<div id="destaques" name="destaques">			<div id="destaque1" name="destaque1" style="display:"><img src="destaques/destaque1.jpg" width="725" height="210" alt="Destaque1" /><br /><blockquote class="descricao">Destaque 1</blockquote></div>			<div id="destaque2" name="destaque2" style="display:none"><img src="destaques/destaque2.jpg" width="725" height="210" alt="Descrição 2" /><blockquote class="descricao">Descrição 2</blockquote></div>			<div id="destaque3" name="destaque3" style="display:none"><img src="destaques/destaque3.jpg" width="725" height="210" alt="Descrição 3" /><blockquote class="descricao">Descrição 3</blockquote></div>			<div id="destaque4" name="destaque4" style="display:none"><img src="destaques/destaque4.jpg" width="725" height="210" alt="Descrição 4" /><blockquote class="descricao">Descrição 4</blockquote></div>			<div id="destaque5" name="destaque5" style="display:none"><img src="destaques/destaque5.jpg" width="725" height="210" alt="Descrição 5" /><blockquote class="descricao">Descrição 5</blockquote></div>		</div>...

JS

...function $(campo) {	return document.getElementById(campo);}...function nextSlide() {	var divs = $('destaques').getElementsByTagName('div');	var i;	for (i = 0; i < divs.length; i++) {		if (divs[i].style.display == '') {			divs[i].style.display = 'none';			i = (i == divs.length - 1) ? 0 : i + 1;			divs[i].style.display = '';			break;		}	}}...

Até aí funciona direito... mas no meu html depois das tags <blockquote> eu necessito usar <div> que irá ter um conteudo q precisa desta tag, mas daí o JS interpreta um <div> a mais na função nextSlide e dá um erro na troca automática, tipo ele troca as divs, mas fica um "espaço em branco" sem mostrar nada na posição do <div id="destaques">. Então cheguei a conclusão q eu teria que trabalhar neste linha do JS:

var divs = $('destaques').getElementsByTagName('div');

Só não sei como fazer isso, mas ao invés de eu pegar elementos com TagName DIV, gostaria de saber se é possivel eu pegar os elementos com ID "destaque1, destaque2, destaque3, destaque4 e destaque5?

Desta forma eu resolveria meu problema com as divs... mas não sei como pegar eles e deixar randômico. tentei usar um código assim?

 

var divs = $('destaques').getElementsById('destaque'[i]);

mas não deu certo.

 

Alguém consegue me dar uma luz?

[Alex Hiroshi 7]

Troca as div's por span's. =D

 

Bom, mudar o seu script para fazer funcionar do jeito que você quer, pegando as divs por id, pode não ser uma opção muito agradável. Pode ser que você tenha que mudar tudo, criar um novo script.

 

Uma idéia que eu dou, é declarar um atributo name nas divs que você não quer que conte. Aí o script só precisaria de uma mudança simples, no if.

if (divs[i].style.display == '' && divs[i].name != "excluir") {