function toggleRelated(boxnum) {
	/* USAGE -- 
		Each related expanded content box requires a different id started with cnnRBox1, cnnRBox2, ect ect.
		and the same with the topics header box, so cnnRBoxExp1, cnnRBoxExp2, ect ect.
		Then each topics box will have an onclick event, toggleRelated(1), toggleRelated(2), ect ect.
	  */
	var relatedarrow = document.getElementById('cnnRBoxExp' + boxnum).getElementsByTagName("img")[0];
	var relatedhead = document.getElementById('cnnRBoxExp' + boxnum).style
	var relatedbox = document.getElementById("cnnRBox" + boxnum ).style; 
	//disableSelection(document.getElementById('cnnRBoxExp' + boxnum)); 
	if (relatedbox.display == 'block')  {
		relatedbox.display = 'none';
		relatedarrow.src = "http://i.cdn.turner.com/cnn/.element/img/2.0/cnntv/misc/arrow_blue_right.gif";
		relatedhead.cursor = 'pointer';														
	} else { 
		relatedbox.display = 'block';
		relatedarrow.src = "http://i.cdn.turner.com/cnn//.element/img/2.0/cnntv/misc/arrow_blue_down.gif";							
		relatedhead.cursor = 'pointer';														
	}						
 }
function toggleRelatedOff() {
	for ( i = 1; i <= 20; i++ ) {
		if (document.getElementById("cnnRBox" + i)) { 						
			document.getElementById("cnnRBox" + i).style.display = 'none'; 
			document.getElementById('cnnRBoxExp' + i).getElementsByTagName("img")[0].src = "http://i.cdn.turner.com/cnn//.element/img/2.0/cnntv/misc/arrow_blue_right.gif";
			document.getElementById('cnnRBoxExp' + i).style.cursor = 'pointer';
		}
	}
}
function disableSelection(element) { 
	element.onselectstart = function() {
		return false;
	};
	element.unselectable = "on";
	element.style.MozUserSelect = "none";
	element.style.cursor = "default";
} 
