$(document).ready(function() {
	var elemSize = 560;		// largura da imagem
	var elemMove = 1; 		// quantas imagens vão andar por vez
	contador = 0;		// contador de movimentos do carrossel
	
	var c = 0;
	$('.carrossel').each(function(){
	    c = 0;
	    $(this).children().children().children('img').each(function(){
	        c = c + $(this).width();
	    });
	    
	    var html = $(this).children('ul');
		var cssClass = $(this).children('ul').attr('class');
		$(this).children('ul').remove();
		$(this).append(' <a href="javascript:void(0);" class="anterior png_bg" title="Anteriores">Anteriores</a> \
				<div class="window"> \
					<ul class="' + cssClass + '"> \
						' + html.html() + '\
					</ul> \
				</div> \
			 <a href="javascript:void(0);" class="proxima png_bg" title="Proximas">Proximas</a> ');
	    var countElement = 0;
	    countElement = $(this).children('.window').children('ul').children('li').size();
	    var tamanho = c + (countElement * 16);
	    $(this).children('.window').children('ul').css('width', tamanho +'px');
	    
	    if ( countElement <= 1) {
	        $(this).children('a.proxima').remove();
	        $(this).children('a.anterior').remove();
	    };
	    $('a.anterior').hide();
	    countElement = countElement /elemMove - 1;
        $(this).children('a.proxima').click(function() {
	    qtdElements = countElement;
	    if (contador < qtdElements) {
                $(this).parent('.carrossel').children('.window').children('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;
		    };
        });
        $(this).children('a.anterior').click(function() {
            if (contador > 0) {
                $(this).parent('.carrossel').children('.window').children('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;
            };
        });
	});
});