/* eslint-disable no-undef, no-unused-vars */

//Colores de la pagina
let color1Spice = "#f75e25";
let color2Citron = "#f9f990";
let color3Aspen = "#94d6d1";
let color4Grass = "#a9d57f";

let sonidoAnimal;
let num = 0;
// Proyecto para Desarrollar un Modelo prototipo de Aplicación Web en 5 semanas
let buttonSelva, buttonFinca;

let buttomHome, imagenHome, imagenSelva, imagenFinca;

let imageIntroBanner, imageIntroText;
const URL_INTRO_BANNER =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/iv1h-banner.jpg";
const URL_INTRO_TEXT =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/EIIO-intro.png";

//BOTONES PARA SA
let buttomPuma, image_Puma, image_text_Puma;
const url_image_Puma =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/ondg-puma.jpg";

const url_text_image_Puma =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/ZiM--puma_text.png";

//JAGUAR VARIABLES
let buttomJaguar, image_Jaguar, image_text_Jaguar;

const url_image_Jaguar =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/yCcC-Jaguar.jpg";

const url_text_image_Jaguar =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/VvSb-Jaguartext.png";

//OSO DE ANTEOJOS VARIABLES
let buttomOsoAnt, image_OsoAnt, image_text_OsoAnt;

const url_image_OsoAnt =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/NxRj-OsoAnteojos.jpg";

const url_text_image_OsoAnt =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/fccC-OsoAnteojostext.png";

//TAPIR VARIABLES
let buttomTapir, image_Tapir, image_text_Tapir;

const url_image_Tapir =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/BDZL-Tapir.jpg";

const url_text_image_Tapir =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/kNVS-Tapirtext.png";

//DelfinRo VARIABLES
let buttomDelfinRo, image_DelfinRo, image_text_DelfinRo;

const url_image_DelfinRo =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/gC3H-DelfinRosa.jpg";

const url_text_image_DelfinRo =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/DVxs-DelfinRosatext.png";

//Gallina VARIABLES
let buttomGallina, image_Gallina, image_text_Gallina;

const url_image_Gallina =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/TYrz-Gallina.jpg";

const url_text_image_Gallina =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/gXGG-Gallinatext.png";

//Cuy VARIABLES
let buttomCuy, image_Cuy, image_text_Cuy;

const url_image_Cuy =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/EUE9-Cuy.jpg";

const url_text_image_Cuy =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/G1gG-Cuytext.png";

//Cerdo VARIABLES
let buttomCerdo, image_Cerdo, image_text_Cerdo;

const url_image_Cerdo =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/Jgg0-Cerdo.jpg";

const url_text_image_Cerdo =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/8mMn-Cerdotext.png";

//Vaca VARIABLES
let buttomVaca, image_Vaca, image_text_Vaca;

const url_image_Vaca =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/-m7M-vaca.jpg";

const url_text_image_Vaca =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/WN8l-Vacatext.png";

//Caballo VARIABLES
let buttomCaballo, image_Caballo, image_text_Caballo;

const url_image_Caballo =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/N2FL-Caballo.jpg";

const url_text_image_Caballo =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/300j-Caballotext.png";

let vid, vid_caballo, vid_gallina, vid_oso;

const URL_IMAGE =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/48-g-Selva-80.jpg";

const URL_IMAGE_FA =
  "https://uploads.codesandbox.io/uploads/user/f4e270d7-2a8e-4815-bbc0-5f6bdc6c71fd/cR8X-granja.jpg";

const URL_Sound_SA =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/GfNz-SA_SONIDO_AMBIENTE.mp3";

let sonidoselva;
let sonidofinca;
let velocidad, volumen;

let ruido_Puma, ruido_Jaguar, ruido_OsoAn, ruido_Tapir, ruido_Delfin;

let ruido_Gallina, ruido_Cuy, ruido_Cerdo, ruido_Vaca, ruido_Caballo;

let buttomAtrasSA, buttomAtrasFA;

//IMAGEN TEXT BIOMAS
let imageTitleSA, imageTitleFA;
const URL_TITLE_SA =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/1KuT-HabitatSA.png";
const URL_TITLE_FA =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/q9AR-HabitatFA.png";

let image_Intro_SA;
const URL_Intro_SA =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/b8na-imagenInicioSA.jpg";

let image_Intro_FA;
const URL_Intro_FA =
  "https://uploads.codesandbox.io/uploads/user/c8464b85-f482-4e10-8517-5969c1115bfe/p-z9-imagenInicioFA.jpg";

