//Effetto fade applicato alle foto
$(function() {
// Opacità delle immagini impostate al 80%
$(".foto_fade").css("opacity","0.8");
		
// Al passaggio del mouse
$(".foto_fade").hover(function () {
										  
// imposta l'opacità al 100%
$(this).stop().animate({
opacity: 1
}, "fast");
},
		
// quando il mouse non è sull'elemento
function () {
			
// imposta l'opacità al 80%
$(this).stop().animate({
opacity: 0.8
}, "slow");
});
});




//Effetto fade applicato alle foto 2
$(function() {
// Opacità delle immagini impostate al 100%
$(".foto_fade2").css("opacity","1");
		
// Al passaggio del mouse
$(".foto_fade2").hover(function () {
										  
// imposta l'opacità al 70%
$(this).stop().animate({
opacity: 0.7
}, "fast");
},
		
// quando il mouse non è sull'elemento
function () {
			
// imposta l'opacità al 80%
$(this).stop().animate({
opacity: 1
}, "slow");
});
});







//Effetto fade applicato al testo
$(function() {
// Opacità del testo impostata al 50%
$("#text p").css("opacity","0.5");
		
// Al passaggio del mouse
$("#text p").hover(function () {
										  
// imposta l'opacità al 100%
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
		
// quando il mouse non è sull'elemento
function () {
			
// imposta l'opacità al 50%
$(this).stop().animate({
opacity: 0.5
}, "slow");
});
});

//effetto fade applicato al div
$(function() {
// Opacità del div impostata al 70%
$("#div").css("opacity","0.7");
		
// Al passaggio del mouse
$("#div").hover(function () {
										  
// imposta l'opacità al 100%
$(this).stop().animate({
opacity: 1.0
}, "slow");
},
		
// quando il mouse non è sull'elemento
function () {
			
// imposta l'opacità al 70%
$(this).stop().animate({
opacity: 0.7
}, "slow");
});
});



//Effetto fade applicato alle liste
$(function() {
// Opacità delle immagini impostate al 60%
$(".list_fade").css("opacity","0.6");
		
// Al passaggio del mouse
$(".list_fade").hover(function () {
										  
// imposta l'opacità al 100%
$(this).stop().animate({
opacity: 1
}, "fast");
},
		
// quando il mouse non è sull'elemento
function () {
			
// imposta l'opacità al 60%
$(this).stop().animate({
opacity: 0.6
}, "slow");
});
});