var indexador = 0;// Margem entre objetos
var tempo = 3;
var margem = 5;// Margem entre objetos
var intervalo;
var total;
$(function(){
	total = $('#slide').find('.slider').length;//Quantidade total de "li"
	var qtd = 1;//Quantidade de objetos a serem mostrados no conteúdo
	for(i=0; i<total; i++){
		var calculo = parseInt((($('#slide > li:eq('+i+')').width()+(margem))*i)+margem);//Cálculo do tamanho de cada objeto + a margem entre eles
		$('#menu').append('<a id="'+ (i) +'" href="javascript:;" Onclick="slide(this.id)"> '+(i+1)+' </a>');//Construtor do menu de navegação
		$('#slide > li:eq('+i+')').css({'margin-left':calculo+'px','margin-top':(margem)+'px'}).attr('rel',calculo);//Posicionamento INLINE dos objetos
	}
	$('#conteudo').css({'width':parseInt(($('#slide > li').width()+margem)*qtd)+margem+'px', 'height':($('#slide > li').height()+(margem*2))+'px'});//Redimensionamento do conteúdo de acordo com a quantidade de objetos a serem mostrados
	//$('#menu').css('top',($('#conteudo').height()+(margem*2)));//Posiciona o menu abaixo do conteúdo
	slide(indexador);
});
function slide(id){
	indexador = id;
	clearTimeout(intervalo);
	
	var posPri = $('#conteudo').offset().right;//Posição absoluta do conteúdo
	var posAtu = $('#slide > li:eq('+indexador+')').attr('rel');//Retorna o cálculo do tamanho + margem do objeto clicado
	$('#slide').animate({left:((-posAtu+margem))+'px'}, 500, function(){
	});//Animação de slide entre objetos
}