/*
 * Projeto: Slider Image jQuery
 * Descrição: Sistema de slide de imagens com tempo 
 * determinado , fade e com layout liquido.
 *
 * 
 * Autor: Fabiano Chiaretto Fernandes 
 * AutorUrl: blog.c4midia.com.br
 * 
 * Última alteração: 11:43 10/08/2010
 * 
 */

/* Variáveis do sistema */
itemAtual = 0;
timer = null;

/* Comandos iniados após o carregamento total da página */
$(document).ready(function(){
	
});


function proximaImagem(){
	itemAtual++;
	
	if(itemAtual>4){
		itemAtual = 0;
	}
	
	$('#containerListaImagens').animate( {
		marginLeft : (itemAtual*900)*-1
	}, 500, 'easeOutCubic');
}

function imagemAnterior(){
	itemAtual--;
	
	if(itemAtual<0){
		itemAtual = 4;
	}
	
	$('#containerListaImagens').animate( {
		marginLeft : (itemAtual*900)*-1
	}, 500, 'easeOutCubic');
}

function timerProxima(){
	clearInterval(timer);
	timer = setInterval("proximaImagem()",3000);
}

/* Lista de listners e ações */
$(function(){
	
	$('#botaoDireita').click(function(){
		timerProxima();
		proximaImagem();
	});
	
	$('#botaoEsquerda').click(function(){
		timerProxima();
		imagemAnterior();
	});
	  
	
});