javascript - show and hide divs on timer -

i have list of divs

<div id="container_dc">     <div class="slide" id="slide_1"></div>     <div class="slide" id="slide_2"></div>     <div class="slide" id="slide_3"></div>     <div class="slide" id="slide_4"></div> </div> 

each div has background image.

i want show , 1 div @ time starting first, , show each 4 second before hiding , showing next.

i cannot use jquery!

want simple possible.

what best way go this? code appreciated..

something along these lines:

var container = document.getelementbyid("container_dc"),     children = container.childnodes,     show=-1;  window.setinterval(function() {     if(children[show]) children[show].display='hidden';     show=show+1;     if(show==children.length) show=0;     children[show].display='block';     next=(next+1); },4000); 

the code documentation enough.