function vidLoad() {
  vid.loop();
  vid.volume(0);
}

function preload() {
  soundFormats("mp3", "ogg", "wav");

  //TITLES BIOMAS
  imageTitleSA = loadImage(URL_TITLE_SA);
  imageTitleFA = loadImage(URL_TITLE_FA);

  // Se carga la imagen y se asigna a la variable
  imagenSelva = loadImage(URL_IMAGE);
  imagenFinca = loadImage(URL_IMAGE_FA);

  //load intro images
  imageIntroBanner = loadImage(URL_INTRO_BANNER);
  imageIntroText = loadImage(URL_INTRO_TEXT);

  //Animales_SA
  image_Puma = loadImage(url_image_Puma);
  image_text_Puma = loadImage(url_text_image_Puma);

  image_Jaguar = loadImage(url_image_Jaguar);
  image_text_Jaguar = loadImage(url_text_image_Jaguar);

  image_OsoAnt = loadImage(url_image_OsoAnt);
  image_text_OsoAnt = loadImage(url_text_image_OsoAnt);

  image_Tapir = loadImage(url_image_Tapir);
  image_text_Tapir = loadImage(url_text_image_Tapir);

  image_DelfinRo = loadImage(url_image_DelfinRo);
  image_text_DelfinRo = loadImage(url_text_image_DelfinRo);

  image_Gallina = loadImage(url_image_Gallina);
  image_text_Gallina = loadImage(url_text_image_Gallina);

  image_Cuy = loadImage(url_image_Cuy);
  image_text_Cuy = loadImage(url_text_image_Cuy);

  image_Cerdo = loadImage(url_image_Cerdo);
  image_text_Cerdo = loadImage(url_text_image_Cerdo);

  image_Vaca = loadImage(url_image_Vaca);
  image_text_Vaca = loadImage(url_text_image_Vaca);

  image_Caballo = loadImage(url_image_Caballo);
  image_text_Caballo = loadImage(url_text_image_Caballo);

  //SonidosAmbiente
  sonidoselva = loadSound("audio/SA_SONIDO_AMBIENTE");
  sonidofinca = loadSound("audio/FA_SONIDO_AMBIENTE");
  //RUidos de animales de SA
  ruido_Puma = loadSound("sonidosAnimales/AudiosOGG/Audio_Puma2.ogg");
  ruido_Jaguar = loadSound("sonidosAnimales/AudiosOGG/Audio_Jaguar.ogg");
  ruido_OsoAn = loadSound("sonidosAnimales/AudiosOGG/Audio_Oso.ogg");
  ruido_Tapir = loadSound("sonidosAnimales/AudiosOGG/Audio_Tapir.ogg");
  ruido_Delfin = loadSound("sonidosAnimales/AudiosOGG/Audio_Delfin.ogg");
  //RUidos de animales de SA
  ruido_Gallina = loadSound("sonidosAnimales/AudiosOGG/Audio_gallina.wav");
  ruido_Cuy = loadSound("sonidosAnimales/AudiosOGG/Audio_Cuy.ogg");
  ruido_Cerdo = loadSound("sonidosAnimales/AudiosOGG/Audio_Cerdo.ogg");
  ruido_Vaca = loadSound("sonidosAnimales/AudiosOGG/Audio_Vaca.ogg");
  ruido_Caballo = loadSound("sonidosAnimales/AudiosOGG/Audio_Caballo.ogg");

  //Imagen inicio
  image_Intro_SA = loadImage(URL_Intro_SA);
  image_Intro_FA = loadImage(URL_Intro_FA);
}

