$(document).ready(function() {
  
  $('.page-indicator a').click(function(event) {
    var $pageIndicator = $(this).parent('.page-indicator');
    var $container = $("#" + $pageIndicator.data('container-element'));
    var $selectedPage = $("#" + $(this).data("target-element"));
    var selectedPageLeft = $selectedPage.position().left;
    
    var _this = $(this);

    $container.animate({left: -selectedPageLeft}, 500, 'easeOutQuad', function() {
      $pageIndicator.find(".current").removeClass("current");
      _this.addClass("current");
    })
        
    event.preventDefault();
  });
  
  $('#contact-me-button').click(function(event) {
    event.preventDefault();
  });
});