$(document).ready(function() {
	//Append a div with hover class to all the LI
		$('.puff').append('<div class="hover"><\/div>');
			$('.puff').hover(
			//Mouseover, fadeIn the hidden hover class	
			function() {
				$(this).find('.hover').stop(true, true).fadeIn('500');	
			}, 
			//Mouseout, fadeOut the hover class
			function() {
				$(this).find('.hover').stop(true, true).fadeOut('500');	
		})
});


$(document).ready(function() {
	//Append a div with hover class to all the LI
		$('.puff2').append('<div class="hover2"><\/div>');
			$('.puff2').hover(
			//Mouseover, fadeIn the hidden hover class	
			function() {
				$(this).find('.hover2').stop(true, true).fadeIn('500');	
			}, 
			//Mouseout, fadeOut the hover class
			function() {
				$(this).find('.hover2').stop(true, true).fadeOut('500');	
		})
});

$(document).ready(function () {
    //Append a div with hover class to all the LI
    $('.largerightpuff').append('<div class="hover"><\/div>');
    $('.largerightpuff').hover(
    //Mouseover, fadeIn the hidden hover class	
			function () {
			    $(this).find('.hover').stop(true, true).fadeIn('500');
			},
    //Mouseout, fadeOut the hover class
			function () {
			    $(this).find('.hover').stop(true, true).fadeOut('500');
			})
});