$(document).ready(function(){
	//alert ('onload ready');
	listcases('data');
		$('.boxsl_arrr').click(function(){
		$('.boxsl_arrr').show();
		$('.boxsl_arrl').show();
		var thethis = $(this);
		$(this).hide();
		var thiscroll = $('.'+$(this).attr('rel')+' .filteroverflow > .filteritensscroll');
		var thiswidth = parseFloat($(thiscroll).css('width'));
		var thisleft = parseFloat($(thiscroll).css('left'));
		var posAtual = thisleft/615;
		for (var i=30; i>-1; i--){
			var maxwid = (i*615);
			if (thiswidth > maxwid){
				var qtdrolls = i;
				break;
			}
		}
		
		if (posAtual > (qtdrolls-qtdrolls)-qtdrolls){
			$(thiscroll).animate({
				left: (thisleft-615)+'px'
			}, 300, function(){
				if (posAtual-1 > (qtdrolls-qtdrolls)-qtdrolls){
					$(thethis).show();
				}
			});
		}
	});
	
	$('.boxsl_arrl').click(function(){
		$('.boxsl_arrr').show();
		$('.boxsl_arrl').show();
		var thethis = $(this);
		$(this).hide();
		var thiscroll = $('.'+$(this).attr('rel')+' .filteroverflow > .filteritensscroll');
		var thisleft = parseFloat($(thiscroll).css('left'));
		if (thisleft < 0){
			$(thiscroll).animate({
				left: (thisleft+615)+'px'
			}, 300, function(){
				if (thisleft < -615){
					$(thethis).show();
				}
			});
		}
	});
});

function listcases(field){
	$('.listingby').removeClass('active')
	$('.listingby-'+field).addClass('active');
	$('#listing').animate({
		top: '-525px'
	}, 500, 'easeInOutExpo', function(){
		$('.filter-data').css('display','none');
		$('.filter-cliente').css('display','none');
		$('.filter-tipo').css('display','none');
		if (field == 'data'){
			$('.filter-data').css('display','block');
		} else if (field == 'cliente'){
			$('.filter-cliente').css('display','block');
		} else if (field == 'tipo'){
			$('.filter-tipo').css('display','block');
		}
		if (field == 'cliente' || field == 'tipo'){
			$('.filter-data1').css('display','block');
			$('.filter-data2').css('display','block');
		}
		$('#listing').animate({
			top: '0px'
		}, 500, 'easeInOutExpo');
	});
}