var p_tag = "<P style=\"font-family: MrsEavesSmartLigRoman, Georgia, Verdana, Helvetica, sans-serif; font-size:14px; font-weight:500;\">";

/***************************************************************************
 * Instructions pour le message:
 * - il est preferable de n'avoir que 3 lignes
 * - il faut tester que la longueur n'est pas trop grande
 * - il faut seulement modifier les lignes indiquees "ICI"
 * - les guillemets doivent etres gardes
 * - ne pas toucher aux autres lignes 
 * - le plus important:
 *   TOUJOURS AVOIR UNE COPIE DE SAUVEGARDE DU FICHIER D'ORIGINE!!!
 * - et evidemment, ne rien modifier d'autre
 * - le fichier doit etre ouvert avec notepad avec windows
 * - le nom du fichier doit toujours etre "dynatext.js"
 ****************************************************************************/
var message_popup = p_tag + 
                    "Bienvenu sur le nouveau site web" +  // <-- ICI
                    "<BR/>" +
                    "de l&lsquo;espace Organik" +         // <-- ICI
                    "<BR/>" +
                    "" +                                  // <-- ICI
                    "<BR/></P>";


//var p_tag = "<P class=\"active_content typeface-js\" style=\"font-family: Brisa Alternates; font-color: #ff0000\">";
//var p_tag = "<P style=\"font-family: Brisa Alternates; font-size:16px;\">";
//var p_tag = "<P style=\"font-family: MrsEavesRoman; font-size:16px;\">";
//var p_tag = "<P style=\"font-family: MrsEavesBold; font-size:14px;\">";
//var p_tag = "<P style=\"font-family: MrsEavesSmartLigBold; font-size:14px;\">";
//var p_tag = "<P style=\"font-family: MrsEavesSmartLigRoman, Georgia, Verdana, Helvetica, sans-serif; font-size:14px; display:none;\">";
//var p_tag = "<P style=\"font-family: Gentilis; font-size:14px;\">";
//var p_tag = "<P style=\"font-family: MrsEavesRoman; font-size:14px;\">";
//var p_tag = "<P style=\"font-family: Arial; font-size:16px;\">";
//var p_tag = "<P style=\"font-size:14px\">";
//var p_tag =p_tag + "";
var font_tag = "";
//var font_tag = "<script type=\"text/javascript\">_typeface_js.renderDocument()</script>";

var intro_txt = p_tag + "Beaut&eacute; et mieux-&ecirc;tre</P>" + p_tag + "La cr&eacute;ation d&lsquo;Organik ne r&eacute;sulte pas d&lsquo;un &laquo;coup de t&ecirc;te&raquo;, mais de l&lsquo;exp&eacute;rience d&lsquo;une vie.</P>" + p_tag + "La beaut&eacute; et le bien-&ecirc;tre ne s&lsquo;improvisent pas : ils proviennent d&lsquo;une attention particuli&egrave;re que l&lsquo;on accorde &agrave; son corps et &agrave; soi.</P>" + p_tag + "Proposer un espace dans lequel on est bien et duquel on sort bien est essentiel. L&lsquo;int&eacute;rieur et l&lsquo;ext&eacute;rieur sont intimement li&eacute;s.</P>" + p_tag + "Organik est une promesse. Cet espace met les beaut&eacute;s humaines au centre des attentions. Que ce soit par le yoga, la m&eacute;ditation, le massage, les soins esth&eacute;tiques ou la coiffure; un seul objectif : se sentir bien.</P>" + p_tag + "Le choix de chaque &eacute;l&eacute;ment d&lsquo;Organik est fait en fonction du bien-&ecirc;tre de ses client(e)s. Les produits utilis&eacute;s respectent le corps et la nature.</P>" + p_tag + "Autant d&lsquo;&eacute;l&eacute;ments qui vous proposent de faire l&lsquo;exp&eacute;rience Organik.</P>" + font_tag;

var atelier_debut_txt = p_tag + "Organik propose diff&eacute;rents ateliers con&ccedil;us pour le bien-&ecirc;tre et l&lsquo;&eacute;quilibre physique, mental et &eacute;motionnel.</P>";


