Simple jQuery function to add rollover functionality to promo boxes. Adds/Removes an "over" class to the main container for CSS styling and has a click function so that the entire promo box will be clickable to the hyperlink housed inside.

promo-rollover.js

$(function() {
    // Promo rollovers
    $('.promo').mouseover(function() {
    	$(this).addClass('over');
    }).mouseout(function() {
    	$(this).removeClass('over');
    }).click(function() {
    	location.href = $(this).find('a').attr('href');
    });
});