jQuery(function($) {
var timer;
function promo1_click(event)
{
     $(".promo-slide").css("visibility","hidden");
     $("#promo-image1").css("visibility","visible");
     $("#promo-image1").css("opacity","0");
    $("#promo-image1").animate({"opacity":1},300, "linear", null);
     $("ul.promo-buttons li").removeClass("active");
    $("#promo-image1").animate({"opacity":1},300, "linear", null);
     $("#promo1").addClass("active");
     clearTimeout(timer);
     timer = setTimeout(eval("promo2_click"),"4000");
    $("#promo-image1").animate({"opacity":1},300, "linear", null);
}

function promo2_click(event)
{
     $(".promo-slide").css("visibility","hidden");
     $("#promo-image2").css("visibility","visible");
     $("#promo-image2").css("opacity","0");
    $("#promo-image2").animate({"opacity":1},300, "linear", null);
     $("ul.promo-buttons li").removeClass("active");
    $("#promo-image2").animate({"opacity":1},300, "linear", null);
     $("#promo2").addClass("active");
     clearTimeout(timer);
     timer = setTimeout(eval("promo1_click"),"4000");
    $("#promo-image2").animate({"opacity":1},300, "linear", null);
}

function OnLoad(event)
{
     clearTimeout(timer);
     timer = setTimeout(eval("promo2_click"),"4000");
}

$('#promo1').bind('click', promo1_click);

$('#promo2').bind('click', promo2_click);

OnLoad();

});