var initFlag = false; //esto es para prevenir que hagan click en el fadeOut y ejecuten 2 funciones juntas.

//FUNCION PARA MOSTRAR IMAGEN
 function displayImage(imagePosition){
	//alert("totalImages:"+totalImages+"\n activeImage:"+activeImage+"\n imagePosition:"+imagePosition);
	//Oculto imagen activa y cambio clase de thumb
	if (!initFlag){
		initFlag = true;
		 $("#image_" + activeImage).fadeOut("fast", function () {
			$("#thumb_" + activeImage).removeClass("enable");
			//Muestro Imagen Nueva y cambio clase de thumb
			$("#image_" + imagePosition).fadeIn("fast", function () {
				$("#thumb_" + imagePosition).addClass("enable");
				//Modifico la variable de imagen activa por nueva
				activeImage = imagePosition;
				initFlag = false;
			});
		});
	}
 }
//FUNCION PARA IMAGEN SIGUIENTE
 function nextImage(){
	if(activeImage < totalImages) {
		newPosition = activeImage + 1;
		displayImage(newPosition);
	}
	else {
		newPosition = firstImage;
		displayImage(newPosition);
	}
 }
 //FUNCION PARA IMAGEN ANTERIOR
 function prevImage(){
	if(activeImage > firstImage) {
		newPosition = activeImage - 1;
		displayImage(newPosition);
	}
	else {
		newPosition = totalImages;
		displayImage(newPosition);
	}
 }