$(document).ready(function() {
  if (!swfobject.hasFlashPlayerVersion("9.0.18")) {
    $(".alt-invite").hide();
    $("#invitations").css("margin-right", 0)
  }
  var table = $('table.touch-scrollable');
  var parent = $('table.touch-scrollable').parent();
  var scrollNotice = $('div.scroll-notice')
  var scrollRight = $('div.scroll-notice.forward')
  var scrollLeft = $('div.scroll-notice.backward')

  var getCurrentOffset = function() {
    var totalOffset = table.width() - parent.innerWidth();
    var currentOffset = (totalOffset - parent.scrollLeft())

    return { total: totalOffset, current: currentOffset };
  }

  var setLabel = function() {
    var offsets = getCurrentOffset()

    if (offsets.total > 0) {

      if (offsets.current === 0) {
        scrollRight.removeClass('visible');
        scrollLeft.addClass('visible');
      } else {
        scrollRight.addClass('visible');
        scrollLeft.removeClass('visible');
      }
    }
  };

  setLabel();

  scrollNotice.click(function() {
    var offsets = getCurrentOffset()

    parent.animate({ scrollLeft: offsets.current }, 300);
  });

  parent.scroll(function() {
    setLabel();
  });

  $(window).resize(function() {
    setLabel();
  });

  $('.event-name.editable h1').click(function(){
    $(this).hide();
    $('.event-name input').show().focus();
  });

  $('.event-name.editable input').blur(function(){
    $.ajax(
      {
        type: 'PUT',
        dataType:'json',
        url: document.URL,
        data: { event: { name: $(this).val() } },
      }
      ).success(function(){
          $('.event-name h1').text($('.event-name input').val());
          $('.event-name input').hide();
          $('.event-name h1').show();
        }
        );

  })
});

@@ -249,16 +249,36 @@
 arent();
+%0A%0A  // Scroll Notice
 %0A  var s
@@ -736,16 +736,55 @@
  %3E 0) %7B%0A
+      scrollNotice.addClass('visible');
 %0A      i
@@ -865,97 +865,55 @@
     
-  scrollLeft.addClass('visible');%0A      %7D else %7B%0A        scrollRight.addClass('visible');
+%7D else if (offsets.current === offsets.total) %7B
 %0A   
@@ -987,16 +987,17 @@
 bel();%0A%0A
+%0A
   scroll
@@ -1054,24 +1054,160 @@
 rentOffset()
+%0A    var isRight = $(this).is('.forward');%0A    var distanceToScroll = isRight ? offsets.current + (offsets.total - offsets.current) : 0;
 %0A%0A    parent
@@ -1229,31 +1229,32 @@
 llLeft: 
-offsets.current
+distanceToScroll
  %7D, 300)
@@ -1361,32 +1361,57 @@
 Label();%0A  %7D);%0A%0A
+  // Editable Event Name%0A
   $('.event-name

Fix horizontal scroll arrows behavior