// Shorthand for $(document).ready();
$(function(){
  // Your code goes here...
  var original_pos = $('.container').css('width'); 
  var original_pos2 = Math.abs(parseInt(original_pos));
  $('a#next_frame').on('click', function(event){
    var pos = $('ul.frames li').css('left'); 
    var pos2 = Math.abs(parseInt(pos));
    console.log(pos2);
    console.log(original_pos2);
    if(pos2 > original_pos2*1.9){
      $('ul.frames li').css('left', '0px');
      // $('ul.frames li').animate({left: '-=33.333333%'},"fast");
    }
    else{
    $('ul.frames li').animate({left: "-=33.333333%"},"fast");
  };
    
    
  });

    $('a#previous_frame').on('click', function(event){
    var pos = $('ul.frames li').css('left'); 
    var pos2 = Math.abs(parseInt(pos));
    console.log(pos2);
    console.log(original_pos2);
    if(pos2 > original_pos2*1.9){
      $('ul.frames li').css('rigth', '0px');
      // $('ul.frames li').animate({left: '-=33.333333%'},"fast");
    }
    else{
    $('ul.frames li').animate({right: "-=33.333333%"},"fast");
  };
    
    
  });
});



// [[1,2],[2,3],[3,1]]