$(document).ready(function($) {

    //identifica o slideshow
    $slideshow = $("#home_banner");
    //inicialmente esconde os slides
    $slideshow.find("li.slide").hide();
    //encontra o prmeiro slide e ativa-o
    $slideativo = $slideshow.find("li.slide").first().addClass('slideatual').show();

//ao clicar mostra o proximo slide
$('#seta_d').click(function(){
  //esconde o slide atual
  $slideativo.animate({
    "opacity": "toggle"
  }, "slow",  function() {//com callback
    //
    //procura o proximo
    $slideativo = $slideshow.find("li.slideatual").next();
    if(!$slideativo.size()) $slideativo = $slideshow.find("li.slide").first();//volta ao primeiro

    //remove o marcador do slide anterior
    $slideshow.find("li.slideatual").removeClass("slideatual");
    //coloca o marcador e mostra
    $slideativo.addClass("slideatual").animate({
      "opacity": "toggle"
    }, "slow");
  });
});

//ao clicar mostra o slide anterior
$('#seta_e').click(function(){
  $slideativo.animate({
    "opacity": "toggle"
  }, "slow");//sem callback

  $slideativo = $slideshow.find("li.slideatual").prev();
  if(!$slideativo.size()) $slideativo = $slideshow.find("li.slide").last();//volta ao ultimo
  $slideshow.find("li.slideatual").removeClass("slideatual");
  $slideativo.addClass("slideatual").animate({
    "opacity": "toggle"
  }, "slow");
});



  });