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


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


$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".cross-link .nav-thumb").css("opacity","0.5");
// ON MOUSE OVER
$(".cross-link .nav-thumb").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.5
}, "slow");
});
});



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


$(function() {
// OPACITY OF BUTTON SET TO 90%
$("#sidebar .call-to-action").css("opacity","0.9");
// ON MOUSE OVER
$("#sidebar .call-to-action").hover(function () {
// SET OPACITY TO 100%
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
// ON MOUSE OUT
function () {
// SET OPACITY BACK TO 90%
$(this).stop().animate({
opacity: 0.9
}, "fast");
});
});


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


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