var carrossel = {
	
	i: 0,
	limite: 0,
	show: null,
	prox: null,
	ante: null,
	link: null,
	slider: null,
	
	start: function(){ 
		this.prox = $('a.proximo');
		this.ante = $('a.anterior');
		this.show = $('div.imagens');
		this.limite = $('div.imagens img').length - 1;
		this.link = $('div.links a');
		carrossel.prox.bind('click',carrossel.proximo);
		carrossel.ante.bind('click',carrossel.anterior);
		this.slider = $('div.slider-bar').slider({
			min: 0,
			max: carrossel.limite,
			step: 1,
			animate: true,
			slide: carrossel.goto
		});
	},
	
	goto: function (event, ui) {
		carrossel.i = ui.value;
		carrossel.rolar();
		return false;
	},
	
	proximo: function(){
		if (carrossel.i < carrossel.limite) {
			carrossel.i++;
			carrossel.rolar();
		}
		return false;
	},
	
	anterior: function(){
		if (carrossel.i > 0) {
			carrossel.i--;
			carrossel.rolar();
		}
		return false;
	},
	
	rolar: function () {
		carrossel.slider.slider('value', carrossel.i);
		var rolar = carrossel.i * 980;
		carrossel.show.animate({ left: '-' + rolar + 'px'}, 400);
		var url = $(carrossel.show.find('img')[carrossel.i]).attr('name');
		carrossel.link.attr('href', url);
	}
};
