Personnage = function (titre, srcImgIndex, srcImg, slogan, nom, fonction, fontSize, fontSize2) {
  this.titre = titre;
  this.srcImgIndex = srcImgIndex;
  this.srcImg = srcImg;
  this.slogan = slogan;
  this.nom = nom;
  this.fonction = fonction;
  this.fontSize = fontSize;
  this.fontSize2 = fontSize2;
}

var personnages = new Array();

personnages[1] = new Personnage("", "./images/personnages1.png", "./images/personnages1.1.png", "Cette jolie « maison » près du parc, elle me tient à cœur depuis plus de 12 ans. Je crois profondément à la cause et à la mission, car à mon avis, il ne peut y avoir d’autre voie vers la solidarité humaine que le respect de la dignité individuelle.", "Marie-Kym Brisson", "présidente du conseil d’administration", "18px", "16px");
personnages[2] = new Personnage("", "./images/personnages2.png", "./images/personnages2.1.png", "À la Maison du Parc il fait bon y vivre…et surtout y manger!", "Hubert-François Legault", "Chef", "30px", "24px");
personnages[3] = new Personnage("", "./images/personnages3.png", "./images/personnages3.1.png", "La Maison du Parc est un havre de réconfort pour des personnes qui sont dans une étape particulièrement difficile de leur vie.", "Dr Alain Lefevre", "secrétaire du conseil d’administration", "22px", "20px");
personnages[4] = new Personnage("", "./images/personnages4.png", "./images/personnages4.1.png", "L’attention particulière aux détails du quotidien des résidants est ce qui fait la différence à la Maison du Parc.", "Mariam Touré", "bénévole", "26px", "24px");
personnages[5] = new Personnage("", "./images/personnages5.png", "./images/personnages5.1.png", "La Maison du Parc célèbre la vie apprivoise la mort offre la dignité.", "Dany Lacroix", "intervenant", "30px", "24px");
personnages[6] = new Personnage("", "./images/personnages6.png", "./images/personnages6.1.png", "Bien que l’équipe de la Maison du Parc soit à l’avant-garde en matière de soin et de traitement de ses patients, c’est d’abord et avant tout un endroit d’amour et de compassion.", "Charles Meinen", "bénévole", "20px", "18px");
personnages[7] = new Personnage("", "./images/personnages7.png", "./images/personnages7.1.png", "Avec le soutien de tant de fondations, d’entreprises et d’individus si généreux, nous sommes en mesure de continuer à venir en aide aux personnes atteintes par cette terrible maladie.", "Monique Drolet", "directrice du développement", "18px", "16px");
personnages[8] = new Personnage("", "./images/personnages8.png", "./images/personnages8.1.png", "La Maison du Parc m’a aidé à reprendre mon autonomie, c’est l’amour, c’est l’écoute et ça fait du bien!", "Denis N.", "résidant en appartement satellite ", "24px", "22px");
personnages[9] = new Personnage("", "./images/personnages9.png", "./images/personnages9.1.png", "À la Maison du Parc, on est bien traité.", "Denis L.", "résidant", "30px", "24px");
personnages[10] = new Personnage("", "./images/personnages10.png", "./images/personnages10.1.png", "Tous les jours, je côtoie des personnes extraordinaires qui ont à cœur le bien-être de nos résidants. Merci!", "Catherine Breton", "directrice générale", "24px", "22px");
personnages[11] = new Personnage("", "./images/personnages11.png", "./images/personnages11.1.png", "Avec mon \" TALENT \" , j' ai voulu donné le désir de rêver jusqu'au dernier souffle.", "Zilon", "Donateur", "30px", "24px");
personnages[12] = new Personnage("", "./images/personnages12.png", "./images/personnages12.1.png", "La Maison du Parc, c’est pour moi un deuxième chez moi, la place qui m’a donné le courage de vivre et où j’aimerais passer mes derniers jours.", "Carlos", "résidant", "22px", "22px");
personnages[13] = new Personnage("", "./images/personnages13.png", "./images/personnages13.1.png", "Pour moi, la Maison du Parc est un endroit essentiel dans notre société. Un endroit d’espoir pour ceux qui pourraient le perdre. Et je suis heureuse et d’en faire partie.", "Louise Brown", "donatrice", "20px", "18px");
personnages[14] = new Personnage("", "./images/personnages14.png", "./images/personnages14.1.png", "La Maison du Parc c’est une famille qui ne cesse de grandir.", "Régis Simard", "coordonnateur", "30px", "24px");
personnages[15] = new Personnage("", "./images/personnages15.png", "./images/personnages15.1.png", "À la douce mémoire de mes amis morts du sida, c'est un privilège de partager ma musique pour venir en aide aux résidants de la Maison du Parc.", "Lindsey Meagher", "musicienne", "22px", "22px");
personnages[16] = new Personnage("", "./images/personnages16.png", "./images/personnages16.1.png", "Je suis ici pour tout le monde à la Maison du Parc.", "Olive", "bénévole", "30px", "24px");

