var current_page = 0
var current_width = 1200

var fit_width = function(){
	//current_width = $('.block-content').width()
	//current_width = $('.block').outerWidth(true)	
	//current_width = $('.block').width() + 30
	//current_width = 300
	current_width = 292
}

var animate_page = function(page){
    if(page!==undefined) current_page = page-1
	
    $('.arroeleft').addClass('arroelefta')
    $('.arroeright').addClass('arroerighta')
    if(current_page <= 0){
        current_page = 0
        $('.arroeleft').removeClass('arroelefta') }

      if(current_page >= $('.block').length-3){
        current_page = $('.block').length-3
        $('.arroeright').removeClass('arroerighta') }	
		$('.block-long').animate({left: -(current_page*current_width)+'px'})   
}

$(document).ready(function(){
    fit_width()
    $('.arroeleft').click(function(){ current_page--; animate_page() })
    $('.arroeright').click(function(){ current_page++; animate_page() })
})