$(document).ready(function(){//*****************************************
//*******Start, Causes button BG's to fade in and out on hover***********		
//button 0
	$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".buttonBG0").css("opacity","0.0");
 
// ON MOUSE OVER
$(".button0").hover(function () {
 
// SET OPACITY TO 100%
$(".buttonBG0").stop().animate({
opacity: 1.0,
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".buttonBG0").stop().animate({
opacity: 0.0,
}, "slow");
});
});


//button 1
	$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".buttonBG1").css("opacity","0.0");
 
// ON MOUSE OVER
$(".button1").hover(function () {
 
// SET OPACITY TO 100%
$(".buttonBG1").stop().animate({
opacity: 1.0,
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".buttonBG1").stop().animate({
opacity: 0.0,
}, "slow");
});
});


//button 2
	$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".buttonBG2").css("opacity","0.0");
 
// ON MOUSE OVER
$(".button2").hover(function () {
 
// SET OPACITY TO 100%
$(".buttonBG2").stop().animate({
opacity: 1.0,
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".buttonBG2").stop().animate({
opacity: 0.0,
}, "slow");
});
});


//button 3
	$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".buttonBG3").css("opacity","0.0");
 
// ON MOUSE OVER
$(".button3").hover(function () {
 
// SET OPACITY TO 100%
$(".buttonBG3").stop().animate({
opacity: 1.0,
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".buttonBG3").stop().animate({
opacity: 0.0,
}, "slow");
});
});


//button 4
	$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".buttonBG4").css("opacity","0.0");
 
// ON MOUSE OVER
$(".button4").hover(function () {
 
// SET OPACITY TO 100%
$(".buttonBG4").stop().animate({
opacity: 1.0,
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".buttonBG4").stop().animate({
opacity: 0.0,
}, "slow");
});
});


//button 5
	$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".buttonBG5").css("opacity","0.0");
 
// ON MOUSE OVER
$(".button5").hover(function () {
 
// SET OPACITY TO 100%
$(".buttonBG5").stop().animate({
opacity: 1.0,
}, "slow");
},
 
// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".buttonBG5").stop().animate({
opacity: 0.0,
}, "slow");
});
});

//******end button BG hover***********************************************

});//end of document.ready***********************************************