// This script refers to the relevant information boxes (the two boxes above the footer).
// It basically:
// 1. Gets the values of the two boxes, href, image path, alt tags, and title
// 2. Strip out the whole thing
// 3. Re-render the HTML to be sIFR compliant, so that I can assign sIFR to the <span> and not <a>
// 4. sIFR is assigned
// 5. Javascript is used again to enable hovering of background colours.


$('#genericLandingBox .featuresList div').each(function(){
	// get info
	var href = $('a', this).attr('href');
	var title = $('a', this).text();
	// remove them
	$(this).children().remove();
	// pump it out
	$(this).append('<strong><a href="' + href + '">' + title + '</a></strong>');
});		
	
// might as well use javascript to make the background hover
$('#genericLandingBox .featuresList div').hover(function(){
	$(this).css({'background':'#969fb0'});
}, function(){
	$(this).css({'background':'#b1b9c6 url(/images/generic/dotted-bg.gif)', 'background-position':'left top', 'background-repeat':'repeat-x'});
});