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

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

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

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

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

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

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

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