var yoga_debut_txt = p_tag + "Le yoga est avant tout une recherche d&lsquo;&eacute;quilibre entre soi et le monde. La v&eacute;ritable aventure ne se rencontre pas que dans les grands voyages, mais aussi dans l&lsquo;investissement int&eacute;rieur.</P>" + 
  p_tag + "De plus, le yoga apprend &agrave; dissocier la notion d&lsquo;effort de celle de violence. Le corps est approch&eacute; dans une attitude bienveillante de non-comp&eacute;tition et sans jugement.</P>" + 
  p_tag + "Le yoga am&eacute;liore les probl&egrave;mes circulatoires, articulaires, respiratoires, de sciatique chronique, d&lsquo;intestins, d&lsquo;a&eacute;rophagie, d&lsquo;embonpoint, d&lsquo;app&eacute;tit, de vision, de sommeil, etc. Le yoga s&lsquo;adresse plus &agrave; la cause qu&lsquo;&agrave; l&lsquo;effet : il est pr&eacute;ventif dans le temps et la dur&eacute;e.</P>" + 
  p_tag + "On sait que la joie et la positivit&eacute; peuvent modifier le corps et agir sur la maladie et, qu&lsquo;inversement, le stress ou une profonde d&eacute;tresse peuvent la d&eacute;clencher ou l&lsquo;aggraver. En ce sens, le yoga devient une source de renouvellement constant du corps et de l&lsquo;esprit en apportant calme et paix int&eacute;rieure.</P>";

var mouvement_txt = p_tag + "Des outils th&eacute;rapeutiques pour se soigner soi-m&ecirc;me</P>" +
  p_tag + "Il s&lsquo;agit de la th&eacute;rapie gestuelle de la fasciath&eacute;rapie MDB, une th&eacute;rapeutique du corps et de la psych&eacute; qui se pratique par soi-m&ecirc;me. La gymnastique sensorielle est une forme de tai-chi des temps modernes. Cette pratique propose des moyens simples pour d&eacute;compresser physiquement et mentalement, mieux r&eacute;pondre au stress, accompagner les grands changements de notre vie (divorce, naissance, chômage, maladie, deuil...) ou encore communiquer plus facilement.</P>";

var ayurveda_txt = p_tag + "L&lsquo;Ayurv&eacute;da est la m&eacute;decine traditionnelle indienne (ayur=vie et v&eacute;da=science). Cette m&eacute;decine holistique tient compte de l&lsquo;environnement &eacute;motionnel, intellectuel, physique et spirituel. On peut voir les d&eacute;s&eacute;quilibres de la sant&eacute; par les trois doshas (humeurs) :<BR>- vata (&eacute;ther et air)<BR>- pitta (feu et eau)<BR>- kapha (eau et terre)</P>" +
  p_tag + "Notre nature est form&eacute;e, &agrave; diff&eacute;rents niveaux, de ces trois doshas. Chaque personne a une composition unique dedoshas.</P>" +
  p_tag + "&Agrave; l&lsquo;Espace Organik, nous vous aidons &agrave; d&eacute;couvrir l&lsquo;Ayurv&eacute;da et &agrave; r&eacute;tablir votre &eacute;quilibre par :<BR>- des consultations personnalis&eacute;es sur votre mode de vie;<BR>- des consultations en phytoth&eacute;rapie ayurv&eacute;dique;<BR>- des massages ayurv&eacute;diques (abhyanga) pacifiants;<BR>- des shirodharas (technique d&lsquo;&eacute;coulement d&lsquo;un doux filet d&lsquo;huile sur le front)</P>" +
  p_tag + "Par exemple, la chaleur de l&lsquo;&eacute;t&eacute; aggrave pitta. Pour redonner au corps son &eacute;quilibre, l&lsquo;Ayuv&eacute;da cherchera &agrave; &lsquo;&lsquo;refroidir&lsquo;&lsquo; pitta en utilisant l&lsquo;alimentation, l&lsquo;activit&eacute; physique, les massages ou les plantes. Bien entendu, chaque personne supporte diff&eacute;remment la chaleur en fonction de sa constitution.</P>" +
  p_tag + "La vie quotidienne peut nous d&eacute;s&eacute;quilibrer. Gr&agrave;ce &agrave; notre activit&eacute; physique, une bonne alimentation, l&lsquo;expression de nos &eacute;motions, la m&eacute;ditation, la respiration, le yoga et &eacute;galement des traitements de massages et de plantes, nous pouvons r&eacute;tablir cet &eacute;quilibre.</P>";

