$(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-service").css("opacity","0");
 
// ON MOUSE OVER
$("#service-nav").hover(function () {
 
// SET OPACITY TO 100%
$(".nav-service").stop().animate({
opacity: 1.0
}, "medium");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".nav-service").stop().animate({
opacity: 0
}, "medium");
});
});





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