function setup() {
  createCanvas(windowHeight, windowWidth);
  velocidad = 1.0;
  volumen = 0.1;

  //Boton para ingregar al habitat de SA
  buttonSelva = createButton("Ir a Selva Amazónica");
  buttonSelva.position(55, 320);
  buttonSelva.mousePressed(AnimalesSA);

  //IR AL HABITAT DEL PUMA
  buttomPuma = createButton("Ir al Puma");
  buttomPuma.position(65, 310);
  buttomPuma.mousePressed(Puma);

  //IR AL HABITAT DEL JAGUAR
  buttomJaguar = createButton("Ir al Jaguar");
  buttomJaguar.position(200, 310);
  buttomJaguar.mousePressed(Jaguar);

  //IR AL HABITAT DEL OSOAnt
  buttomOsoAnt = createButton("Ir al Oso de anteojos");
  buttomOsoAnt.position(310, 310);
  buttomOsoAnt.mousePressed(OsoAnt);

  //IR AL HABITAT DEL TAPIR
  buttonTapir = createButton("Ir al Tapir");
  buttonTapir.position(130, 460);
  buttonTapir.mousePressed(Tapir);

  //IR AL HABITAT DEL DELFIN
  buttomDelfinRo = createButton("Ir a Delfin Rosado");
  buttomDelfinRo.position(255, 460);
  buttomDelfinRo.mousePressed(Delfin);

  //IR AL HABITAT DEL GALLINA
  buttomGallina = createButton("Ir a la Gallina");
  buttomGallina.position(65, 310);
  buttomGallina.mousePressed(Gallina);

  //IR AL HABITAT DEL CERDO
  buttomCuy = createButton("Ir al Cuy");
  buttomCuy.position(200, 310);
  buttomCuy.mousePressed(Cuy);

  //IR AL HABITAT DEL CERDO
  buttomCerdo = createButton("Ir al Cerdo");
  buttomCerdo.position(310, 310);
  buttomCerdo.mousePressed(Cerdo);

  //IR AL HABITAT DEL VACA
  buttomVaca = createButton("Ir a la Vaca");
  buttomVaca.position(130, 460);
  buttomVaca.mousePressed(Vaca);

  //IR AL HABITAT DEL CABALLO
  buttomCaballo = createButton("Ir al Caballo");
  buttomCaballo.position(255, 460);
  buttomCaballo.mousePressed(Caballo);

  //Sonidos
  buttonFinca = createButton("Ir a Finca agropecuaria");
  buttonFinca.position(300, 320);
  buttonFinca.mousePressed(AnimalesFA);

  //Boton para ir a inicio
  buttomHome = createButton("Regresar al inicio");
  buttomHome.position(10, 127);
  buttomHome.mousePressed(draw);

  //sonidos de animales
  sonidoAnimal = createButton("Escuchame");
  sonidoAnimal.position(200, 430);
  sonidoAnimal.mousePressed(Ruido);

  //Regresar a los animales
  buttomAtrasSA = createButton("Regresar");
  buttomAtrasSA.position(50, 430);
  buttomAtrasSA.mousePressed(AnimalesSA);

  buttomAtrasFA = createButton("Regresar");
  buttomAtrasFA.position(50, 430);
  buttomAtrasFA.mousePressed(AnimalesFA);
  noLoop();
}

function draw() {
  background(color3Aspen);
  StopSound();

  fill(color4Grass);
  rect(0, 0, windowHeight / 2, windowHeight);
  fill(color2Citron);
  rect(windowHeight / 2, 0, windowHeight / 2, windowHeight);

  noStroke();

  //Posiciona las imagenes del inicio
  image(imagenSelva, 50, 150, 150, 150);
  image(imagenFinca, 300, 150, 150, 150);
  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  image(imageIntroText, 0, 340, 500, 180);

  //Muestra los botones
  buttonSelva.show();
  buttonFinca.show();

  //Botones de animales Ocultar botones primero
  Ocultar();
  OcultarBotFA();
  sonidoAnimal.hide();
  buttomHome.hide();

  vid.hide();
  vid_gallina.hide();
  vid_caballo.hide();
  vid_oso.hide();
}

function AnimalesSA() {
  StopSound();

  sonidoselva.rate(velocidad);
  sonidoselva.setVolume(volumen - 0.03);
  sonidoselva.play();
  buttomHome.show();

  background(color4Grass);

  buttonSelva.hide();
  buttonFinca.hide();
  buttomPuma.show();
  buttomJaguar.show();
  buttonTapir.show();
  buttomOsoAnt.show();
  buttomDelfinRo.show();

  buttomAtrasSA.hide();
  sonidoAnimal.hide();

  fill(color2Citron);
  rect(0, 0, windowHeight, windowHeight / 4);
  image(image_Intro_SA, 0, 0, windowHeight, windowHeight);
  fill(color3Aspen);

  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  image(image_Puma, 60, 210, 85, 85);
  image(image_Jaguar, 195, 210, 85, 85);
  image(image_OsoAnt, 330, 210, 85, 85);
  image(image_Tapir, 122, 355, 85, 85);
  image(image_DelfinRo, 270, 355, 85, 85);
  image(imageTitleSA, 5, 105, windowHeight, windowHeight / 4);
  vid.hide();
  vid_oso.hide();
}

