ligero_esquerda="<"
ligero_direita=">"
ligero_intervalo=5000

function moveboxes(div,dir){
  if(dir==undefined)dir=1
  var novoindex=(div.index+dir)%div.length
  if(novoindex<0)novoindex=div.length-1
  $(div).children("div:eq("+div.index+")")
    .animate({"left":dir*$(div).width()*-1+"px"},"slow")
  $(div).children("div:eq("+novoindex+")")
    .css("left",dir*$(div).width()+"px")
    .animate({"left":"0px"},"slow")
  div.index=novoindex
}

function ligerodireita(link){
  moveboxes(link.parentNode,1)
  link.blur()
  return false
}

function ligeroesquerda(link){
  moveboxes(link.parentNode,-1)
  link.blur()
  return false
}

$(function(){
  if($(".ligero>div").length>1){
    $(".ligero>div").css({
      "position":"absolute",
      "top":0,
      "left":$(".ligero").width()+"px"
    }).filter(":eq(0)").css("left",0)
    $(".ligero").append(
      "<a href='#' onclick='return ligeroesquerda(this)' class='ligeroesquerda'>"
      +ligero_esquerda+"</a>"+
      "<a href='#' onclick='return ligerodireita(this)' class='ligerodireita'>"
      +ligero_direita+"</a>"
    ).hover(
      function(){ $(this).addClass("show") },
      function(){ $(this).removeClass("show") }
    ).each(function(){
      this.index=0
      this.length=$(this).children("div").length
    })
    setInterval("ligeroanima()",ligero_intervalo)
    $(".ligero a").css("opacity",0.8)
  }
})

function ligeroanima(){
  $('.ligero:not(.show)')
    .each(function(){moveboxes(this,1)})
}