$(document).ready(function(){




function worshipButton() {
$('#worshipButton', this).stop().animate({height: '80px', top: '0px'},{queue:false,duration:150})
$('#worshipButton div', this).stop().animate({opacity: 0},{queue:false,duration:150})
$('#worshipButton p', this).stop().animate({fontSize: '12px', color: '#333333', lineHeight: '15px', width: '150px'},{queue:false,duration:150})
$('#worshipButton h1', this).stop().animate({color: '#72afe3'},{queue:false,duration:150})
}

function visionButton() {
$('#visionButton', this).stop().animate({height: '80px', top: '151px'},{queue:false,duration:150})
$('#visionButton div', this).stop().animate({opacity: 0},{queue:false,duration:150})
$('#visionButton p', this).stop().animate({fontSize: '12px', color: '#333333', lineHeight: '15px', width: '150px'},{queue:false,duration:150})
$('#visionButton h1', this).stop().animate({color: '#dbbc6a'},{queue:false,duration:150})
}

function visionButton2() {
$('#visionButton', this).stop().animate({height: '80px', top: '80px'},{queue:false,duration:150})
$('#visionButton div', this).stop().animate({opacity: 0},{queue:false,duration:150})
$('#visionButton p', this).stop().animate({fontSize: '12px', color: '#333333', lineHeight: '15px', width: '150px'},{queue:false,duration:150})
$('#visionButton h1', this).stop().animate({color: '#dbbc6a'},{queue:false,duration:150})
}

function groupsButton() {
$('#groupsButton', this).stop().animate({height: '80px', top: '231px'},{queue:false,duration:150})
$('#groupsButton div', this).stop().animate({opacity: 0},{queue:false,duration:150})
$('#groupsButton p', this).stop().animate({fontSize: '12px', color: '#333333', lineHeight: '15px', width: '150px'},{queue:false,duration:150})
$('#groupsButton h1', this).stop().animate({color: '#5683aa'},{queue:false,duration:150})
}

function groupsButton2() {
$('#groupsButton', this).stop().animate({height: '80px', top: '161px'},{queue:false,duration:150})
$('#groupsButton div', this).stop().animate({opacity: 0},{queue:false,duration:150})
$('#groupsButton p', this).stop().animate({fontSize: '12px', color: '#333333', lineHeight: '15px', width: '150px'},{queue:false,duration:150})
$('#groupsButton h1', this).stop().animate({color: '#5683aa'},{queue:false,duration:150})
}

function allagesButton() {
$('#allagesButton', this).stop().animate({height: '80px', top: '312px'},{queue:false,duration:150})
$('#allagesButton div', this).stop().animate({opacity: 0},{queue:false,duration:150})
$('#allagesButton p', this).stop().animate({fontSize: '12px', color: '#333333', lineHeight: '15px', width: '150px'},{queue:false,duration:150})
$('#allagesButton h1', this).stop().animate({color: '#78cd8a'},{queue:false,duration:150})
}

function allagesButton2() {
$('#allagesButton', this).stop().animate({height: '80px', top: '242px'},{queue:false,duration:150})
$('#allagesButton div', this).stop().animate({opacity: 0},{queue:false,duration:150})
$('#allagesButton p', this).stop().animate({fontSize: '12px', color: '#333333', lineHeight: '15px', width: '150px'},{queue:false,duration:150})
$('#allagesButton h1', this).stop().animate({color: '#78cd8a'},{queue:false,duration:150})
}

function missionButton() {
$('#missionButton', this).stop().animate({height: '80px', top: '393px'},{queue:false,duration:150})
$('#missionButton div', this).stop().animate({opacity: 0},{queue:false,duration:150})
$('#missionButton p', this).stop().animate({fontSize: '12px', color: '#333333', lineHeight: '15px', width: '150px'},{queue:false,duration:150})
$('#missionButton h1', this).stop().animate({color: '#d96a8b'},{queue:false,duration:150})
}

function missionButton2() {
$('#missionButton', this).stop().animate({height: '80px', top: '323px'},{queue:false,duration:150})
$('#missionButton div', this).stop().animate({opacity: 0},{queue:false,duration:150})
$('#missionButton p', this).stop().animate({fontSize: '12px', color: '#333333', lineHeight: '15px', width: '150px'},{queue:false,duration:150})
$('#missionButton h1', this).stop().animate({color: '#d96a8b'},{queue:false,duration:150})
}

function infoButton() {
$('#infoButton', this).stop().animate({height: '80px', top: '474px'},{queue:false,duration:150})
$('#infoButton div', this).stop().animate({opacity: 0},{queue:false,duration:150})
$('#infoButton p', this).stop().animate({fontSize: '12px', color: '#333333', lineHeight: '15px', width: '150px'},{queue:false,duration:150})
$('#infoButton h1', this).stop().animate({color: '#e45750'},{queue:false,duration:150})
}


$('#worshipButton').hover(function(){
$(this).stop().animate({height: '151px', top: '0'},{queue:false,duration:150})
$('div', this).stop().animate({opacity: 1},{queue:false,duration:150})
$('p',this).stop().animate({fontSize: '15px', lineHeight: '18px', width: '100px', color: '#FFFFFF'},{queue:false,duration:150})
$('h1',this).stop().animate({color: '#FFFFFF'},{duration:150})
$(visionButton)
$(groupsButton)
$(allagesButton)
$(missionButton)
$(infoButton)
})

$('#visionButton').hover(function(){
$(this).stop().animate({height: '151px', top: '80'},{queue:false,duration:150})
$('div', this).stop().animate({opacity: 1},{queue:false,duration:150})
$('p',this).stop().animate({fontSize: '15px', lineHeight: '18px', width: '100px', color: '#FFFFFF'},{queue:false,duration:150})
$('h1',this).stop().animate({color: '#FFFFFF'},{duration:150})
$(worshipButton)
$(groupsButton)
$(allagesButton)
$(missionButton)
$(infoButton)
})

$('#groupsButton').hover(function(){
$(this).stop().animate({height: '151px', top: '161px'},{queue:false,duration:150})
$('div', this).stop().animate({opacity: 1},{queue:false,duration:150})
$('p',this).stop().animate({fontSize: '15px', lineHeight: '18px', width: '100px', color: '#FFFFFF'},{queue:false,duration:150})
$('h1',this).stop().animate({color: '#FFFFFF'},{duration:150})
$(worshipButton)
$(visionButton2)
$(allagesButton)
$(missionButton)
$(infoButton)
})

$('#allagesButton').hover(function(){
$(this).stop().animate({height: '151px', top: '242px'},{queue:false,duration:150})
$('div', this).stop().animate({opacity: 1},{queue:false,duration:150})
$('p',this).stop().animate({fontSize: '15px', lineHeight: '18px', width: '90px', color: '#FFFFFF'},{queue:false,duration:150})
$('h1',this).stop().animate({color: '#FFFFFF'},{duration:150})
$(worshipButton)
$(visionButton2)
$(groupsButton2)
$(missionButton)
$(infoButton)
})

$('#missionButton').hover(function(){
$(this).stop().animate({height: '151px', top: '323px'},{queue:false,duration:150})
$('div', this).stop().animate({opacity: 1},{queue:false,duration:150})
$('p',this).stop().animate({fontSize: '15px', lineHeight: '18px', width: '90px', color: '#FFFFFF'},{queue:false,duration:150})
$('h1',this).stop().animate({color: '#FFFFFF'},{duration:150})
$(worshipButton)
$(visionButton2)
$(groupsButton2)
$(allagesButton2)
$(infoButton)
})

$('#infoButton').hover(function(){
$(this).stop().animate({height: '151px', top: '404px'},{queue:false,duration:150})
$('div', this).stop().animate({opacity: 1},{queue:false,duration:150})
$('p',this).stop().animate({fontSize: '15px', lineHeight: '18px', width: '90px', color: '#FFFFFF'},{queue:false,duration:150})
$('h1',this).stop().animate({color: '#FFFFFF'},{duration:150})
$(worshipButton)
$(visionButton2)
$(groupsButton2)
$(allagesButton2)
$(missionButton2)
})

});