// JavaScript Document

//Effetto fade applicato alle foto
$(function() {
// Opacità delle immagini impostate al 50%
$(".foto_fade").css("opacity","1.0");
		
// Al passaggio del mouse
$(".foto_fade").hover(function () {
										  
// imposta l'opacità al 100%
$(this).stop().animate({
opacity: 0.6
}, "slow");
},
		
// quando il mouse non è sull'elemento
function () {
			
// imposta l'opacità al 50%
$(this).stop().animate({
opacity: 1.0
}, "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
}, "slow");
},
		
// 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 50%
$("#div").css("opacity","0.5");
		
// 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 50%
$(this).stop().animate({
opacity: 0.5
}, "slow");
});
});