function swapHeadline(evt) {
	$(this).addClass('hover');

	var section = 'div.product.' + evt.data.section;
	var sHeadline = $(section).clone();
	sHeadline.removeClass(evt.data.section);
	$('#headline').replaceWith(sHeadline);
	sHeadline.attr('id', 'headline');
}

function unHighlight() {
	$(this).removeClass('hover');
}

function replaceHeadline(evt) {
	$('#headline').replaceWith(evt.data.headline);
}	

$(document).ready(function( ) {
	var defaultHeadline = $('#headline').clone();
	
	$('#products a:contains(BI)').bind('mouseover', {section:'bi'}, swapHeadline);
	$('#products a:contains(BI)').mouseout(unHighlight);

	$('#products a:contains(CRM)').bind('mouseover', {section:'crm'}, swapHeadline);
	$('#products a:contains(CRM)').mouseout(unHighlight);
	
	$('#products a:contains(Staff Aug)').bind('mouseover', {section:'sa'}, swapHeadline);
	$('#products a:contains(Staff Aug)').mouseout(unHighlight);

	$('#products a:contains(Support)').bind('mouseover', {section:'sg'}, swapHeadline);
	$('#products a:contains(Support)').mouseout(unHighlight);

	$('#products a:contains(OMS)').bind('mouseover', {section:'om'}, swapHeadline);
	$('#products a:contains(OMS)').mouseout(unHighlight);
	
	//$('.container').bind('mouseover', {headline: defaultHeadline}, replaceHeadline);
});