var esthetique_txt = p_tag + "Nos soins esth&eacute;tiques utilisent la m&eacute;thode de la phytobiodermie et les produits naturels Phyto5 certifi&eacute;s Ecocert.</P>" +
  p_tag + "La phytobiodermie est un ensemble de soins holistiques bas&eacute;s sur les principes de la m&eacute;decine &eacute;nerg&eacute;tique chinoise. Les cr&egrave;mes utilis&eacute;es sont adapt&eacute;es &agrave; chaque saison de l&lsquo;ann&eacute;e, tout en pr&eacute;parant la peau pour la saison suivante, et sont personnalis&eacute;es en fonction des besoins sp&eacute;cifiques de chaque type de personne.</P>" +
  p_tag + "Nos esth&eacute;ticiennes sont form&eacute;es sp&eacute;cifiquement pour les techniques de drainage lymphatique, m&eacute;thodes qui contribuent efficacement au fonctionnement du syst&egrave;me lymphatique et am&eacute;liorent la circulation sanguine dans l&lsquo;&eacute;piderme.</P>";

var manu_pedi_cure_txt = p_tag +"Manucure :<BR>- coupe et limage des ongles &agrave; votre besoin<BR>- dissolution des cuticules<BR>- massage<BR>- application de vernis</P>" +
  p_tag + "P&eacute;dicure :<BR>- coupe et limage des ongles<BR>- dissolution des cuticules<BR>- r&agrave;page des callosit&eacute;s<BR>- rin&ccedil;age<BR>- massage<BR>- application de vernis</P>";

var visage_corp_txt = p_tag + "- facial<BR>- soins du corps</P>";
var epilation_txt = p_tag + "- cire chaude ou ti&egrave;de</P>";
var electrolyse_txt = p_tag + "&Eacute;pilation d&eacute;finitive par passage d&lsquo;un petit courant &eacute;lectrique dans le follicule du poil.</P>";

var masso_txt = p_tag + "Pour nous, le massage est une d&eacute;marche th&eacute;rapeutique holistique de bien-&ecirc;tre. Nous travaillons en fonction des besoins de votre corps et de votre sant&eacute;, &agrave; l&lsquo;aide de diff&eacute;rentes approches : massage su&eacute;dois, mobilisation articulaire, fasciath&eacute;rapie, sensoi-liquidien, neuro-vasculaire.</P>";

var suedois_txt = p_tag + "Technique su&eacute;doise avec mobilisation articulaire et fasciath&eacute;rapie MDB. Cette approche procure une d&eacute;tente profonde, une relance de la vitalit&eacute; ainsi qu&lsquo;un soutien pour accompagner toute personne qui fait une d&eacute;marche pour retrouver la sant&eacute;. Une approche personnalis&eacute;e qui traite en profondeur toutes les couches du corps.</P>";

var pierre_chaudes_txt = p_tag + "L&lsquo;effet thermique des pierres volcaniques enveloppe dans un bien-&ecirc;tre plus en profondeur. Ce type de massage est tr&egrave;s efficace pour soulager les tensions r&eacute;currentes gr&agrave;ce &agrave; son effet d&lsquo;absorption de la chaleur dans l&lsquo;os.</P>";

var coiffure_txt = p_tag + "Organik utilise les produits AVEDA pour leurs performances et aussi parce qu&lsquo;ils respectent l&lsquo;environnement. De plus, ils encouragent plusieurs communaut&eacute;s dans le monde qui on besoin de nous autant pour leur &eacute;ducation leur nourriture que pour prot&eacute;ger leur territoire où ils vivent et poursuivent leurs cultures ancestrales.</P>";

var coiffure2_txt = p_tag + "- coupe femme<BR>- coupe homme<BR>- brushing<BR>- coloration<BR>- reflets<BR>- m&egrave;ches<BR>- permanente<BR>" + 
   "- coiffure haute<BR>- spa capillaire</P>";

var coloration_txt = p_tag + "Notre coloration permanente est compos&eacute;e de 93 % de plantes et de fleurs. La semi-permanente de 99 %. Nos coiffeurs sont &agrave; votre &eacute;coute pour comprendre et r&eacute;aliser vos envies. Nous sommes toujours &agrave; l&lsquo;affût de techniques et de produits qui respectent l&lsquo;environnement et la sant&eacute; de notre &eacute;quipe et de nos clients.<BR>- coloration<BR> - reflets<BR>- m&egrave;ches<BR></P>";

var extensions_txt = p_tag + "&Agrave; venir...</P>";


var content_text = new Array(4);
content_text[0] = new Array(3+1);
content_text[1] = new Array(4+1);
content_text[2] = new Array(2+1);
content_text[3] = new Array(3+1);

/* Ateliers: Yoga, Mouvement, Ayurveda */
content_text[0][0] = atelier_debut_txt;
content_text[0][1] = yoga_debut_txt;
content_text[0][2] = mouvement_txt;
content_text[0][3] = ayurveda_txt;

