Looked it up, I used members once to get it done,
Header:
<style type="text/css">
.jsclass body .randomcontent{
display: none;
}
</style>
<script type="text/javascript">
if (document.getElementById)
document.documentElement.className = 'jsclass'; //hide content for DOM capable browsers
var randomcontentdisplay={
divholders:new Object(),
masterclass: "randomcontent",
init:function(){
if (!document.getElementById)
return
var alldivs=document.getElementsByTagName("div")
var randomcontentsearch=new RegExp(this.masterclass+"\\s+(group\\d+)", "i") //check for CSS class="randomcontent groupX" (x=integer)
for (var i=0; i<alldivs.length; i++){
if (randomcontentsearch.test(alldivs[i].className)){
if (typeof this.divholders[RegExp.$1]=="undefined") //if array to hold this group of divs doesn't exist yet
this.divholders[RegExp.$1]=new Array() //create array first
this.divholders[RegExp.$1].push(alldivs[i]) //add this div to the array
}
}
this.showone()
},
showone:function(){
for (group in this.divholders){ //loop thru each array within object
var chosenOne=Math.floor(Math.random()*this.divholders[group].length) //randomly pick one entry from array
this.divholders[group][chosenOne].style.display="block" //display content corresponding to the chosen entry
}
}
}
</script>
-------------------------------------------------------------
Member:
<div class="randomcontent group1">
<table width="906" height="247" border="0" cellpadding="5" cellspacing="0" background="[PICTURE]">
<tr>
<td valign="top">
<div style="height:190px;width:890px;"><span class="bannerstyle3">[LONG1]</span></div>
<div style=" width:890px; height:20px; text-align:right;"><span class="bannerstyle4">[LINK]</span></div>
</td>
</tr>
</table>
</div>
-------------------------------------------------------------
Footer:
<script type="text/javascript">
randomcontentdisplay.init()
</script>