$(document).ready(function()
{
    $(".nav_to_banner1").click(function()
    {
		MoveToBanner1();
    });
    $(".nav_to_banner2").click(function()
    {
        MoveToBanner2();
    });	
    $(".nav_to_banner3").click(function()
    {
        MoveToBanner3();
    });
	MoveToBanner1();
});

var timer;

// move to banner 1
function MoveToBanner1()
{
	clearTimeout(timer);
	$("#banner_holder").animate({"left": 0}, "slow");
	timer = setTimeout("MoveToBanner2()", 5000);
}
// move to banner 2
function MoveToBanner2()
{
	clearTimeout(timer);
	$("#banner_holder").animate({"left": -960}, "slow");
	timer = setTimeout("MoveToBanner3()", 5000);
}
// move to banner 3
function MoveToBanner3()
{
	clearTimeout(timer);
	$("#banner_holder").animate({"left": -1920}, "slow");
	timer = setTimeout("MoveToBanner1()", 5000);
}