/*
Goes through all sub-divs of elementID and fades the sub-divs in/out in order, on repeat.
Make sure to call this method once to get things going:

Example of html:
<div id="newsItems">
	<div style="display:none">First line</div>
	<div style="display:none">Second line</div>
</div>
<script type="text/javascript">
	cycleDivs('newsItems', 1, 0);
</script>

@param elementID the (div) id
@param fadeInFlag determine if the item is fading in or out [0, 1]
@param index the current div index being handled 
*/
function cycleDivs(elementID, fadeInFlag, index) {
	//var node = document.getElementById(elementID);
	//var listItems = node.select('div'); // looks like select doesn't run on IE7
	var listItems = document.getElementById(elementID).getElementsByTagName('div'); 
	if(fadeInFlag==1) {
		//Effect.Appear(listItems[index].id);
		Effect.Appear(listItems[index]);
		setTimeout('cycleDivs(\'' + elementID + '\',0, '+ index + ')', 3000);
	}
	else {
		//listItems[index].fade();
		Effect.Fade(listItems[index]);
		index = (++index>=listItems.length? 0: index);
		setTimeout('cycleDivs(\'' + elementID + '\',1, ' + index + ')', 1000);
	}
}

function toggleVisibility(elementName) {
	elmnt = document.getElementById(elementName);

	if(elmnt.style.display!="none") {
		elmnt.style.display="none";
	}
	else {
		elmnt.style.display="";
	}
}