$(function() {
  $("#photos").data("page", 0)
  
  $("#prev_arrow, #next_arrow").css({opacity: 0.0, visibility: 'visible'})
  
  $("#photos a").click(function() {
    $("#photos a").removeClass("current")
    $(this).addClass("current")
    $("#main_photo").css("background-image", "url("+this.href+")")
    
    var i = $("#photos a").index(this)
    var page = Math.floor(i / 10)
    if(page != $("#photos").data("page")) {
      $("#photo_window").animate({ scrollLeft: $("#photos a:eq("+(page * 10)+")").position().left }, 750)
      $("#photos").data("page", page)
    }

    return false
  })
  
  $("#prev_arrow, #next_arrow").hover(function() {
    $(this).css("opacity", "0.5")
  }, function() {
    $(this).css("opacity", "0.0")
  })

  $("#prev_arrow").click(function() {
    var e = $("#photos a.current").prev()
    if(!e.length) e = $("#photos a:last")
    e.click()
  })
  $("#next_arrow").click(function() {
    var e = $("#photos a.current").next()
    if(!e.length) e = $("#photos a:first")
    e.click()
  })
})