/* HOMEPAGE ROLLOVERS SECONDARY CONTENT
--------------------------------------------- */
//HANDLES MOUSEOVERS FOR THE HOMEPAGE
function secondaryNewsRollOver(sourceElement) {

	//this if/else is a quick and dirty patch to use the proper container.  An ie6 bug is stopping me from using one container
	/*
	 *	COMMONSPOT - commented out section to remove difference b/w secondary and tertiary news.
	 */
	//if(sourceElement.up(0).identify() == 'secondary-news') {
		var rolloverContainer = $('rollover-container');
		var rolloverTarget = $('rollover-container-target');
		//$('secondary-news').setStyle({zIndex:'500'});
		//$('tertiary-news').setStyle({zIndex: '500'});
		//$('tertiary-news').setStyle({width: '654px'}); /* this width statement needed to overcome an ie6 only bug*/
	//}
	//else {
	//	var rolloverContainer = $('rollover-container2');
	//	var rolloverTarget = $('rollover-container-target2');	
	//	$('tertiary-news').setStyle({zIndex: '1000'});
	//	$('secondary-news').setStyle({zIndex: '500'});
	//	$('tertiary-news').setStyle({width: '654px'}); /* this width statement needed to overcome an ie6 only bug*/
	//}
	
	//if the rollover container is not empty, blow away anything in there
	if(rolloverTarget.empty()==false) {
		var arr = rolloverTarget.descendants();
			arr.each(function(node){
			node.remove();
		});
	}
	
	rolloverContainer.show();
	rolloverContainer.clonePosition(sourceElement, {offsetLeft: -31, offsetTop: -31, setHeight: false});
	rolloverTarget.insert(sourceElement.innerHTML);
	
	// adjust hieght according to content
	var theHeight = sourceElement.down(3).getHeight();
	$('rollover-container').setStyle({height: theHeight+140+'px'});
	
	/*
	 *	COMMONSPOT - Comment out for the 2nd roll over container
	 */	
	//$('rollover-container2').setStyle({height: theHeight+140+'px'});
	
}