$(function(){
	
	var imgAtual;
	
	$('.logoEmFlash').flash({
		src: './public/swf/logo.swf'
		,width: 150
		,height: 83
	});
	
	
	$("#txtNome").focus();
	
	
	$("div.prevPage").click(function(){
		stepcarousel.stepBy('mygallery', -1);
	});
	
	$("div.nextPage").click(function(){
		stepcarousel.stepBy('mygallery', 1);
	});
	
	
	var id;
	function createFade(id)
	{
		$(id).fadeTo("fast", 0.2);
	
		$(id).hover(
	      function () {
	        $(this).fadeTo("fast", 1);
	      }, 
	      function () {
	        $(this).fadeTo("fast", 0.2);
	      }
	    );
	}
	
	
	createFade('ul.images li img');
	createFade('div.boxSite a.lightbox');
	createFade('.faixaQuem img');
	
	
	$("a.lightbox").lightBox({
		overlayBgColor: '#F8931D',
		overlayOpacity: 0.7,
		imageLoading: './public/images/lightbox-ico-loading.gif',
		imageBtnClose: './public/images/lightbox-btn-close.gif',
		imageBtnPrev: './public/images/lightbox-btn-prev.gif',
		imageBtnNext: './public/images/lightbox-btn-next.gif',
		containerResizeSpeed: 800,
		txtImage: 'Site',
		txtOf: 'de'
	});
	
	/* #### ADICIONA A PRIMEIRA IMAGEM DA THUMBNAIL NA IMAGEM GRANDE #### */
	
	// Pega o atributo href da primeira linha da lista
	var firstImage = $('.thumbs ul li:first a').attr('href');
	
	// Remove a classe "selectedImage" de qualquer link
	$('.thumbs a').removeClass('selectedImage');
	
	// Executa o fadeOut, troca a imagem pela selecionada e excuta o fadeIn
	$('.bigImage img').fadeTo('fast', 0, function(){
		
		$('.bigImage img').attr('src', firstImage);
		
	}).fadeTo('slow',1);
	
	// Coloca a classe "selectedImage" na primeira linha da lista
	$('.thumbs ul li:first a').addClass('selectedImage');
	
	// Define a variável "imgAtual" com o atributo "rel" da primeira linha da lista
	imgAtual = $('.thumbs ul li:first a').attr('rel');
	
	/* #### ADICIONA A PRIMEIRA IMAGEM DA THUMBNAIL NA IMAGEM GRANDE #### */
	
	
	
	/* #### CADA IMAGEM SELECIONADA MUDA A IMAGEM GRANDE #### */
	$('.thumbs a').click(function(){

		//  Define a variável "imgSrc" como o atributo "rel" da thumb clicada
		var imageSrc = $(this).attr('href');		
		
		// Define que a variável img atual é igual ao atributo "rel" da imagem clicada
		imgAtual = $(this).attr('rel');
		
		// Remove a classe "selectedImage" de qualquer link
		$('.thumbs a').removeClass('selectedImage');
		
		// Executa o fadeOut, troca a imagem pela selecionada e excuta o fadeIn
		$('.bigImage img').fadeTo('normal', 0, function(){
		
			$('.bigImage img').attr('src', imageSrc);
		
		}).fadeTo('normal',1);
		
		// Coloca a classe "selectedImage" na imagem clicada
		$(this).addClass('selectedImage');
		
		// Retorna Falso para não seguir o caminho do link
		return false;
		
	});
	/* #### CADA IMAGEM SELECIONADA MUDA A IMAGEM GRANDE #### */
	
	
	
	
	
	/* #### FUNÇÃO PARA PASSAR PRA FRENTE #### */
	$('.setaRight').click(function(){
		
		nextImage(imgAtual);
	
	});

	function nextImage(atual) {
		
		// Verifica se está na ultima imagem, se estiver vai pra primeira, se não continua em frente
		if ( atual == 1 ) { atual = 10; } else { atual--; }
		
		// Define a variavel "imageSrc" como o atributo "href" da imagem cujo atributo "rel" for a variável "atual"
		var imageSrc = $(".thumbs a[rel='" + atual + "']").attr('href');
		
		// Remove a classe "selectedImage" de qualquer link
		$('.thumbs a').removeClass('selectedImage');
		
		// Executa o fadeOut, troca a imagem pela selecionada e excuta o fadeIn
		$('.bigImage img').fadeTo('normal', 0, function(){
		
			$('.bigImage img').attr('src', imageSrc);
		
		}).fadeTo('normal',1);
		
		// Adiciona a classe "selectedImage" da imagem cujo atributo "rel" do link for a variável "atual" 
		$(".thumbs a[rel='" + atual + "']").addClass('selectedImage');
		
		// Verifica se a está na ultima imagem, se estiver vai para a primeira se não contiua em frente
		if ( imgAtual == 1 ) { imgAtual = 10; } else { imgAtual--; }
		
		
	}
	/* #### FUNÇÃO PARA PASSAR PRA FRENTE #### */
	
	
	
	
	
	/* #### FUNÇÃO PARA PASSAR PRA TRÁS #### */
	$('.setaLeft').click(function(){
		
		prevImage(imgAtual);
	
	});
	
	function prevImage(atual) {
		
		// Verifica se está na primeira, se estiver vai pra ultima, senão continua
		if ( atual == 10 ) { atual = 1; } else { atual++; }
		
		// Define a variavel "imageSrc" como o atributo "href" da imagem cujo atributo "rel" for a variável "atual"
		var imageSrc = $(".thumbs a[rel='" + atual + "']").attr('href');
		
		// Remove a classe "selectedImage" de qualquer link
		$('.thumbs a').removeClass('selectedImage');
		
		// Executa o fadeOut, troca a imagem pela selecionada e excuta o fadeIn
		$('.bigImage img').fadeTo('normal', 0, function(){
		
			$('.bigImage img').attr('src', imageSrc);
		
		}).fadeTo('normal',1);
		
		// Adiciona a classe "selectedImage" da imagem cujo atributo "rel" do link for a variável "atual" 
		$(".thumbs a[rel='" + atual + "']").addClass('selectedImage');
		
		// Verifica se está na primeira, se estiver vai pra ultima, senão continua
		if ( imgAtual == 10 ) { imgAtual = 1; } else { imgAtual++; }
		
		
	}
	/* #### FUNÇÃO PARA PASSAR PRA TRÁS #### */
	
	
	
	/* #### FUNÇÃO PARA TIRAR A SELEÇÃO DE ELEMENTOS DOM #### 
	function disableselect(e)
	{
		return false;
	}
	function reEnable() {
		return true;
	}
	//if IE4+
	document.onselectstart = new Function ("return false")
	//if NS6
	if (window.sidebar)
	{	
		document.onmousedown = disableselect;
		document.onclick = reEnable;
	}
	#### FUNÇÃO PARA TIRAR A SELEÇÃO DE ELEMENTOS DOM #### */
	

});