var id_img_atual = 1;//inicializada aqui essa var serve para o handler do click e para o roda_carrossel() ao mesmo tempo

$(document).ready(function(){
	//inicializa a tv flash, seja para mudar via click ou automaticamente nao importa
	$('#img_1').show();//as outras imgs tem display:none direto na tag para inicialas...
	$('#btn_1').removeClass('tvflash_naviagation_link').addClass('tvflash_naviagation_selected_link');//...assim como os btns
	
	$('.tvflash_fake_btn').click(function(e){
		e.preventDefault();//desliga o behavior default e impede # nos links apresentados no navegador
		
		/*
		* os btns do navigation bar possuem o numero da sua ordem de aparição na tvflash como ordem (id nao funciona porque o img/btn partilham a mesma ordem, ou seja,
		* nao posso ter id='1' para uma tag img e para um tag a, porem posso ter o atribuito ordem na tag a e usar esse valor de ordem para montar ids img/btn on the fly
		* baseado na "ordem" do link clicado e nao do id
		*
		* apenas um btn tera a class tvflash_naviagation_selected_link por vez, logo basta eu recuperar a ordem do link que possui essa classe no momento do click
		* e mandar esconde-lo e remover dele essa classe que o conteudo atual sera sempre escondido e no click handler (.click() do jquery) basta exibir o conteudo
		* associado a ordem em $(this) e atrelar a class tvflash_naviagation_selected_link que o link clicado e seu slide sempre serao exibidos
		*/
		var id_do_que_vai_exibir   = $(this).attr('ordem');
		var id_do_que_vai_esconder = $('.tvflash_naviagation_selected_link').attr('ordem');
		
		if(id_do_que_vai_exibir == id_do_que_vai_esconder)
		{
			return;//se as ordens de exibição forem iguais nao executa a animação...
		}
		else if(id_do_que_vai_exibir < id_do_que_vai_esconder)
		{
			//... se o que vai ser exibido tiver ordem menor faz a animação de tras para frente, ou seja, o slide "volta"
			$('#img_'+id_do_que_vai_exibir).show("slide",{direction:"left"},1000);//essa ordem de execução do show/hide que cria a animação de slide right
			$('#img_'+id_do_que_vai_esconder).hide("slide",{direction:"right"},1000);
		}
		else
		{
			//...se nao é igual nem menor, é o default, ou seja, ordem do que vai ser exibido é maior do que ordem do que esta em exibição e o slide "avança"
			$('#img_'+id_do_que_vai_exibir).show("slide",{direction:"right"},1000);//essa ordem de execução do show/hide que cria a animação de slide left
			$('#img_'+id_do_que_vai_esconder).hide("slide",{direction:"left"},1000);
		}
		
		//precisa atualizar o "ponteiro" do roda_carrossel() tambem para que ambos os "ponteiros" do click e o automatico andem no mesmo passo
		id_img_atual = id_do_que_vai_exibir;
		
		//tambem precisa remover o estilo de destaque sempre de todos os btns da navigation bar e incluir apenas no atual, para andar no mesmo passo visualmente tambem
		//independente da direção que o slide escorregou, o btn atual perdera o foco e o clicado ganhará o foco sempre
		$('.tvflash_navigation_bar > a').removeClass('tvflash_naviagation_selected_link').addClass('tvflash_naviagation_link');
		$('#btn_'+id_do_que_vai_exibir).removeClass('tvflash_naviagation_link').addClass('tvflash_naviagation_selected_link');
	});
	//end navegação da tv flash via click do usuario
});

/*
* utilizado pelo sistema para a tvflash trocar de slides automaticamente
*/
function roda_carrossel()
{
	var ultima_img = $('.tvflash_content > a').size();
	
	if(id_img_atual == ultima_img)
	{
		//caso exclusivo, loop do carrossel da tv flash
		$('#img_'+ultima_img).hide("slide",{direction:"left"},1000);
		$('#btn_'+ultima_img).removeClass('tvflash_naviagation_selected_link').addClass('tvflash_naviagation_link');
		
		$('#img_1').show("slide",{direction:"right"},1000);
		$('#btn_1').removeClass('tvflash_naviagation_link').addClass('tvflash_naviagation_selected_link');
		
		id_img_atual = 1;
	}
	else
	{
		$('#img_'+id_img_atual).hide("slide",{direction:"left"},1000);
		
		//apos esconder o slide atual é necessario incrementar a var img, se somar 1 e depois incrementa-la no final o carrossel contará uma img a mais e falhará
		id_img_atual++;
		
		$('#img_'+id_img_atual).show("slide",{direction:"right"},1000);
		
		$('.tvflash_navigation_bar > a').removeClass('tvflash_naviagation_selected_link').addClass('tvflash_naviagation_link');
		$('#btn_'+id_img_atual).removeClass('tvflash_naviagation_link').addClass('tvflash_naviagation_selected_link');
	}
}
//end function roda_carrossel(id_img_atual)