/* Apply funtions on load */
$(document).ready(function(){

/*On hover button 1 slide down and change colour*/	
	$(".button1").hover(function(){
		$(".gap1").slideDown("fast");
		$(".gap1").css({ background: "#7B1443" });	
		$(".number1").css({ background: "#7B1443" });	
		$(".slide1").css({ background: "#7B1443" });	
		return false;
	});
	
/*On mouse leave button 1 slide up and change back to orginal colour*/	
	$(".button1").mouseleave(function(){
		$(".gap1").slideUp("fast");
		$(".gap1").css({ background: "#BBB4A4" });	
		$(".number1").css({ background: "#BBB4A4" });	
		$(".slide1").css({ background: "#BBB4A4" });	
		return false;
	});
	
/*On hover button 2 slide down and change colour*/	
	$(".button2").hover(function(){
		$(".gap2").slideDown("fast");
		$(".gap2").css({ background: "#7B1443" });	
		$(".number2").css({ background: "#7B1443" });	
		$(".slide2").css({ background: "#7B1443" });	
		return false;
	});

/*On mouse leave button 2 slide up and change back to orginal colour*/	
	$(".button2").mouseleave(function(){
		$(".gap2").slideUp("fast");
		$(".gap2").css({ background: "#BBB4A4" });	
		$(".number2").css({ background: "#BBB4A4" });	
		$(".slide2").css({ background: "#BBB4A4" });	
		return false;
	});
	
/*On hover button 3 slide down and change colour*/
	$(".button3").hover(function(){
		$(".gap3").slideDown("fast");
		$(".gap3").css({ background: "#7B1443" });	
		$(".number3").css({ background: "#7B1443" });	
		$(".slide3").css({ background: "#7B1443" });	
		return false;
	});
	
/*On mouse leave button 3 slide up and change back to orginal colour*/	
	$(".button3").mouseleave(function(){
		$(".gap3").slideUp("fast");
		$(".gap3").css({ background: "#BBB4A4" });	
		$(".number3").css({ background: "#BBB4A4" });	
		$(".slide3").css({ background: "#BBB4A4" });	
		return false;
	});
	 
});