// © Lantea Design - Ingeborg De Tollenaere

var timer;

function loadBanner(event){
	clearTimeout(timer);
	timer = setTimeout(eval("banner2"),"10000");
}

function banner1(event){
	//$(".banner").css("visibility","hidden");
	$("#image5").animate({"opacity":0},500, "linear", null);
	$("#image1").css("visibility","visible");
	$("#image1").css("opacity","0");
	$("#image1").animate({"opacity":1},1000, "linear", null);
	//$("#image1").animate({"opacity":1},1000, "linear", null);
	clearTimeout(timer);
	timer = setTimeout(eval("banner2"),"10000");
	//$("#image1").animate({"opacity":1},1000, "linear", null);
}

function banner2(event){
	//$(".banner").css("visibility","hidden");
	$("#image1").animate({"opacity":0},500, "linear", null);
	$("#image2").css("visibility","visible");
	$("#image2").css("opacity","0");
	$("#image2").animate({"opacity":1},500, "linear", null);
	//$("#image2").animate({"opacity":1},1000, "linear", null);
	clearTimeout(timer);
	timer = setTimeout(eval("banner3"),"10000");
	//$("#image2").animate({"opacity":1},1000, "linear", null);
}

function banner3(event){
	//$(".banner").css("visibility","hidden");
	$("#image2").animate({"opacity":0},500, "linear", null);
	$("#image3").css("visibility","visible");
	$("#image3").css("opacity","0");
	$("#image3").animate({"opacity":1},1000, "linear", null);
	//$("#image3").animate({"opacity":1},1000, "linear", null);
	clearTimeout(timer);
	timer = setTimeout(eval("banner4"),"10000");
	//$("#image3").animate({"opacity":1},1000, "linear", null);
}

function banner4(event){
	//$(".banner").css("visibility","hidden");
	$("#image3").animate({"opacity":0},500, "linear", null);
	$("#image4").css("visibility","visible");
	$("#image4").css("opacity","0");
	$("#image4").animate({"opacity":1},1000, "linear", null);
	//$("#image4").animate({"opacity":1},1000, "linear", null);
	clearTimeout(timer);
	timer = setTimeout(eval("banner5"),"10000");
	//$("#image4").animate({"opacity":1},1000, "linear", null);
}

function banner5(event){
	//$(".banner").css("visibility","hidden");
	$("#image4").animate({"opacity":0},500, "linear", null);
	$("#image5").css("visibility","visible");
	$("#image5").css("opacity","0");
	$("#image5").animate({"opacity":1},1000, "linear", null);
	//$("#image5").animate({"opacity":1},1000, "linear", null);
	clearTimeout(timer);
	timer = setTimeout(eval("banner1"),"10000");
	//$("#image5").animate({"opacity":1},1000, "linear", null);
}