function AnimalesFA() {
  StopSound();
  background(color2Citron);

  sonidofinca.rate(velocidad);
  sonidofinca.setVolume(volumen);
  sonidofinca.play();

  buttonSelva.hide();
  buttonFinca.hide();
  buttomHome.show();

  buttomGallina.show();
  buttomCerdo.show();
  buttomCuy.show();
  buttomVaca.show();
  buttomCaballo.show();

  buttomAtrasFA.hide();
  sonidoAnimal.hide();

  fill(color1Spice);
  rect(0, 0, windowHeight, windowHeight / 4);
  image(image_Intro_FA, 0, 0, windowHeight, windowHeight);

  fill(color3Aspen);

  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  image(image_Gallina, 60, 210, 85, 85);
  image(image_Cuy, 195, 210, 85, 85);
  image(image_Cerdo, 330, 210, 85, 85);
  image(image_Vaca, 122, 355, 85, 85);
  image(image_Caballo, 270, 355, 85, 85);
  image(imageTitleFA, 5, 105, windowHeight, windowHeight / 4);
  vid_gallina.hide();
  vid_caballo.hide();
}

function home() {
  alert("Volviste al inicio");
}

windowResized = function () {
  // Redimenciona el tamaño del lienzo al tamaño de la ventana del navegador Web
  resizeCanvas(windowWidth, windowHeight);
};

function mouseClicked() {
  //console.log(mouseX, mouseY);
  //console.log((windowWidth, windowHeight));
}

function Puma() {
  background(color1Spice);

  Ocultar();
  sonidoAnimal.show();
  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  num = 1;

  console.log("valor de num es:" + num);

  image(image_text_Puma, 0, 150, 250, 250);
  image(image_Puma, 250, 150, 250, 250);
  buttomHome.hide();
  buttomAtrasSA.show();
}

function Jaguar() {
  background(color1Spice);
  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  Ocultar();
  sonidoAnimal.show();

  num = 2;

  console.log("valor de num es:" + num);

  image(image_text_Jaguar, 0, 150, 250, 250);
  image(image_Jaguar, 250, 150, 250, 250);
  buttomHome.hide();
  buttomAtrasSA.show();
}

function OsoAnt() {
  background(color3Aspen);
  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  Ocultar();
  sonidoAnimal.show();

  num = 3;

  console.log("valor de num es:" + num);

  image(image_text_OsoAnt, 0, 150, 250, 250);
  image(image_OsoAnt, 250, 150, 250, 250);
  buttomHome.hide();
  buttomAtrasSA.show();

  //AGREGA EL VIDEO
  vid_oso = createVideo(
    [
      "video/Video_Oso_1.mp4",
      "video/Video_Oso_1.ogv",
      "video/Video_Oso_1.webm"
    ],
    vidOLoad
  );
  vid_oso.size(620, 650);
}

function vidOLoad() {
  vid_oso.loop();
  vid_oso.volume(0);
}

function Tapir() {
  background(color3Aspen);
  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  Ocultar();
  sonidoAnimal.show();

  num = 4;

  console.log("valor de num es:" + num);

  image(image_text_Tapir, 0, 150, 250, 250);
  image(image_Tapir, 250, 150, 250, 250);
  buttomHome.hide();
  buttomAtrasSA.show();
}

function Delfin() {
  background(color3Aspen);
  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  Ocultar();
  sonidoAnimal.show();

  num = 5;

  console.log("valor de num es:" + num);

  image(image_text_DelfinRo, 0, 150, 250, 250);
  image(image_DelfinRo, 250, 150, 250, 250);
  buttomHome.hide();
  buttomAtrasSA.show();

  //AGREGA EL VIDEO
  vid = createVideo(
    ["video/Delfin.mp4", "video/Delfin.ogv", "video/Delfin.webm"],
    vidLoad
  );
  vid.size(620, 650);
}

function Gallina() {
  background(color2Citron);
  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  OcultarBotFA();
  sonidoAnimal.show();

  num = 6;

  console.log("valor de num es:" + num);

  image(image_text_Gallina, 0, 150, 250, 250);
  image(image_Gallina, 250, 150, 250, 250);
  buttomHome.hide();
  buttomAtrasFA.show();

  //AGREGA EL VIDEO
  vid_gallina = createVideo(
    [
      "video/Video_Gallina.mp4",
      "video/Video_Gallina.ogv",
      "video/Video_Gallina.webm"
    ],
    vidGLoad
  );
  vid_gallina.size(620, 650);
}
function vidGLoad() {
  vid_gallina.loop();
  vid_gallina.volume(0);
}

