var margemMove = 0;
var marfFimAn = 0;
var moveBarra = function(atual){
	
	clearInterval(intervalo);

	var elementos = $('moveAnima').getElements('div');
	var tamEleCase = $('moveAnima').getElement('div').getSize().x;

	
	
	if(atual == 'esq'){
		moveBarra.interval = (function(){
			var margemAtual = ($('moveAnima').getStyle('margin-left')).toInt();
			var limite = ((tamEleCase * (elementos.length - 3)) + (10 * (elementos.length - 3))) * (-1); 
			if(margemAtual>limite){
				margemMove += ((margemAtual - 30) - margemAtual) * 0.3;
				$('moveAnima').setStyle('margin-left',margemMove)
			}
		}.bind(moveBarra).periodical(20))
	}else{
		moveBarra.interval = (function(){
			var margemAtual = ($('moveAnima').getStyle('margin-left')).toInt();
			if(margemAtual<0){
				margemMove -= ((margemAtual - 30) - margemAtual) * 0.3;
				$('moveAnima').setStyle('margin-left',margemMove)
			}
		}.bind(moveBarra).periodical(20))
	}
	
};

var moveSo = function () {
    var elementos = $('moveAnima').getElements('div');
    var tamEleCase = $('moveAnima').getElement('div').getSize().x;
    //var limite = ((tamEleCase * ((elementos.length) - 4)) * -1);
    var limite = ((tamEleCase * (elementos.length - 3)) + (10 * (elementos.length - 3))) * (-1); 

    var margAtu = ($('moveAnima').getStyle('margin-left')).toInt();
    var margFim = margAtu - ((tamEleCase * 3) + 30);

    if (margAtu > (limite + (tamEleCase * 2))) {
        $('moveAnima').get('tween', { property: 'margin-left', duration: 'long' }).start(margFim);
    } else {
        $('moveAnima').get('tween', { property: 'margin-left', duration: 'long' }).start(0);
    }
}





/* 2 ************************************************/

var margemMove2 = 0;
var marfFimAn2 = 0;
var moveBarra2 = function(atual){
	
	clearInterval(intervalo2);

	var elementos = $('moveAnima2').getElements('div');
	var tamEleCase = $('moveAnima2').getElement('div').getSize().x;
	
	
	if(atual == 'esq'){
		moveBarra2.interval = (function(){
			var margemAtual = ($('moveAnima2').getStyle('margin-left')).toInt();
			var limite = ((tamEleCase * (elementos.length - 3)) + (10 * (elementos.length - 3))) * (-1); 
			if(margemAtual>limite){
				margemMove2 += ((margemAtual - 30) - margemAtual) * 0.3;
				$('moveAnima2').setStyle('margin-left',margemMove2)
			}
		}.bind(moveBarra2).periodical(20))
	}else{
		moveBarra2.interval = (function(){
			var margemAtual = ($('moveAnima2').getStyle('margin-left')).toInt();
			if(margemAtual<0){
				margemMove2 -= ((margemAtual - 30) - margemAtual) * 0.3;
				$('moveAnima2').setStyle('margin-left',margemMove2)
			}
		}.bind(moveBarra2).periodical(20))
	}
	
};

var moveSo2 = function(){
	var elementos = $('moveAnima2').getElements('div');
	var tamEleCase = $('moveAnima2').getElement('div').getSize().x;
	var limite = ((tamEleCase * (elementos.length - 3)) + (10 * (elementos.length - 3))) * (-1);
	
	var margAtu = ($('moveAnima2').getStyle('margin-left')).toInt();
	var margFim = margAtu - ((tamEleCase * 3) + 30);
	
	if(margAtu>(limite + (tamEleCase * 2))){
		$('moveAnima2').get('tween', {property: 'margin-left', duration: 'long'}).start(margFim);
	}else{
		$('moveAnima2').get('tween', {property: 'margin-left', duration: 'long'}).start(0);
	}
}

/* 2 ************************************************/








window.addEvent('domready',function(){
		
	//evento botoes
	$('btVai').addEvent('mouseover',function(){
		moveBarra('esq')
	});
	
	$('btVai').addEvent('mouseout',function(){
		$clear(moveBarra.interval);
	});
	
	$('btVolta').addEvent('mouseover',function(){
		moveBarra('dir')
	});
	
	$('btVolta').addEvent('mouseout',function(){
		$clear(moveBarra.interval);
	});
	
	
	
	
	
	$('btVai2').addEvent('mouseover',function(){
		moveBarra2('esq')
	});
	
	$('btVai2').addEvent('mouseout',function(){
		$clear(moveBarra2.interval);
	});
	
	$('btVolta2').addEvent('mouseover',function(){
		moveBarra2('dir')
	});
	
	$('btVolta2').addEvent('mouseout',function(){
		$clear(moveBarra2.interval);
	});
	
	//move animacao a cada 30 seg
})

var intervalo = setInterval(moveSo, 10000);

var intervalo2 = setInterval(moveSo2, 10000);
	
