// JavaScript Document

$(document).ready(function(){
	//adiciona classe para a div
	$("#skd_slide").addClass("skd_slide");
	
	//adiciona classe para a ul
	$("#skd_lista").addClass("skd_lista");
	
	//adiciona classe para a div das imagens
	$("#skd_imagens").addClass("skd_imagens");
	
	//adiciona classe para a div dos botoes
	$("#skd_botoes").addClass("skd_botoes");
	
	//aloca todas as li num array de itens
	var i=0;
	var itens = new Array();
	$("#skd_lista").find("li").each(function(){
									itens[i] = $(this);
									i++;
								});
	
	//itera cada item com seu respectivo index
	var h=0;
	$.each(itens, function(index,value){
			//posiciona as imagens uma do lado da outra e os spans abaixo da div
			value.find("span").addClass("skd_span");
			value.find("img").addClass("skd_img");
			value.addClass("display","inline");
			value.find("img").css("margin-left",h+"px");
			h+=893;
			
			//adiciona um botão numerando a imagem;
			pos = index + 1;
			$("#skd_botoes").html($("#skd_botoes").html()+"<a href='#'> "+pos+" </a>");
			$("#skd_botoes a").click(function(){
										movimento(itens,$(this).html());
										});
	});
	
	//span do primeiro slide
	itens[0].find("span").animate({marginTop:"280px"});
	
	//animação do slide
	function movimento(obj,i){
		if((i % 1) == 0){
			$("#skd_imagens").animate({marginLeft:"-"+((i-1)*893)},1000);
			$("#skd_item span").css("margin-left",(i-1)*893);
			$("#skd_item span").css("margin-top","340px");
			obj[i-1].find("span").delay(1000).animate({marginTop:"280px"});
		}
	}
	
	//slide atual
	function atual(){
		pos = $("#skd_imagens").css("margin-left");
		if(pos=="auto")
			pos=0;
		return 1 + (parseInt(pos)/893)*(-1);
	}
	
	//função proxima imagem
	function proxima(){
		atu = atual();
		if(atu == itens.length){
			movimento(itens,1);
		}else{
			movimento(itens,atu+1)
		}
	}
	
	//função imagem anterior
	function anterior(){
		atu = atual();
		if(atu == 1){
			movimento(itens,itens.length)
		}else{
			movimento(itens,atu-1)
		}
	}
	
	//função para trocar slides no tempo
	var time=6000;
	var time_function;
	var timer_flag = false;
	function timer(){
		if(!timer_flag)
			time_function = setInterval(function(){proxima();},time);
		timer_flag = true;
	}
	function stop_timer(){
		timer_flag = false;
		clearInterval(time_function);
	}
	timer();
	
	//botoes grandes
	$("#skd_proxima").click(function(){proxima(); stop_timer();});
	$("#skd_anterior").click(function(){anterior(); stop_timer();});
	$("#skd_stop").click(function(){stop_timer();});
	$("#skd_play").click(function(){timer();});
});