$(document).ready(function(){
	var animationTime = 400;
	
	$(".button").hover(function(){
		$(".button").not(this).stop().animate({"opacity": 0.2}, animationTime)
		$(this).css({"backgroundColor": "#000"})
	}, function(){
		$(".button").not(this).stop().animate({"opacity": 1}, animationTime)
		$(this).css({"backgroundColor": ""})
	})
	
	$("#btn1").hover(function(){
		$("#stretch_pic").attr("src", "gfx/back_1_small.jpg").stop(true, true).fadeIn(animationTime);
	}, function(){
		$("#stretch_pic").attr("src", "gfx/back_1_small.jpg").stop(true, true).fadeOut(animationTime);
	})
	
	$("#btn1").click(function(){
    $(".button").not(this).stop().animate({"opacity": 1}, animationTime, function(){
      $(this).css({"backgroundColor": ""})
      window.location.href = "business/index.php";
    })
	})
	
	$("#btn2").hover(function(){
		$("#stretch_pic").attr("src", "gfx/back_2_small.jpg").stop(true, true).fadeIn(animationTime);
	}, function(){
		$("#stretch_pic").attr("src", "gfx/back_2_small.jpg").stop(true, true).fadeOut(animationTime);
	})
	
	$("#btn2").click(function(){
		$(".button").not(this).stop().animate({"opacity": 1}, animationTime, function(){
      $(this).css({"backgroundColor": ""})
      window.location.href = "casual/index.php";
    })
	})
	
	$("#btn3").hover(function(){
		$("#stretch_pic").attr("src", "gfx/back_3_small.jpg").stop(true, true).fadeIn(animationTime);
	}, function(){
		$("#stretch_pic").attr("src", "gfx/back_3_small.jpg").stop(true, true).fadeOut(animationTime);
	})
	
	$("#btn3").click(function(){
		$(".button").not(this).stop().animate({"opacity": 1}, animationTime, function(){
      $(this).css({"backgroundColor": ""})
      window.location.href = "marriage/index.php";
    })
	})
	
	$("#btn4").hover(function(){
		$("#stretch_pic").attr("src", "gfx/back_4_small.jpg").stop(true, true).fadeIn(animationTime);
	}, function(){
		$("#stretch_pic").attr("src", "gfx/back_4_small.jpg").stop(true, true).fadeOut(animationTime);
	})
	
	$("#btn4").click(function(){
		$(".button").not(this).stop().animate({"opacity": 1}, animationTime, function(){
      $(this).css({"backgroundColor": ""})
      window.location.href = "evening/index.php";
    })
	})
	
})