jQuery(function($) {
var timer;
var mainText = document.getElementById('nameBar');
var id = 1;
var next = 2;
var prev = 3;
function button1_click(event)
{
	if( $('#image3').is(':not(:animated)') ) {
		if( $('#image3').is(':not(:animated)') ) {
			id = 1;
			next = 2;
			prev = 3;
			$("#image3").animate({"opacity":0},200, "linear", null);
			$("#image2").animate({"opacity":0},200, "linear", null);
			$("#desc3").animate({"opacity":0},200, "linear", null);
			$("#desc2").animate({"opacity":0},200, "linear", null);
			$("#image1").css("visibility","visible");
			$("#image1").css("opacity","0");
			$("#desc1").css("visibility","visible");
			$("#desc1").css("opacity","0");
			$("#image1").animate({"opacity":1},200, "linear", null);
			$("#desc1").animate({"opacity":1},200, "linear", null);
			clearTimeout(timer);
			timer = setTimeout(eval("button2_click"),"18000");
			$("#image1").animate({"opacity":1},200, "linear", null);
			$("#desc1").animate({"opacity":1},200, "linear", null);

		}
	}
}

function button2_click(event)
{
	if( $('#image1').is(':not(:animated)') ) {
		if( $('#image2').is(':not(:animated)') ) {
			id = 2;
			next = 3;
			prev = 1;
			$("#image1").animate({"opacity":0},200, "linear", null);
			$("#image3").animate({"opacity":0},200, "linear", null);
			$("#image2").css("visibility","visible");
			$("#image2").css("opacity","0");
			$("#image2").animate({"opacity":1},200, "linear", null);
			$("#desc1").animate({"opacity":0},200, "linear", null);
			$("#desc3").animate({"opacity":0},200, "linear", null);
			$("#desc2").css("visibility","visible");
			$("#desc2").css("opacity","0");
			$("#desc2").animate({"opacity":1},200, "linear", null);
			clearTimeout(timer);
			timer = setTimeout(eval("button3_click"),"18000");
			$("#image2").animate({"opacity":1},200, "linear", null);
			$("#desc2").animate({"opacity":1},200, "linear", null);
		
		}
	}
}

function button3_click(event)
{
	if( $('#image2').is(':not(:animated)') ) {
		if( $('#image3').is(':not(:animated)') ) {
			id = 3;
			next = 1;
			prev = 2;
			$("#image2").animate({"opacity":0},200, "linear", null);
			$("#image1").animate({"opacity":0},200, "linear", null);
			$("#image3").css("visibility","visible");
			$("#image3").css("opacity","0");
			$("#image3").animate({"opacity":1},200, "linear", null);
			$("#desc2").animate({"opacity":0},200, "linear", null);
			$("#desc1").animate({"opacity":0},200, "linear", null);
			$("#desc3").css("visibility","visible");
			$("#desc3").css("opacity","0");
			$("#desc3").animate({"opacity":1},200, "linear", null);
			clearTimeout(timer);
			timer = setTimeout(eval("button1_click"),"18000");
			$("#image3").animate({"opacity":1},200, "linear", null);
			$("#desc3").animate({"opacity":1},200, "linear", null);
		}
	}
}

function backButton(event)
{
clearTimeout(timer);
timer = setTimeout(eval("button"+prev+"_click"),"2");
}

function forwardButton(event)
{
clearTimeout(timer);
timer = setTimeout(eval("button"+next+"_click"),"2");
}

function OnLoad(event)
{
clearTimeout(timer);
timer = setTimeout(eval("button2_click"),"18000");
$('#backArrow').bind('click', backButton);
$('#forwardArrow').bind('click', forwardButton);
}




OnLoad();

});