function Cuy() {
  background(color4Grass);
  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  OcultarBotFA();
  sonidoAnimal.show();

  num = 7;

  console.log("valor de num es:" + num);

  image(image_text_Cuy, 0, 150, 250, 250);
  image(image_Cuy, 250, 150, 250, 250);
  buttomHome.hide();
  buttomAtrasFA.show();
}

function Cerdo() {
  background(color2Citron);
  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  OcultarBotFA();
  sonidoAnimal.show();

  num = 8;

  console.log("valor de num es:" + num);

  image(image_text_Cerdo, 0, 150, 250, 250);
  image(image_Cerdo, 250, 150, 250, 250);
  buttomHome.hide();
  buttomAtrasFA.show();
}

function Vaca() {
  background(color2Citron);
  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  OcultarBotFA();
  sonidoAnimal.show();

  num = 9;

  console.log("valor de num es:" + num);

  image(image_text_Vaca, 0, 150, 250, 250);
  image(image_Vaca, 250, 150, 250, 250);
  buttomHome.hide();
  buttomAtrasFA.show();
}

function Caballo() {
  background(color2Citron);
  image(imageIntroBanner, 0, 0, windowHeight, windowHeight / 4);
  OcultarBotFA();
  sonidoAnimal.show();

  num = 10;

  console.log("valor de num es:" + num);

  image(image_text_Caballo, 0, 150, 250, 250);
  image(image_Caballo, 250, 150, 250, 250);
  buttomHome.hide();
  buttomAtrasFA.show();

  //AGREGA EL VIDEO
  vid_caballo = createVideo(
    [
      "video/Video_Caballo.mp4",
      "video/Video_Caballo.ogv",
      "video/Video_Caballo.webm"
    ],
    vidCLoad
  );
  vid_caballo.size(620, 650);
}
function vidCLoad() {
  vid_caballo.loop();
  vid_caballo.volume(0);
}

function Ruido() {
  if (num === 1) {
    //alert("REPRODUCE EL SONIDO DEL PUMA");
    console.log("nolo hago");
    ruido_Puma.play();
    ruido_Puma.setVolume(volumen + 0.3);
  } else if (num === 2) {
    //alert("REPRODUCE EL SONIDO DEL JAGUAR");
    ruido_Jaguar.play();
    ruido_Jaguar.setVolume(volumen + 0.4);
  } else if (num === 3) {
    ruido_OsoAn.play();
    ruido_OsoAn.setVolume(volumen + 0.3);
    //alert("REPRODUCE EL SONIDO DEL OSO DE ANTEOJOS");
  } else if (num === 4) {
    ruido_Tapir.play();
    ruido_Tapir.setVolume(volumen + 0.3);
    //alert("REPRODUCE EL SONIDO DEL TAPIR");
  } else if (num === 5) {
    //alert("REPRODUCE EL SONIDO DEL DELFIN ROSADO");
    ruido_Delfin.play();
    ruido_Delfin.setVolume(volumen + 0.2);
  } else if (num === 6) {
    ruido_Gallina.play();
    ruido_Gallina.setVolume(volumen + 0.2);
  } else if (num === 7) {
    ruido_Cuy.play();
    ruido_Cuy.setVolume(volumen + 0.4);
  } else if (num === 8) {
    ruido_Cerdo.play();
    ruido_Cerdo.setVolume(volumen + 0.3);
  } else if (num === 9) {
    ruido_Vaca.play();
    ruido_Vaca.setVolume(volumen + 0.3);
  } else if (num === 10) {
    ruido_Caballo.play();
    ruido_Caballo.setVolume(volumen + 0.2);
  } else if (num === 0) {
    alert("No deberias ver esto");
  }
}

function Ocultar() {
  buttomPuma.hide();
  buttomJaguar.hide();
  buttomOsoAnt.hide();
  buttonTapir.hide();
  buttomDelfinRo.hide();
}

function OcultarBotFA() {
  buttomGallina.hide();
  buttomCuy.hide();
  buttomCerdo.hide();
  buttomVaca.hide();
  buttomCaballo.hide();
}

function StopSound() {
  sonidoselva.stop();
  sonidofinca.stop();
  ruido_Puma.stop();
  ruido_OsoAn.stop();
  ruido_Tapir.stop();
  ruido_Delfin.stop();
  ruido_Gallina.stop();
  ruido_Cuy.stop();
  ruido_Cerdo.stop();
  ruido_Vaca.stop();
  ruido_Caballo.stop();

  //OcultarBotones
  buttomAtrasFA.hide();
  buttomAtrasSA.hide();
}