/* Esthetique: Manucure, Visage, Epilation, Electrolyse */
content_text[1][0] = esthetique_txt;
content_text[1][1] = manu_pedi_cure_txt;
content_text[1][2] = visage_corp_txt;
content_text[1][3] = epilation_txt;
content_text[1][4] = electrolyse_txt;

/* Massotherapie: Suedois, Pierres Chaudes */
content_text[2][0] = masso_txt;
content_text[2][1] = suedois_txt;
content_text[2][2] = pierre_chaudes_txt;

/* Coiffure: Coloration, Extensions */
content_text[3][0] = coiffure_txt;
content_text[3][1] = coiffure2_txt;
content_text[3][2] = coloration_txt;
content_text[3][3] = extensions_txt;

/****************
 ** Menu DEBUT **
 ****************/
var img_path = "images/";
var menu_name = new Array(4);
menu_name[0] = new Array(4);
menu_name[1] = new Array(5);
menu_name[2] = new Array(3);
menu_name[3] = new Array(3);
//Atelier
menu_name[0][0] = "Atelier"; menu_name[0][1] = "Yoga"; menu_name[0][2] = "Mouvement"; menu_name[0][3] = "Ayurveda";

menu_name[1][0] = "Esthetique";
menu_name[1][1] = "Manucure";
menu_name[1][2] = "Visage";
menu_name[1][3] = "Epilation";
menu_name[1][4] = "Electrolyse";

menu_name[2][0] = "Massotherapie";
menu_name[2][1] = "Suedois";
menu_name[2][2] = "PierresChaudes";

menu_name[3][0] = "Coiffure";
menu_name[3][1] = "Coiffure";
menu_name[3][2] = "Coloration";
menu_name[3][3] = "Extensions";
/**************
 ** Menu FIN **
 **************/

function getPhotoName(id, subId) {
  var photoArray = new Array(2);
  for(var i  = 0; i < photoArray.length; i++) {
    photoArray[i] = img_path + "photo" + (i+1) + menu_name[id][subId] + ".jpg";
  }
  //photoArray[1] = "photo1" + menu_name[id][subId] + ".jpg";
  return photoArray;
}

function getImgTags(src_path_array) {
  var imgTags = "";
  for(var i = 0; i < src_path_array.length; i++) {
    imgTags += "<IMG class=\"content_photo\" id=\"photo" + (i+1) + "\" src=\"" + src_path_array[i] + "\">";
  }
  //imgTags += "<IMG class=\"overlay_photo\" id=\"photo_ovr\" src=\"images/filigrane_photo.png\">";
  return imgTags;
}
function getImgOvrTag() {
  return "<IMG class=\"overlay_photo\" id=\"photo_ovr\" src=\"images/filigrane_photo.png\">";
}

function load_content(id, subId) {
  var div_to_fill = document.getElementById("dyna_text");
  //var ovr_div = document.getElementById("full");
  
  var html_content = "";
  if(id >=0) {
    var photos = "";
    if(!(id == 0 && subId == 3)) {
      photos = getPhotoName(id, subId);
      document.getElementById("photo_ovr").style.display = "block";
    } else {
      document.getElementById("photo_ovr").style.display = "none";
    }
    //html_content = content_text[id][subId] + "<IMG src=\"" + photos[0] + "\">" + "<IMG src=\"" + photos[1] + "\">";
    html_content = content_text[id][subId] + getImgTags(photos);
    //document.getElementById("photo_ovr").style.display = "block";
//     html_content = content_text[id][subId] + getImgTags(photos) + getImgOvrTag();
    div_to_fill.innerHTML = html_content;
    //ovr_div.innerHTML += getImgOvrTag();
  } else {
    document.getElementById("photo_ovr").style.display = "none";
    html_content = intro_txt;
    div_to_fill.innerHTML = html_content;
  }
  //_typeface_js.renderDocument();
  //flowerShow();
}

function createPopUpMsg() {
  var leave_msg_div = document.getElementById("popup_msg");
  leave_msg_div.style.top = 875 + "px";
  leave_msg_div.style.left = 1025 + "px";
  leave_msg_div.style.position = "absolute";
  leave_msg_div.style.display = "none";
  var html_content = getPopUpMsg();
  //html_content += getPopUpMsg();
  leave_msg_div.innerHTML = html_content;
}

function getPopUpMsg() {
  //return p_tag + "Ceci est un message Pop-up<BR/>Ceci est un message Pop-up<BR/>Cliquez-moi...</P>"
  return message_popup;
}

/*function flowerShow() {
  new Effect.appear('appear_demo');
}*/
