/* CAROUSEL */
function carousel(id, colunasVisiveis, duasLinhas, moverNumColunas, velocidade) {
	var id = $(id);
	var itens = id.find('li');
	var numItens = itens.length;
	var margemItem = parseInt(itens.css("margin-right"));
	var larguraItem = itens.outerWidth() + margemItem;
	var moverNumColunas;
	var velocidade;
	var colunasVisiveis;
	var duasLinhas;
	
	larguraContainer = colunasVisiveis * larguraItem - margemItem;
	id.find('.container').width(larguraContainer);

	if(duasLinhas){
		/* Caroulsel de 2 linhas */
		resto = numItens % 2;
		
		if (resto == 0){
			divisao = numItens / 2;
		} else {
			divisao = (numItens + resto) / 2;
		}

		var larguraUL = (divisao * larguraItem);
		var totalColunas = divisao - colunasVisiveis;

	} else {
		/* Caroulsel de 1 linha */
		var larguraUL = (numItens * larguraItem);
		var totalColunas = numItens - colunasVisiveis;
	}
	
	var colunaAtual = 0;

	if(totalColunas <= 0){
		/* se não hover colunas suficientes para rolagem, cancelar */
		return;
	}

	id.find('ul').css('width', larguraUL)
	.append('<div class="prev" />')
	.append('<div class="next" />')
	$(id).find('.prev').css('opacity', 0.2)
	.find('.prev').addClass('desativado');


	/* Botão Próximo */
	id.find('.next').click(function(){
		if(colunaAtual >= totalColunas){
			/* se já estiver na primeira coluna, cancelar */
			return;
		}

		if((colunaAtual + moverNumColunas) > totalColunas) {
			colunaAtual = totalColunas;
		} else {
			colunaAtual += moverNumColunas;
		}

		margem = colunaAtual * larguraItem;

		/* animação da margem */
		id.find('ul').animate(
			{ 'margin-left' : -margem }, velocidade
		);

		/* botões */
		id.find('.prev').animate({'opacity' : 1}, 150)
		.removeClass('desativado');

		if(colunaAtual >= totalColunas){
			$(this).animate({'opacity' : 0.2}, 150)
			.addClass('desativado');
		}
		//console.log('coluna atual: ' + colunaAtual);
	});


	/* Botão Anterior */
	id.find('.prev').click(function(){
		if(colunaAtual <= 0){
			/* se já estiver na última coluna, cancelar */
			return;
		}
		
		if((colunaAtual - moverNumColunas) < 0) {
			colunaAtual = 0;
		} else {
			colunaAtual -= moverNumColunas;
		}

		margem = colunaAtual * larguraItem;

		/* animação da margem */
		id.find('ul').animate(
			{ 'margin-left' : -margem }, velocidade
		);

		/* botões */
		id.find('.next').animate({'opacity' : 1}, 150)
		.removeClass('desativado');

		if(colunaAtual <= 0){
			$(this).animate({'opacity' : 0.2}, 150)
			.addClass('desativado');
		}
		//console.log('coluna atual: ' + colunaAtual);
	});


	//console.log('numItens ' + numItens);
	//console.log('largura ' + larguraItem);
	//console.log('resto ' + resto);
	//console.log('divisao ' + divisao);
	//console.log('largura container ' + larguraContainer);
	//console.log('total colunas: ' + totalColunas);
	//console.log('coluna atual: ' + colunaAtual);

}