$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".nav-typography").css("opacity","0");
 
// ON MOUSE OVER
$("#typography-nav").hover(function () {
 
// SET OPACITY TO 100%
$(".nav-typography").stop().animate({
opacity: 1.0
}, "medium");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".nav-typography").stop().animate({
opacity: 0
}, "medium");
});
});






$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".nav-logo").css("opacity","0");
 
// ON MOUSE OVER
$("#logo-nav").hover(function () {
 
// SET OPACITY TO 100%
$(".nav-logo").stop().animate({
opacity: 1.0
}, "medium");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".nav-logo").stop().animate({
opacity: 0
}, "medium");
});
});





$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".nav-print").css("opacity","0");
 
// ON MOUSE OVER
$("#print-nav").hover(function () {
 
// SET OPACITY TO 100%
$(".nav-print").stop().animate({
opacity: 1.0
}, "medium");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".nav-print").stop().animate({
opacity: 0
}, "medium");
});
});





$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".nav-other").css("opacity","0");
 
// ON MOUSE OVER
$("#other-nav").hover(function () {
 
// SET OPACITY TO 100%
$(".nav-other").stop().animate({
opacity: 1.0
}, "medium");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".nav-other").stop().animate({
opacity: 0
}, "medium");
});
});