jQuery(function($) {
  
  var timer;
  
  function button1_click(event)
  {
    $("#image1").css("visibility","visible");
    $("#image1").css("opacity","0");

    $("ul.slides li").removeClass("lastActive");    
    $("ul.slides li.active").addClass("lastActive");
    $("ul.slides li").removeClass("active");
    $("ul.buttons li").removeClass("active");
    
    $("#button1").addClass("active");
    $("#image1").addClass("active");
    clearTimeout(timer);
    timer = setTimeout(eval("button2_click"),"8000");
    $("#image1").animate({"opacity":1},300, "linear", null);
  }
   
  function button2_click(event)
  {
    $("#image2").css("visibility","visible");
    $("#image2").css("opacity","0");
 
    $("ul.slides li").removeClass("lastActive");    
    $("ul.slides li.active").addClass("lastActive");
    $("ul.slides li").removeClass("active");
    $("ul.buttons li").removeClass("active");
 
    $("#button2").addClass("active");
    $("#image2").addClass("active");
    clearTimeout(timer);
    timer = setTimeout(eval("button3_click"),"8000");
    $("#image2").animate({"opacity":1},300, "linear", null);
  }
   
  function button3_click(event)
  {
    $("#image3").css("visibility","visible");
    $("#image3").css("opacity","0");

    $("ul.slides li").removeClass("lastActive");    
    $("ul.slides li.active").addClass("lastActive");
    $("ul.slides li").removeClass("active");
    $("ul.buttons li").removeClass("active");

    $("#button3").addClass("active");
    $("#image3").addClass("active");
    clearTimeout(timer);
    timer = setTimeout(eval("button4_click"),"8000");
    $("#image3").animate({"opacity":1},300, "linear", null);
  }
  
  function button4_click(event)
  {
    $("#image4").css("visibility","visible");
    $("#image4").css("opacity","0");

    $("ul.slides li").removeClass("lastActive");    
    $("ul.slides li.active").addClass("lastActive");
    $("ul.slides li").removeClass("active");
    $("ul.buttons li").removeClass("active");

    $("#button4").addClass("active");
    $("#image4").addClass("active");
    clearTimeout(timer);
    timer = setTimeout(eval("button1_click"),"8000");
    $("#image4").animate({"opacity":1},300, "linear", null);
  }
   
  function OnLoad(event)
  {
    clearTimeout(timer);
    timer = setTimeout(eval("button2_click"),"8000");
  }
   
  $('#button1').bind('click', button1_click); 
  $('#button2').bind('click', button2_click);
  $('#button3').bind('click', button3_click);
  $('#button4').bind('click', button4_click);
   
  OnLoad(); 
});