jQuery(document).ready(function() {

  pageScroller.init();
});
  
  
  // the scroller
var pageScroller = {
  active: "",
  last: "",
  fadeTo: 0.4,
  scrollSpeed: 600,
  
  init: function(){
    
    this.center();
    this.attach();
  
    $('#agInnerCarouselWrapper').scrollTo('+=590px', 0, {  axis:'x',onAfter:function(){
          pageScroller.setCounter(2);
        }});
  },
  
  scrollLeft:function(){    
    $('#agInnerCarouselWrapper').scrollTo('-=590px', pageScroller.scrollSpeed, { easing:'swing', queue:true, axis:'x', onAfter:function(){
      pageScroller.setCounter(pageScroller.active-1);
    }});
  },
  
  scrollRight:function(){
    $('#agInnerCarouselWrapper').scrollTo('+=590px', pageScroller.scrollSpeed, { easing:'swing', queue:true, axis:'x', onAfter:function(){
      pageScroller.setCounter(pageScroller.active+1);
    }});
  },
  
  //
  setCounter:function(nr){
    this.active = nr;
    this.last = $('div.agPost').size();
  },
  
  // centers the first item by adding left margin.
  center:function(){
    $('div.agPost:first').css('marginLeft', ''+ (970 - 550)/2 +'px');
    $('#agFf').css('left', ''+ (((970 - 63)/2) + (275+72)) +'px');
    $('#agRw').css('left', ''+ (((970 - 63)/2) - (275+72)) +'px');
  },
  
  // attach click event to arrows
  attach: function(){
    // forward
    $('#agFf a').live('click', function(event) {
      
      if(pageScroller.active == (pageScroller.last - 1)){
        
        var xpos = 590*($('div.agPost').size()-3);
        $('#agInnerCarouselWrapper').scrollTo('-='+xpos, 0, {axis:'x', onAfter:function(){
          pageScroller.active = 2;  
          pageScroller.scrollRight();
        }});
      }
      else if(pageScroller.active != pageScroller.last){
        pageScroller.scrollRight();
      }else{
        //alert('last');
      }
      event.preventDefault();
    });
    
    // rewind
    $('#agRw a').live('click', function(event) {
      
      if(pageScroller.active == 2){
        
        var xpos = 590*($('div.agPost').size()-3);
        $('#agInnerCarouselWrapper').scrollTo('+='+xpos, 0, {axis:'x', onAfter:function(){
          pageScroller.active = pageScroller.last - 1;  
          pageScroller.scrollLeft();
        }});
      }
      else if(pageScroller.active != 1){

        pageScroller.scrollLeft();
      }else{
        //alert('first');
      }
      
      event.preventDefault();
    });
  }
}