// JavaScript Document

/*
function mycarousel_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });

    jQuery('.jcarousel-scroll select').bind('change', function() {
        carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
        return false;
    });   
};

*/



/* SLIDESHOW */

	jQuery(function($) {
	var timer;
	function button1_click(event)
	{
		$(".slide").css("visibility","hidden");
		$("#image1").css("visibility","visible");
		$("#image1").css("opacity","0");
		$("#image1").animate({"opacity":1},300, "linear", null);
		$("ul.buttons li").removeClass("active");
		$("#image1").animate({"opacity":1},300, "linear", null);
		$("#button1").addClass("active");
		clearTimeout(timer);
		timer = setTimeout(eval("button2_click"),"5000");
		$("#image1").animate({"opacity":1},300, "linear", null);
	}
	
	function button2_click(event)
	{
		$(".slide").css("visibility","hidden");
		$("#image2").css("visibility","visible");
		$("#image2").css("opacity","0");
		$("#image2").animate({"opacity":1},300, "linear", null);
		$("ul.buttons li").removeClass("active");
		$("#image2").animate({"opacity":1},300, "linear", null);
		$("#button2").addClass("active");
		clearTimeout(timer);
		timer = setTimeout(eval("button3_click"),"5000");
		$("#image2").animate({"opacity":1},300, "linear", null);
	}
	
	function button3_click(event)
	{
		$(".slide").css("visibility","hidden");
		$("#image3").css("visibility","visible");
		$("#image3").css("opacity","0");
		$("#image3").animate({"opacity":1},300, "linear", null);
		$("ul.buttons li").removeClass("active");
		$("#image3").animate({"opacity":1},300, "linear", null);
		$("#button3").addClass("active");
		clearTimeout(timer);
		timer = setTimeout(eval("button4_click"),"5000");
		$("#image3").animate({"opacity":1},300, "linear", null);
	}
	
	function button4_click(event)
	{
		$(".slide").css("visibility","hidden");
		$("#image4").css("visibility","visible");
		$("#image4").css("opacity","0");
		$("#image4").animate({"opacity":1},300, "linear", null);
		$("ul.buttons li").removeClass("active");
		$("#image4").animate({"opacity":1},300, "linear", null);
		$("#button4").addClass("active");
		clearTimeout(timer);
		timer = setTimeout(eval("button5_click"),"5000");
		$("#image4").animate({"opacity":1},300, "linear", null);
	}
	
	function button5_click(event)
	{
		$(".slide").css("visibility","hidden");
		$("#image5").css("visibility","visible");
		$("#image5").css("opacity","0");
		$("#image5").animate({"opacity":1},300, "linear", null);
		$("ul.buttons li").removeClass("active");
		$("#image5").animate({"opacity":1},300, "linear", null);
		$("#button5").addClass("active");
		clearTimeout(timer);
		timer = setTimeout(eval("button1_click"),"5000");
		$("#image5").animate({"opacity":1},300, "linear", null);
	}
	
	function OnLoad(event)
	{
		clearTimeout(timer);
		timer = setTimeout(eval("button2_click"),"5000");
	}
	
	$('#button1').bind('click', button1_click);
	
	$('#button2').bind('click', button2_click);
	
	$('#button3').bind('click', button3_click);
	
	$('#button4').bind('click', button4_click);
	
	$('#button5').bind('click', button5_click);
	
	OnLoad();
	
	});