var hoverConf = {    
	sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)    
	interval: 10, // number = milliseconds for onMouseOver polling interval    
	over: function(e){
		var img = $(this).attr('img');
		var txt = $(this).attr('text');
		var bg = 'f8f0d8';
			
		$('#swatchImg').attr('src', img);
		$('#swatchText').text(txt);		
		$('#swatchPreview').css({position: 'absolute', background: '#' + bg, left: e.pageX + 20 + 'px', top: e.pageY + 20 + 'px' });
		$('#swatchPreview').show();
		$(this).css('border', '1px #000000 solid');
	},
  timeout: 10, // number = milliseconds delay before onMouseOut    
  out: function(e){
		$('#swatchPreview').hide();
		$(this).css('border', '1px transparent solid');
	}
};

$(document).ready(function(){
	$('body').append('<div id="swatchPreview"><img id="swatchImg" src="" /><br /><div id="swatchText"></div></div>');
	$('.swatchFull').hoverIntent(hoverConf).bind('mousemove', function(e){
		$('#swatchPreview').css({ left: e.pageX + 20 + 'px', top: e.pageY + 20 + 'px' });
	});
});