var preLoadTimer;
$(document).ready(function(){
$("#showbanner1").click(function () {
$("#banners li:visible").fadeOut("slow");
$("#banner1").fadeIn("slow");
loopBanners(0);
});
$("#showbanner2").click(function () {
$("#banners li:visible").fadeOut("slow");
$("#banner2").fadeIn("slow");
loopBanners(1);
});
$("#showbanner3").click(function () {
$("#banners li:visible").fadeOut("slow");
$("#banner3").fadeIn("slow");
loopBanners(2);
});
$("#showbanner4").click(function () {
$("#banners li:visible").fadeOut("slow");
$("#banner4").fadeIn("slow");
loopBanners(3);
});
$("#showbanner5").click(function () {
$("#banners li:visible").fadeOut("slow");
$("#banner5").fadeIn("slow");
loopBanners(4);
});
$("#showbanner6").click(function () {
$("#banners li:visible").fadeOut("slow");
$("#banner6").fadeIn("slow");
loopBanners(5);
});
loopBanners(0);
});
function loopBanners(i)
{
window.clearTimeout(preLoadTimer);
preLoadTimer = window.setTimeout(function() {
if (i == 5)
{
i = 0
$("#banners li:last").fadeOut("slow");
$("#banners li:first").fadeIn("slow");
}
else
{
i = i + 1
var $li = $("#banners li:visible");
switchBanner($li);
}
loopBanners(i);
}, 10000);
}
function switchBanner(x)
{
$(x).fadeOut("slow");
$(x).next('li').fadeIn("slow");
}