$(document).ready(function() {
	//carrossel
	var elemSize = 230;		// largura da imagem
	var elemMove = 1; 		// quantas imagens vão andar por vez
	var contador = 0;		// contador de movimentos do carrossel
	
	var html = $('.carrossel ul');
		var cssClass = $('.carrossel ul').attr('class');
		$('.carrossel ul').remove();
		$('.carrossel').append(' <a href=\"javascript:void(0);\" class=\"anterior\" title=\"Anteriores">Anteriores</a> \
				<div class="window"> \
					<ul class=\"' + cssClass + '\"> \
						' + html.html() + '\
					</ul> \
				</div> \
			 <a href=\"javascript:void(0);\" class=\"proxima\" title=\"Proximas\">Proximas</a> ');


	$(function() {
		countElement = $('.carrossel .window ul').children().size(); 
		var tamanho = countElement * elemSize;
		$(".carrossel .window ul").css('width', tamanho +'px');	
	});
	function getElements() {
		var countElement = $('.carrossel .window ul').children().size(); 
		countElement = countElement /elemMove - 1;
		return countElement;
	};
    var proximoNavega = $("a.proxima");
    proximoNavega.click(function() {
	qtdElements = getElements();
	if (contador < qtdElements) {
            $(".carrossel .window ul").animate({
				'left': '-=' + elemSize*elemMove + 'px'
				}, "slow");
			contador ++;
			if (contador >= qtdElements) {
				$(this).fadeOut();
				$('a.anterior').fadeIn();
				return false;
			} else {
				$('a.proxima').fadeIn();
				$('a.anterior').fadeIn();
				return false;
			}
            return false;
		} else  {
			return false;
		};
    });
	$("a.anterior").hide();
    var anteriorNavega = $("a.anterior");
    anteriorNavega.click(function() {
        if (contador > 0) {
            $(".carrossel .window ul").animate({
				'left': '+=' + elemSize*elemMove + 'px'
				}, "slow");
            contador --;
			if (contador == 0) {
				$(this).fadeOut();
				$('a.proxima').fadeIn();
				return false;
			} else {
				$('a.proxima').fadeIn();
				$('a.anterior').fadeIn();
				return false;
			}
        } else if (contador == 0) {
			return false;
        };
    });
});