$(document).ready(function() {
	function button1_click(event)
	{
		$(".slide").css("display","none");
		$("#image1").css("display","inline");	
		$("#image1").css("opacity","0");
		$("#image1").animate({"opacity":1},300, "linear", null);			
		$("ul.buttons li").removeClass("active");
		$("#button1").addClass("active");
		
		$("#text2").css("display","none");
		$("#text3").css("display","none");
		$("#text1").css("display","inline");	
		$("#text1").css("opacity","0");
		$("#text1").animate({"opacity":1},300, "linear", null);

	}
	
	function button2_click(event)
	{
		$(".slide").css("display","none");
		$("#image2").css("display","inline");
		$("#image2").css("opacity","0");
		$("#image2").animate({"opacity":1},300, "linear", null);
		$("ul.buttons li").removeClass("active");
		$("#button2").addClass("active");
		
		$("#text1").css("display","none");
		$("#text3").css("display","none");
		$("#text2").css("display","inline");		
		$("#text2").css("opacity","0");
		$("#text2").animate({"opacity":1},300, "linear", null);
	
	}
	
	function button3_click(event){
		$(".slide").css("display","none");
		$("#image3").css("display","inline");
		$("#image3").css("opacity","0");
		$("#image3").animate({"opacity":1},300, "linear", null);
		$("ul.buttons li").removeClass("active");
		$("#button3").addClass("active");
		
		$("#text1").css("display","none");
		$("#text2").css("display","none");
		$("#text3").css("display","inline");	
		$("#text3").css("opacity","0");
		$("#text3").animate({"opacity":1},300, "linear", null);
	}
	
		$('#button1').bind('click', button1_click);	
		$('#button2').bind('click', button2_click);	
		$('#button3').bind('click', button3_click);
		
		$("#text1").css("display","inline");
		$("#text2").css("display","none");
		$("#text3").css("display","none");

});