$(function() {
// OPACITY OF BUTTON SET TO 50%

//$(".fade").css("opacity","0");
//$(".fade2").css("opacity","0");
//var home=$('#navi_bg').attr('style');
//$(".fade").css("opacity","0");

// ON MOUSE OVER
$(".home_trig").hover(function () {

//$('#navi_bg').append('<div id="child" class="fade" src="Images/services.png"/>');
$(".fade").css("opacity","0");
$('#fade_child').css("background-position","0px 0px");

// SET OPACITY TO 100%
$(".fade").stop().animate({
opacity: "1" //, paddingTop: "20px"
}, "slow");
},
		
// ON MOUSE OUT
function () {

// SET OPACITY BACK TO 50%
$(".fade").stop().animate({
opacity: 0
}, "slow");
//$("#child").remove();
//$('#navi_bg').remove('#child');
});


$(".service_trig").hover(function () {
										  
$(".fade").css("opacity","0");
$('#fade_child').css("background-position","-236px 0px");

// SET OPACITY TO 100%
$(".fade").stop().animate({
opacity: "1" 
}, "slow");
},
		
// ON MOUSE OUT
function () {
			
// SET OPACITY BACK TO 50%
$(".fade").stop().animate({
opacity: 0
}, "slow");
});

$(".proj_trig").hover(function () {
										  
$(".fade").css("opacity","0");
$('#fade_child').css("background-position","-472px 0px");
// SET OPACITY TO 100%
$(".fade").stop().animate({
opacity: "1" 
}, "slow");
},
		
// ON MOUSE OUT
function () {
			
// SET OPACITY BACK TO 50%
$(".fade").stop().animate({
opacity: 0
}, "slow");
});

$(".consumer_trig").hover(function () {
										  
$(".fade").css("opacity","0");
$('#fade_child').css("background-position","-708px 0px");
// SET OPACITY TO 100%
$(".fade").stop().animate({
opacity: "1" 
}, "slow");
},
		
// ON MOUSE OUT
function () {
			
// SET OPACITY BACK TO 50%
$(".fade").stop().animate({
opacity: 0
}, "slow");
});


$(".about_trig").hover(function () {
										  
$(".fade").css("opacity","0");
$('#fade_child').css("background-position","-944px 0px");
// SET OPACITY TO 100%
$(".fade").stop().animate({
opacity: "1" 
}, "slow");
},
		
// ON MOUSE OUT
function () {
			
// SET OPACITY BACK TO 50%
$(".fade").stop().animate({
opacity: 0
}, "slow");
});



});// JavaScript Document



