Need to toggle STYLE.DISPLAY value of elements in an ARRAY of DIV tags.

I have a set of <DIV>'s with identical ID's such as the following:

<DIV ID="content" STYLE="display:inline;">Display Text</DIV>
<DIV ID="content" STYLE="display:none;">Display Text</DIV>
<DIV ID="content" STYLE="display:none;">Display Text</DIV>
<DIV ID="content" STYLE="display:none;">Display Text</DIV>

Notice that only the first one is actually visible.

I need to write a function that loops through the array DOCUMENT.ALL("content") and sets STYLE.DISPLAY = "none" for all elements, records which one was "inline" last, and set the next element in the array to "inline".  If it gets to the last element, then the first one needs to be set to "inline", and the sequence repeats.

The function will be called with a timer.  So each time it runs, it will examine the state of the DOCUMENT.ALL("content") elements, and roll the "inline" property to the next one in sequence.

Here's a visualization of how the function should operate if run for 7 iterations in sequence on 4 DIV objects.  X stands for "style.display = inline", O stands for "style.display = none".

1:   X    O    O    O
2:   O    X    O    O
3:   O    O    X    O
4:   O    O    O    X
5:   X    O    O    O
6:   O    X    O    O
7:   .......


Any takers?