$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".latest_img").css("opacity","0.3");
 
// ON MOUSE OVER
$(".latest_img").hover(function () {
 
// SET OPACITY TO 100%
$(this).stop().animate({
opacity: 1.0
}, "slow");
},
 
// ON MOUSE OUT
function () {

// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 0.3
}, 1500);
});
});

$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".latest_img2").css("opacity","0.4");
 
// ON MOUSE OVER
$(".latest_img2").hover(function () {
 
// SET OPACITY TO 100%
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
 
// ON MOUSE OUT
function () {

// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 0.4
}, 1000);
});
});

$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".latest_img3").css("opacity","0.4");
 
// ON MOUSE OVER
$(".latest_img3").hover(function () {
 
// SET OPACITY TO 100%
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
 
// ON MOUSE OUT
function () {

// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 0.4
}, "slow");
});
});

$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".latest_img4").css("opacity","0.7");
 
// ON MOUSE OVER
$(".latest_img4").hover(function () {
 
// SET OPACITY TO 100%
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
 
// ON MOUSE OUT
function () {

// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 0.7
}, "fast");
});
});