var canevas, video, titre, gif, png, monEspace, x, texte, taille, hauteur, largeur, centre, temporaire, couleur_texte, couleur_fond, videos, bouton, nbTotalVideos, noVideo, posContenant, titreFin, posTitreFin, commentaire, posCommentaire, contenant, adresse, visible, pageWeb, contenantPageCache, contenantPage, bouton2;

/**
 * Fonction exécutée une fois, au départ
 */
function actions_initiales() {
  document.body.style.paddingLeft="20px";
  disposerPageExecution(true,1600);
  document.body.style.backgroundColor = '#ccffff';
  titre=createElement("h1",'Autour du théorème de Pythagore');
  stylerObjetPrudent("titre",titre,'background','#99ff99');
  png=createImg('https://cdn.pixabay.com/photo/2020/10/13/21/36/pythagoras-5652846_960_720.png');
  stylerObjetPrudent("png",png,'hauteur','435px');
  stylerObjetPrudent("png",png,'cursor','pointer');
  siClicPrudent("png",png,"reference",reference);
  createSpan("").style("display","inline-block").style("width","20px");
  video=insererVideo('https://youtu.be/Ihv6qmojlII',true,false,false,(Math.round(435 * (4 / 3))),435);
  createSpan("").style("display","inline-block").style("width","20px");
  gif=createImg('https://media.giphy.com/media/l41JGHqVSThnCbSOA/giphy.gif');
  stylerObjetPrudent("gif",gif,'hauteur','435px');
  createSpan("<br>");
  createSpan("<br>");
  importerFigureGGB('figureGGB','https://www.geogebra.org/material/iframe/id/G3cAAhu7/width/425/height/530/border/888888/sfsb/false/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/false/rc/false/ld/false/sdz/false/ctl/false',425,530);
  createSpan("").style("display","inline-block").style("width","20px");
  monEspace=creerBlocTexteFormat(['<-- À gauche', ' Pourquoi les aires sont-elles préservées par les transformations?', '-----', 'À droite -->', 'Déplacer trois triangles (via leurs points rouges) pour former deux carrés de cotés <i>a</i> et <i>b</i>.'],300,520,true,10,36,'#ff0000','#ffff33');
  createSpan("").style("display","inline-block").style("width","20px");
  importerFigureGGB('figureGGB2','https://www.geogebra.org/material/iframe/id/SGnDCKSQ/width/756/height/530/border/888888/sfsb/false/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/false/rc/false/ld/false/sdz/false/ctl/false',756,530);
  createSpan("<br>");
  createSpan("<br>");
  monEspace=creerBlocTexteFormat('Regardons maintenant quelques vidéos présentant divers aspects du théorème de Pythagore.',230,340,true,10,36,'#3366ff','#33ff33');
  createSpan("").style("display","inline-block").style("width","20px");
  contenant=createElement('div','');
  stylerObjetPrudent("contenant",contenant,'display','inline-block');
  stylerObjetPrudent("contenant",contenant,'largeur','1280px');
  stylerObjetPrudent("contenant",contenant,'hauteur','720px');
  videos = [];
  ajouter_video('https://youtu.be/z5gMO8GTD-k', true);
  ajouter_video('https://dai.ly/x1qkdf1', false);
  ajouter_video('https://youtu.be/i8qgu6yjPJk', false);
  ajouter_video('https://youtu.be/Ik3b78sUUIs', false);
  ajouter_video('https://youtu.be/FcQQ1nX5cFg', false);
  ajouter_video('https://vimeo.com/90338793', false);
  nbTotalVideos = videos.length;
  noVideo = 0;
  bouton=createButton('Changer<br />la vidéo');
  stylerObjetPrudent("bouton",bouton,'taille-caractère','24pt');
  stylerObjetPrudent("bouton",bouton,'couleur','#3366ff');
  stylerObjetPrudent("bouton",bouton,'padding','10px');
  stylerObjetPrudent("bouton",bouton,'couleur-fond','#33ff33');
  positionnerObjetPrudent("bouton",bouton,90,1500);
  stylerObjetPrudent("bouton",bouton,'cursor','pointer');
  siClicPrudent("bouton",bouton,"changer_video",changer_video);
  createSpan("<br>");
  createSpan("<br>");
  bouton2=createButton('Montrer le site web<br /><i>Le théorème de Pythagore comme vous ne l\'avez jamais vu</i>');
  stylerObjetPrudent("bouton2",bouton2,'taille-caractère','24pt');
  stylerObjetPrudent("bouton2",bouton2,'couleur','#ffffff');
  stylerObjetPrudent("bouton2",bouton2,'padding','10px');
  stylerObjetPrudent("bouton2",bouton2,'couleur-fond','#ff0000');
  stylerObjetPrudent("bouton2",bouton2,'cursor','pointer');
  siClicPrudent("bouton2",bouton2,"visibilit_C3_A9",visibilit_C3_A9);
  contenantPage=createP('');
  pageWeb=insererPageWeb('http://profmath.uqam.ca/~boileau/GRMS2014/loiCos.html',1000,1400,10,'rgb(255,0,0)');
  assignerParentPrudent("pageWeb",pageWeb,"contenantPage",contenantPage);
  contenantPageCache = true;
  cacherObjetPrudent("contenantPage",contenantPage);
  titreFin=createP((['Créé avec ',retourneLien((("<i>"+'p5Visuel'+"</i>")),'http://profmath.uqam.ca/~boileau/p5VisuelWEB/index.html',true),' ( voir ',retourneLien('vidéo#1','https://www.youtube.com/watch?v=bMD8Hx7uQ0s&list=PLcB4oj8hWCxrtfFwMa5iNmtjaNOvPGaqd&index=2',true),' et ',retourneLien('vidéo#2','https://www.youtube.com/watch?v=7zoTmmlKng0&list=PLcB4oj8hWCxrtfFwMa5iNmtjaNOvPGaqd&index=3',true),' )'].join('')));
  stylerObjetPrudent("titreFin",titreFin,'couleur','#33ccff');
}

/**
 * Fonction exécutée périodiquement, de façon répétée
 */
function actions_en_boucle() {
}

/**
 * Décrire cette fonction…
 */
function reference() {
  versAdresseWeb('http://profmath.uqam.ca/~boileau/GRMS2014/loiCos.html',true);
}

/**
 * Décrire cette fonction…
 */
function ajouter_video(adresse, visible) {
  video=insererVideo(adresse,true,false,false,1280,720);
  videos.push(video);
  assignerParentPrudent("video",video,"contenant",contenant);
  if (!visible) {
    cacherObjetPrudent("video",video);
  }
}

/**
 * Décrire cette fonction…
 */
function changer_video() {
  cacherObjetPrudent("(videos[noVideo])",(videos[noVideo]));
  noVideo = (noVideo + 1) % nbTotalVideos;
  montrerObjetPrudent("(videos[noVideo])",(videos[noVideo]));
}

/**
 * Décrire cette fonction…
 */
function visibilit_C3_A9() {
  contenantPageCache = !contenantPageCache;
  if (contenantPageCache) {
    cacherObjetPrudent("contenantPage",contenantPage);
    fixeContenuPrudent("bouton2",bouton2,'Montrer le site web<br /><i>Le théorème de Pythagore comme vous ne l\'avez jamais vu</i>');
  } else {
    montrerObjetPrudent("contenantPage",contenantPage);
    fixeContenuPrudent("bouton2",bouton2,'Cacher le site web<br /><i>Le théorème de Pythagore comme vous ne l\'avez jamais vu</i>');
  }
}