var oImg;

function displayImage(srcObj) {
    oImg.stop(true, true).fadeOut('slow', function () { 
		oImg.attr('src', srcObj.attr('large')); }).stop(true, true).fadeIn('slow');	
}

function hoverBackground(scrObj, bOn) {
	if (bOn) {
		scrObj.addClass('transHoverOn');
	} else {
		scrObj.removeClass('transHoverOn');
	}
}

$(document).ready(function () {
	oImg = $('#focusImage');
	$('.thumb').mouseenter(function () { displayImage($(this)); });		
	$('.transHover').mouseenter(function () { hoverBackground($(this), true); }).mouseleave(function () { hoverBackground($(this), false); });
});