Point = function (id, numero) {


  var p = document.getElementById(id);
  p.numero = numero;
  p.personnage = personnages[numero];
  p.imgPesonnage = document.getElementById("imgPersonnage");
  p.lblSlogan = document.getElementById("lblSlogan");
  p.lblNom = document.getElementById("lblNom");

  p.setPersonnage = function () {

    this.imgPesonnage.src = this.personnage.srcImgIndex;
    this.imgPesonnage.style.visibility = "visible";
    this.lblSlogan.style.fontSize = this.personnage.fontSize;
    this.lblSlogan.innerHTML = "<i><b>" + this.personnage.slogan + "</b></i>";
    this.lblNom.innerHTML = "<i><b>" + this.personnage.nom + ", " + this.personnage.fonction + "</b></i>";
    this.src = "./images/pointNoir.png";
  }
  return p;
}

function clearPoint() { for (var i = 1; i <= 16; i++) { document.getElementById("imgPoint" + i).src = "./images/pointBlanc.png"; } }

function startDiapo() {
  diaporama = new Diaporama(document.getElementById("tdDiapo"));
  diaporama.cellule.setPosition("relative", 0, 35);
  diaporama.cellule.setGrandeur(640, 960);
  diaporama.cellule.style.zIndex = "30";

  diaporama.panel.setPosition("relative", 0, 30);
  diaporama.panel.style.visibility = "visible";
  diaporama.start();

}

function go() {
  var d = document.getElementById("tdDiapo");
  if (d) startDiapo();

  var p = document.getElementById("imgPoint1");
  if (p) {
    var p1 = Point("imgPoint1", 1);
    var p2 = Point("imgPoint2", 2);
    var p3 = Point("imgPoint3", 3);
    var p4 = Point("imgPoint4", 4);
    var p5 = Point("imgPoint5", 5);
    var p6 = Point("imgPoint6", 6);
    var p7 = Point("imgPoint7", 7);
    var p8 = Point("imgPoint8", 8);
    var p9 = Point("imgPoint9", 9);
    var p10 = Point("imgPoint10", 10);
    var p11 = Point("imgPoint11", 11);
    var p12 = Point("imgPoint12", 12);
    var p13 = Point("imgPoint13", 13);
    var p14 = Point("imgPoint14", 14);
    var p15 = Point("imgPoint15", 15);
    var p16 = Point("imgPoint16", 16);

    var i = Math.floor(Math.random(new Date().getMilliseconds()) * 16) + 1;
    var sel = document.getElementById("imgPoint" + i);
    sel.setPersonnage();

  }
  else {
    var i = Math.floor(Math.random(new Date().getMilliseconds()) * 16)+1;

    var perso = document.getElementById("imgPersonnage");
    var slogan = document.getElementById("lblSlogan");
    var nom = document.getElementById("lblNom");
    perso.src = personnages[i].srcImg;
    perso.style.visibility = "visible";
    slogan.innerHTML = "<i><b>" + personnages[i].slogan + "</b></i>";
    slogan.style.fontSize = personnages[i].fontSize2;
    nom.innerHTML = "<i><b>" + personnages[i].nom + ", " + personnages[i].fonction + "</b></i>";
    
  
  }
}