﻿jQuery(function(jQuery)
{
	var timer;
	function button1_click(event)
	{
		jQuery(".slide").css("visibility", "hidden");
		jQuery("#image1").css("visibility", "visible");
		jQuery("#image1").css("opacity", "0");
		jQuery("#image1").animate({ "opacity": 1 }, 300, "linear", null);
		jQuery("ul.buttons li").removeClass("active");
		jQuery(".bgbuttonactive").addClass("bgbutton").removeClass("bgbuttonactive");
		jQuery("#image1").animate({ "opacity": 1 }, 300, "linear", null);
		jQuery("#button1").addClass("active");
		jQuery("#bgbutton1").removeClass("bgbutton");
		jQuery("#bgbutton1").addClass("bgbuttonactive");
		clearTimeout(timer);
		timer = setTimeout(eval("button2_click"), "10000");
		jQuery("#image1").animate({ "opacity": 1 }, 300, "linear", null);
	}

	function button2_click(event)
	{
		jQuery(".slide").css("visibility", "hidden");
		jQuery("#image2").css("visibility", "visible");
		jQuery("#image2").css("opacity", "0");
		jQuery("#image2").animate({ "opacity": 1 }, 300, "linear", null);
		jQuery("ul.buttons li").removeClass("active");
		jQuery(".bgbuttonactive").addClass("bgbutton").removeClass("bgbuttonactive");
		jQuery("#image2").animate({ "opacity": 1 }, 300, "linear", null);
		jQuery("#button2").addClass("active");
		jQuery("#bgbutton2").removeClass("bgbutton");
		jQuery("#bgbutton2").addClass("bgbuttonactive");
		clearTimeout(timer);
		timer = setTimeout(eval("button3_click"), "10000");
		jQuery("#image2").animate({ "opacity": 1 }, 300, "linear", null);
	}

	function button3_click(event)
	{
		jQuery(".slide").css("visibility", "hidden");
		jQuery("#image3").css("visibility", "visible");
		jQuery("#image3").css("opacity", "0");
		jQuery("#image3").animate({ "opacity": 1 }, 300, "linear", null);
		jQuery("ul.buttons li").removeClass("active");
		jQuery(".bgbuttonactive").addClass("bgbutton").removeClass("bgbuttonactive");
		jQuery("#image3").animate({ "opacity": 1 }, 300, "linear", null);
		jQuery("#button3").addClass("active");
		jQuery("#bgbutton3").removeClass("bgbutton");
		jQuery("#bgbutton3").addClass("bgbuttonactive");
		clearTimeout(timer);
		timer = setTimeout(eval("button1_click"), "10000");
		jQuery("#image3").animate({ "opacity": 1 }, 300, "linear", null);
	}

	function OnLoad(event)
	{
		clearTimeout(timer);
		timer = setTimeout(eval("button2_click"), "10000");
	}

	jQuery('#button1').bind('click', button1_click);
	jQuery('#button2').bind('click', button2_click);
	jQuery('#button3').bind('click', button3_click);

	OnLoad();

});
