jQuery(document).ready(function() {
//========================================================================================
//	QUANDO O BOTAO PARA AVANCAR FOR CLICADO
//========================================================================================
	
	jQuery("#nextOn").click(function(){
		
		// ATUAL     RECEBE O ID DA IMG ATUAL
		// PROXIMA   RECEBE O ID DA ATUAL E INCREMENTA PARA TER O ID DA IMG QUE DEVERA ABRIR
		// QTDIMG    RECEBE O NUMERO TOTAL DE IMG
		
		var atual = jQuery("#atual").attr('value');
		var proxima = atual;
		proxima++;
		var qtdimg = jQuery("#qtdimg").attr('value');
		
		//ATUAL TEM DE SER MENOR QUE QTDIMG SENAO PROXIMA IRA SER MAIOR QUE O QTDIMG
		
		if(atual < qtdimg){
			jQuery("#"+atual).hide();
			jQuery("#"+proxima).show();
			
			//ATIVA O BOTA PREV DEIXANDO AZUL
			
			jQuery("#prevOff").hide();
			jQuery("#prevOn").show();
			
			//MUDA O VALOR DO CAMPO ATUAL PARA O VALOR DA NOVA IMG
			
			jQuery("#atual").attr('value',proxima);
			
		}
		
		//FAZ A VERIFICAÇÃO PARA DEIXAR O BOTAO NEXT CINZA SE NECESSARIO
		
		if(proxima == qtdimg){
			jQuery("#nextOn").hide();
			jQuery("#nextOff").show();
		}
		
    });
	
//========================================================================================
//	QUANDO O BOTAO PARA VOLTAR FOR CLICADO
//========================================================================================

	jQuery("#prevOn").click(function(){
								
		// ATUAL     RECEBE O ID DA IMG ATUAL
		// PROXIMA   RECEBE O ID DA ATUAL E DECREMENTA PARA TER O ID DA IMG QUE DEVERA ABRIR
		// QTDIMG    RECEBE O NUMERO TOTAL DE IMG
							
		var atual = jQuery("#atual").attr('value');
		var proxima = atual;
		proxima--;
		var qtdimg = jQuery("#qtdimg").attr('value');
		
		//ATUAL TEM DE SER MAIOR QUE ZERO SENAO NAO VAI ABRIR NADA
		
		if(atual > 0){
			jQuery("#"+atual).hide();
			jQuery("#"+proxima).show();
			
			//ATIVA O BOTA NEXT DEIXANDO AZUL
			
			jQuery("#nextOff").hide();
			jQuery("#nextOn").show();
			
			//MUDA O VALOR DO CAMPO ATUAL PARA O VALOR DA NOVA IMG
			
			jQuery("#atual").attr('value',proxima);
			
		}
		
		//FAZ A VERIFICAÇÃO PARA DEIXAR O BOTAO PREV CINZA SE NECESSARIO
		
		if(proxima == 1){
			jQuery("#prevOn").hide();
			jQuery("#prevOff").show();
		}
		
    });
});