function swap(name,adr){
	//alert(name + '->' + adr);
	document.images[name].src=adr;
}
//tab -> tableau contenant l'etat du bouton 1 quand le bouton est ticked
var tabEtat = new Array("1", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "1", "0", "0", "0", "0", "0", "0", "0");
var _bouton = 'bouton';
var _style = 'souligne';
var _titre = 'titre';
var enableSound = 'true';


//fonction appelée lorsque la souris quite un bouton
//Si l'etat du bouton survolé est unticked on  affiche l'image jaune sinon on le laisse ticked (etat = 1)
function imgOut(num){
	var indice = _bouton + num;
	document.images[indice].src=(tabEtat[num]==0)?'images/ico_jaune.gif':'images/ico_rougeticked.gif';
}

//fonction appelée au passage de la souris
//Si l'etat du bouton survolé est différent de ticked on  affiche l'image rouge sinon on le laisse ticked (etat = 1)
function imgHover(num){
	var indice = _bouton + num;
	document.images[indice].src=(tabEtat[num]!=1)?'images/ico_rouge.gif':'images/ico_rougeticked.gif';	
}	

//fonction qui passe le bouton d'indice "pos" à 1 (ticked)
function imgClick(pos){
  var page = getPage(); //recupere le numero de page active
	restoreImg();//réinitialise tous les boutons
	tabEtat[pos] = 1; //positionne le bouton donnée à ticked (etat =1)
	highlight(pos);
  	//readtrack(3);
  chuintement(1,pos, page);//lancement du son de transition                 
 
  displayMenu(pos); //gestion de l'affichage des menu de droite
  highlightChapter(pos,page); //maintient le tickage des chapter si necessaire
  //zoom(pos,page); //lance le zoom si necessaire
  extrait(pos,page);//ouvre la popup de l'extrait
}

//remet tout les bouton au status unticked (état = 0)	
function restoreImg() {
 var i;
 var img;
 for (i=0;i<tabEtat.length;i++) {
 	if (tabEtat[i] != 0) {
 	  img = _bouton+i;
 	  swap(img,'images/ico_jaune.gif');
 	  tabEtat[i]=0;
 	  unHighlight(i);
	  } 	
 }
}


//fonction qui souligne l'objet d'id donné
function highlight(pos){
  var idLabel = _titre + pos;
  var obj = document.getElementById(idLabel);
  var objStyle = obj.className;
  var idStyle = objStyle.indexOf(_style, 0);
  if (idStyle == -1) {
    objStyle += _style;
  }
  obj.className = objStyle;
}

//fonction qui remet le style d'orige à l'objet d'id donné (non souligné)
function unHighlight(pos){
  var idLabel = _titre + pos;
  var obj = document.getElementById(idLabel);
  var objStyle = obj.className;
  var idStyle = objStyle.indexOf(_style, 0);
  if (idStyle != -1) {
    objStyle = objStyle.substring(0, idStyle);
  }
  obj.className = objStyle;
}

// retourne l'indice de la page active
function getPage(){
  for (i=0;i<tabEtat.length;i++) {
 	  if (tabEtat[i] != 0) {
 	    return i;
 	  }
 	}
  return -1; 	
}

//affiche la couverture adéquate en plein ecran
function zoom(pos, page){
var newPage = document.location.href;
//alert(newPage);
//le zoom est utilisé que si la demandée (pos) est la numéro 15
if (pos == 15) {
     switch (page) {
        case 0 ://page active est la couverture 1
          newPage="page/zoom1.htm";
          break;
        case 13 ://page active est la couverture 1
          newPage="page/zoom1.htm";        
          break;
        case 14://page active est la couverture 2
          newPage="page/zoom2.htm";
          break;
        default : break;
       }
    document.location.href = newPage;    
   }
   //alert(newPage);    	
}

//ouvre la pop up d'extrait avec le contenu approprié
function extrait(pos, page){
//utilisé que si la demandée (pos) est la numéro 17
if (pos == 17) {
     var newPage;
     switch (page) {
        case 5 :
          newPage="page/extrait5.htm";
          break;
        case 6 :
          newPage="page/extrait6.htm";        
          break;
        case 7:
          newPage="page/extrait7.htm";
          break;
        case 8:
          newPage="page/extrait8.htm";
          break;
        case 9:
          newPage="page/extrait9.htm";
          break;
        case 10:
          newPage="page/extrait10.htm";
          break;
        case 11:
          newPage="page/extrait11.htm";
          break;
        default : break;
       }
     OpenPopUp(newPage);    
   }
   //alert(newPage); 
       	
}

//fonction pour le lecteur mp3
function readtrack(tid) {
  switch (tid) {
	 case 1: 
		 song = "http://dedeweb33.free.fr/mp3/ambiancefull.mp3";
		 highlight(20);
		enableSound= "true";
		 break;	
	 default:
		 song = "";
		 enableSound= "false";
		 unHighlight(20);
		 break;
     
    // mettez autant de titre que vous voulez : case 3; case 4 ...
	}

	content = '<object type="application/x-shockwave-flash" data="lib/dewplayer.swf?autoreplay=true&autostart=1&bgcolor=f8d14e&son=' + song + '" width="0" height="0">';
	content += '<param name="movie" value="lib/dewplayer.swf?autoreplay=true&autostart=1&bgcolor=f8d14e&son=' + song + '" />';
	content += '</object>';
	document.getElementById('player').innerHTML = content;
}


//fonction pour lancer le son de changement de page
function chuintement(tid,pos, page) {
if (enableSound == 'true') {
  //on lance le son uniquement si la page courante (page) et differente de la page demandée (pos)
  if ((pos !=17) &&  (pos !=page)) {
    switch (tid) {
	   case 1: 
	    song = "http://dedeweb33.free.fr/mp3/chuintement.mp3";
		  break;	
	   default:
		  song = "";
		  break;
     
      // mettez autant de titre que vous voulez : case 3; case 4 ...
	 }
	 content = '<object type="application/x-shockwave-flash" data="lib/dewplayer-multi.swf?autostart=1&bgcolor=f8d14e&son=' + song + '" width="0" height="0">';
	 content += '<param name="movie" value="lib/dewplayer-multi.swf?autostart=1&bgcolor=f8d14e&son=' + song + '" />';
	 content += '</object>';
	 document.getElementById('chuintement').innerHTML = content;
  }
}
}

//fonction pour gerer l'affichage des element de droite
function displayMenu(tid){
  switch (tid) {
	 case 0: //on masque la couverture et affiche tout le reste
	   displayClassique();
	   displayContract(1);
     displayMenuBas(1);	 
	   break;
	 case 5: //on affiche les boutons pour les extrait et on masque tout le reste
	   displayExtrait(tid);
	   displayContract(0);
	   displayMenuBas(0);
	   break;
   case 6: //on affiche les boutons pour les extrait et on masque tout le reste
	   displayExtrait(tid);
	   displayContract(0);
     displayMenuBas(0);	 
	   break;
   case 7: //on affiche les boutons pour les extrait et on masque tout le reste
	   displayExtrait(tid);
	   displayContract(0);
     displayMenuBas(0);	 
	   break;
   case 8: //on affiche les boutons pour les extrait et on masque tout le reste
	   displayExtrait(tid);
	   displayContract(0);
     displayMenuBas(0); 
	   break;
   case 9: //on affiche les boutons pour les extrait et on masque tout le reste
	   displayExtrait(tid);
	   displayContract(0);
     displayMenuBas(0);	 
	   break;
    case 10: //on affiche les boutons pour les extrait et on masque tout le reste
	   displayExtrait(tid);
	   displayContract(0);
     displayMenuBas(0);	 
	   break; 
   case 11: //on affiche les boutons pour les extrait et on masque tout le reste
	   displayExtrait(tid);
	   displayContract(0);
     displayMenuBas(0);	 
	   break; 	
	 case 12: 
	   //resume
	   unHighlight(13);
	   //displayClassique();
	   displayContract(0);
     displayMenuBas(0);	 
	   break;
	 case 13: //on masque la couverture, on affiche tout le reste
	   highlight(0);
	   tabEtat[0]=1;
	   document.images['bouton0'].src='images/ico_rougeticked.gif';
     //displayClassique();
	   displayContract(1);
     displayMenuBas(1);	 
	   break;	
	 case 14: //couverture B
	   unHighlight(13);//enleve le soulignement de "couverture A""
	   //displayClassique();
	   
	   //force accueil a rester enfoncé et souligné
	   //highlight(0);
    //tabEtat[0]=1;
	   //document.images['bouton0'].src='images/ico_rougeticked.gif';
	   displayContract(1);
     displayMenuBas(2);
	   break;	  
	 case 15: //lien
      //on masque la couverture, on affiche tout le reste
	   //displayClassique();
	   displayContract(0);
     displayMenuBas(0);	 
	   break;    	
	 case 16: //Bonus
      //on masque la couverture et zoom, on affiche tout le reste
	   //displayClassique();
	   unHighlight(13);
	   displayContract(0);
     displayMenuBas(3);	 
	   //document.getElementById('bouton15').style.visibility = "hidden";	 
	   break;
	 case 17: //on affiche les boutons pour les extrait et on masque tout le reste
	   displayExtrait(tid);
	   displayContract(0);
	   displayMenuBas(0);
     //on doit maintenir ticked le chapitre appelant	 
	   break;
    case 18: //on affiche les boutons pour les extrait et on masque tout le reste
	   displayExtrait(tid);
	   displayContract(0);
	   displayMenuBas(0);
     //on doit maintenir ticked le chapitre appelant	 
	   break;
	  case 19: //Chronique et interview
	   unHighlight(13);
	   displayContract(0);
	   displayMenuBas(5);
     //on doit maintenir ticked le chapitre appelant	 
	   break;	
	 default: // on affiche la couverture du livre
	   displayZinedi();
	   displayContract(0);
	   displayMenuBas(0);
	   break;
   }  
}

function highlightChapter(pos,page){
  if (pos==17 || pos ==18){
    if (page==5 ||page==6 ||page==7 ||page==8 ||page==9 ||page==10 ||page==11) {
      highlight(page);
	    tabEtat[page]=1;
	    var indice = _bouton + page;
	    document.images[indice].src='images/ico_rougeticked.gif';
    } else if (page==17 || page==18){
      alert(document.iframes['text'].src);
    }
     
  }
}

function displayZinedi() {
 var obj = document.getElementById('menuDroit');

 var content = '<table class="base">';
 content += '<tr>';
 content +='<td align="center" valign="top" id="zinedi" >';
 content +='<a href="page/zinedi.htm" target="text" onClick="chuintement(1,0,1);displayContract(2)"><img src="images/zinedi.jpg" border="0"></a>';
 content +='<div align="center"><span class="minitextjaune">cliquez sur la couverture</span></div>';
 content +='</tr>';
 content +='</table>';
 obj.innerHTML = content;
 }

function displayClassique() {
 var obj = document.getElementById('menuDroit');
 
var content = '<table class="base">';
 content += '<tr><td valign="top" align="center" id="bouton12">';
 content +='<a href="page/resume.htm" target="text" onClick="imgClick(12)" onMouseOut="imgOut(12)" onMouseOver="imgHover(12)">';
 content +='<img class="bouton" src="images/ico_jaune.gif" name="bouton12">';
 content +='</a>';
 content +='<br><span class="boutonorangeclair" id="titre12">r&eacute;sum&eacute;</span><img src="images/spacer.gif" height="1px">';
 content +='</td></tr>';
 content +='<tr><td align="center" id="bouton19" valign="top">';
 content +='<a href="page/chronique0.htm" target="text" onClick="imgClick(19)" onMouseOut="imgOut(19)" onMouseOver="imgHover(19)">';
 content +='<img class="bouton" src="images/ico_jaune.gif" name="bouton19">';
 content +='</a>';
 content +='<br><span class="boutonorangeclair" id="titre19">chroniques et interviews</span><img src="images/spacer.gif" height="1px">';
 content +='</td></tr>'; 
 content +='<tr><td align="center" id="bouton13">';
 content +='<a href="page/couverture1.htm" target="text" onClick="imgClick(13)" onMouseOut="imgOut(13)" onMouseOver="imgHover(13)">';
 content +='<img src="images/ico_rougeticked.gif" name="bouton13" class="bouton">';
 content +='</a>';
 content +='<br><span class="boutonorangeclairsouligne"  id="titre13">accroche<br>A</span><img src="images/spacer.gif" height="1px">';
 content +='</td></tr>';
 content +='<tr><td align="center" id="bouton14">';
 content +='<a href="page/couverture2.htm" target="text" onClick="imgClick(14)" onMouseOut="imgOut(14)" onMouseOver="imgHover(14)">';
 content +='<img class="bouton" src="images/ico_jaune.gif" name="bouton14">';
 content +='</a>';
 content +='<br><span class="boutonorangeclair"  id="titre14">accroche<br>B</span><img src="images/spacer.gif" height="1px">';
 content +='</td></tr>';
 content +='<tr><td align="center" id="bouton15">';
 content +='<a href="page/lien.htm" target="text" onClick="imgClick(15)" onMouseOut="imgOut(15)" onMouseOver="imgHover(15)">';
 content +='<img class="bouton" src="images/ico_jaune.gif" name="bouton15">';
 content +='</a>';
 content +='<br><span class="boutonorangeclair" id="titre15">liens</span><img src="images/spacer.gif" height="1px">';
 content +='</td></tr>';
 content +='<tr><td align="center" id="bouton16">';
 content +='<a href="page/bonusa.htm" target="text" onClick="imgClick(16)" onMouseOut="imgOut(16)" onMouseOver="imgHover(16)">';
 content +='<img class="bouton" src="images/ico_jaune.gif" name="bouton16">';
 content +='</a>';
 content +='<br><span class="boutonorangeclair" id="titre16">bonus</span><img src="images/spacer.gif" height="1px">';
 content +='</td></tr>';
 content +='<tr><td height="50"></td></tr>';
  content +='</table>';
 obj.innerHTML = content;
  //alert(obj.innerHTML);
}



function displayExtrait(pos) {
 var obj = document.getElementById('menuDroit');
 var className17;
 var className18;
 var img18;
 var img17;
 
 //si on vient de cliquer sur 'lire l'extrait' on souligne le bouton
 /*if (pos == 17) {
  //on enfonce le bouton "lire extrait"
  tabEtat[18]=0;
  tabEtat[17]=1;
  className17 = 'boutonorangeclairsouligne';
  className18 = 'boutonorangeclair';
  img18 = 'images/ico_jaune.gif';
  img17 = 'images/ico_rougeticked.gif';
 
 } else {*/
  //on enfonce le bouton "illustration"
  tabEtat[18]=1;
  tabEtat[17]=0;
  className18 = 'boutonorangeclairsouligne';
  className17 = 'boutonorangeclair';
  img18 = 'images/ico_rougeticked.gif';
  img17 = 'images/ico_jaune.gif';
 //}
 
//on créée les boutons
 var content = '<table class="base">';
 content += '<tr>';
content += '<td valign="top" align="center" id="bouton17">';
content += '<a href="#" onClick="imgClick(17)" onMouseOut="imgOut(17)" onMouseOver="imgHover(17)">';
content += '<img class="bouton" src="'+ img17 +'" name="bouton17" id="image17">';
content += '</a><br>';
content += '<span class="'+ className17 +'"  id="titre17">lire l\'extrait</span>';
content += '</td>';
content += '</tr>';
content += '<tr>';
content += '<td valign="top" align="center" id="bouton18">';
content += '<a href="#" target="text" onClick="imgClick(18)" onMouseOut="imgOut(18)" onMouseOver="imgHover(18)">';
content += '<img class="bouton" src="'+ img18 +'" name="bouton18" id="image18">';
content += '</a><br>';
content += '<span class="'+ className18 +'"  id="titre18">illustration</span>';
content += '</td>';
content += '</tr>';

content += '<tr><td height="320">&nbsp;</td></tr>';


content +='</table>';
//alert(content);
obj.innerHTML = content;
 //alert(obj.innerHTML);
//on crée les liens vers les images et extrait correspondant à la page demandée
illustration(pos);
}

function displayContract(mode) {
  //on recupere les boutons affiché lors de la consultation des extraits
  var objcont = document.getElementById('Contract');
    if (mode == 1) {
    objcont.style.visibility = "hidden";
    //on affiche l'image
    //objcont.style.visibility = "visible";
    //objcont.innerHTML = "<div align=\"right\"><span class=\"minitextjaune\">maquette non contractuelle</span></div>";
  } else if (mode ==2){
    objcont.style.visibility = "visible";
    objcont.innerHTML = "<div align=\"right\"><span class=\"minitextjaune\">couverture du livre</span></div>";
  }
  else{
    objcont.style.visibility = "hidden";
    //objcont.innerHTML = "<div align=\"right\"><span class=\"minitextjaune\">maquette non contractuelle</span></div>";
  }
}

function displayMenuBas(mode) {
//mode 0 -> ligne vide
//mode 1 -> couverture A
//mode 2 -> couverture B
var obj = document.getElementById('menubas');

var content;
switch (mode) {
  case 0 :
    content = '&nbsp';
    break;
  case 1 :
    content = '<span class="boutonorangesouligne">accroche compl&egrave;te</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(0,0)" class="bonus" href="page/zoom1.htm" target="text">illustration seulement</a>&nbsp;&nbsp;&nbsp;';
    break;
  case 2 :
    content = '<span class="boutonorangesouligne">accroche compl&egrave;te</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(0,1)" class="bonus" href="page/zoom2.htm" target="text">illustration seulement</a>&nbsp;&nbsp;&nbsp;';
    break;
  case 3 :
    content = '<span class="boutonorangesouligne">1</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,3)" class="bonus" href="page/bonus2.htm" target="text">2</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,4)" class="bonus" href="page/bonus3.htm" target="text">3</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,5)" class="bonus" href="page/bonus4.htm" target="text">4</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,6)" class="bonus" href="page/bonus5.htm" target="text">5</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,7)" class="bonus" href="page/bonus6.htm" target="text">6</a>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
    break;
  case 4 :
    content = '<span class="boutonorangesouligne">1</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(3,9)" class="bonus" href="page/lien2.htm" target="text">2</a>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
    break;
    case 5 :
    content = '<span class="boutonorangesouligne">chronique 1</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(4,11)" class="bonus" href="page/chronique2.htm" target="text">chronique 2</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(4,12)" class="bonus" href="page/interview1.htm" target="text">interview</a>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
    break;
}
 obj.innerHTML = content;
}

function switchMenuBas(mode,prec){
//mode 0 -> on vient de couverture complète
//mode 1 -> on vient de illustration seulement
//mode 2 -> on vient de Bonus
//mode 3 -> on vient de Liens
//mode 4 -> on vient de chronique et interview
//prec 0 -> on visualise la couverture A
//prec 1 -> on visualise la couverture B
//prec 2 -> on visualise bonus 1
//prec 3 -> on visualise bonus 2
//prec 4 -> on visualise bonus 3
//prec 5 -> on visualise bonus 4
//prec 6 -> on visualise bonus 5
//prec 7 -> on visualise bonus 6
//prec 8 -> on visualise lien 1
//prec 9 -> on visualise lien 2
//prec 10 -> on visualise chornique 1
//prec 11 -> on visualise chornique 2
//prec 12-> on visualise interview 1

  var obj = document.getElementById('menubas');
  var content;
  if (mode == 0 && prec== 0){
    displayContract(0);  
    content = '<a onClick="switchMenuBas(1,0)" class="bonus" href="page/couverturea.htm" target="text">accroche compl&egrave;te</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="boutonorangesouligne">illustration seulement</span>&nbsp;&nbsp;&nbsp;';
  } else if (mode == 0 && prec== 1){
    displayContract(0);
    content = '<a onClick="switchMenuBas(1,1)" class="bonus" href="page/couvertureb.htm" target="text">accroche compl&egrave;te</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="boutonorangesouligne">illustration seulement</span>&nbsp;&nbsp;&nbsp;';
  } else if (mode == 1 && prec== 0){
    displayContract(1);
    content = '<span class="boutonorangesouligne">accroche compl&egrave;te</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(0,0)" class="bonus" href="page/zoom1.htm" target="text">illustration seulement</a>&nbsp;&nbsp;&nbsp;';
  } else if (mode == 2 && prec == 2 ) {
    content = '<span class="boutonorangesouligne">1</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,3)" class="bonus" href="page/bonus2.htm" target="text">2</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,4)" class="bonus" href="page/bonus3.htm" target="text">3</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,5)" class="bonus" href="page/bonus4.htm" target="text">4</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,6)" class="bonus" href="page/bonus5.htm" target="text">5</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,7)" class="bonus" href="page/bonus6.htm" target="text">6</a>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  } else if (mode == 2 && prec == 3) {
    content = '<a onClick="switchMenuBas(2,2)" class="bonus" href="page/bonus1.htm" target="text">1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="boutonorangesouligne">2</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,4)" class="bonus" href="page/bonus3.htm" target="text">3</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,5)"" class="bonus" href="page/bonus4.htm" target="text">4</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,6)" class="bonus" href="page/bonus5.htm" target="text">5</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,7)" class="bonus" href="page/bonus6.htm" target="text">6</a>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  } else if (mode == 2 && prec == 4) {
    content = '<a onClick="switchMenuBas(2,2)" class="bonus" href="page/bonus1.htm" target="text">1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,3)" class="bonus" href="page/bonus2.htm" target="text">2</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="boutonorangesouligne">3</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,5)"" class="bonus" href="page/bonus4.htm" target="text">4</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,6)" class="bonus" href="page/bonus5.htm" target="text">5</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,7)" class="bonus" href="page/bonus6.htm" target="text">6</a>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  } else if (mode == 2 && prec == 5) {
    content = '<a onClick="switchMenuBas(2,2)" class="bonus" href="page/bonus1.htm" target="text">1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,3)" class="bonus" href="page/bonus2.htm" target="text">2</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,4)"" class="bonus" href="page/bonus3.htm" target="text">3</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="boutonorangesouligne">4</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,6)" class="bonus" href="page/bonus5.htm" target="text">5</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,7)" class="bonus" href="page/bonus6.htm" target="text">6</a>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  } else if (mode == 2 && prec == 6) {
    content = '<a onClick="switchMenuBas(2,2)" class="bonus" href="page/bonus1.htm" target="text">1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,3)" class="bonus" href="page/bonus2.htm" target="text">2</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,4)"" class="bonus" href="page/bonus3.htm" target="text">3</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,5)" class="bonus" href="page/bonus4.htm" target="text">4</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="boutonorangesouligne">5</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,7)" class="bonus" href="page/bonus6.htm" target="text">6</a>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  } else if (mode == 2 && prec == 7) {
    content = '<a onClick="switchMenuBas(2,2)" class="bonus" href="page/bonus1.htm" target="text">1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,3)" class="bonus" href="page/bonus2.htm" target="text">2</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,4)"" class="bonus" href="page/bonus3.htm" target="text">3</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,5)" class="bonus" href="page/bonus4.htm" target="text">4</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(2,6)" class="bonus" href="page/bonus5.htm" target="text">5</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="boutonorangesouligne">6</span>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  } else if (mode == 3 && prec == 8) {
    content = '<span class="boutonorangesouligne">1</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(3,9)" class="bonus" href="page/lien2.htm" target="text">2</a>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  } else if (mode == 3 && prec == 9) {
    content = '<a onClick="switchMenuBas(3,8)" class="bonus" href="page/lien.htm" target="text">1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="boutonorangesouligne">2</span>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  } else if (mode == 4 && prec == 10) {
   content = '<span class="boutonorangesouligne">chronique 1</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(4,11)" class="bonus" href="page/chronique2.htm" target="text">chronique 2</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(4,12)" class="bonus" href="page/interview1.htm" target="text">interview</a>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  }else if (mode == 4 && prec == 11) {
   content = '<a onClick="switchMenuBas(4,10)" class="bonus" href="page/chronique1.htm" target="text">chronique 1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="boutonorangesouligne">chronique 2</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(4,12)" class="bonus" href="page/interview1.htm" target="text">interview</a>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  }else if (mode == 4 && prec == 12) {
   content = '<a onClick="switchMenuBas(4,10)" class="bonus" href="page/chronique1.htm" target="text">chronique 1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(4,11)" class="bonus" href="page/chronique2.htm" target="text">chronique 2</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="boutonorangesouligne">interview</span>';
    content += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  } else {
  displayContract(1);
    content = '<span class="boutonorangesouligne">accroche compl&egrave;te</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="switchMenuBas(0,1)" class="bonus" href="page/zoom2.htm" target="text">illustration seulement</a>&nbsp;&nbsp;&nbsp;';
  }
  obj.innerHTML = content;
}

//affiche l'extrait désiré
function illustration(pos){
var obj18 = document.getElementById('bouton18');
var content18 = obj18.innerHTML;
//var obj17 = document.getElementById('bouton17');
//l'affichage de l'extrait est utilisé que si la demandée (pos) est la numéro 17
switch (pos) {
  case 5 :
    content18 = '<a href="page/illustration5.htm" target="text" onClick="imgClick(18)" onMouseOut="imgOut(18)" onMouseOver="imgHover(18)">';
    content18 += '<img class="bouton" src="images/ico_rougeticked.gif" name="bouton18" id="image18">';
    content18 += '</a><br>';
    content18 += '<span class="boutonorangeclairsouligne"  id="titre18">illustration</span>';
    /*
    content17 = '<a href="page/extrait5.htm" onClick="imgClick(17)" onMouseOut="imgOut(17)" onMouseOver="imgHover(17)">';
    content17 += '<img class="bouton" src="images/ico_jaune.gif" name="bouton17" id="image17">';
    content17 += '</a><br>';
    content17 += '<span class="boutonorangeclair"  id="titre17">lire l\'extrait</span>';*/
    break;
  case 6 :
    content18 = '<a href="page/illustration6.htm" target="text" onClick="imgClick(18)" onMouseOut="imgOut(18)" onMouseOver="imgHover(18)">';
    content18 += '<img class="bouton" src="images/ico_rougeticked.gif" name="bouton18" id="image18">';
    content18 += '</a><br>';
    content18 += '<span class="boutonorangeclairsouligne"  id="titre18">illustration</span>';
   
    break;
  case 7:
    content18 = '<a href="page/illustration7.htm" target="text" onClick="imgClick(18)" onMouseOut="imgOut(18)" onMouseOver="imgHover(18)">';
    content18 += '<img class="bouton" src="images/ico_rougeticked.gif" name="bouton18" id="image18">';
    content18 += '</a><br>';
    content18 += '<span class="boutonorangeclairsouligne"  id="titre18">illustration</span>';
    
    break;
  case 8:
    content18 = '<a href="page/illustration8.htm" target="text" onClick="imgClick(18)" onMouseOut="imgOut(18)" onMouseOver="imgHover(18)">';
    content18 += '<img class="bouton" src="images/ico_rougeticked.gif" name="bouton18" id="image18">';
    content18 += '</a><br>';
    content18 += '<span class="boutonorangeclairsouligne"  id="titre18">illustration</span>';
    
    break;
  case 9:
    content18 = '<a href="page/illustration9.htm" target="text" onClick="imgClick(18)" onMouseOut="imgOut(18)" onMouseOver="imgHover(18)">';
    content18 += '<img class="bouton" src="images/ico_rougeticked.gif" name="bouton18" id="image18">';
    content18 += '</a><br>';
    content18 += '<span class="boutonorangeclairsouligne"  id="titre18">illustration</span>';
    
    break;
  case 10:
    content18 = '<a href="page/illustration10.htm" target="text" onClick="imgClick(18)" onMouseOut="imgOut(18)" onMouseOver="imgHover(18)">';
    content18 += '<img class="bouton" src="images/ico_rougeticked.gif" name="bouton18" id="image18">';
    content18 += '</a><br>';
    content18 += '<span class="boutonorangeclairsouligne"  id="titre18">illustration</span>';
        
    break;
  case 11:
    content18 = '<a href="page/illustration11.htm" target="text" onClick="imgClick(18)" onMouseOut="imgOut(18)" onMouseOver="imgHover(18)">';
    content18 += '<img class="bouton" src="images/ico_rougeticked.gif" name="bouton18" id="image18">';
    content18 += '</a><br>';
    content18 += '<span class="boutonorangeclairsouligne"  id="titre18">illustration</span>';
    
    break;
  default : break;
}
//alert(content18);
//obj17.innerHTML = content17;
obj18.innerHTML = content18;  	
}
function OpenPopUp(page){
var widthPop = 922;
 //var Left=window.screen.width/2-440;
 var Left=(window.screen.width - widthPop)/2;
 //var Top=window.screen.height/2-286;
 var Top = 0;
 var Configuration="'toolbar=no, menubar=no, location=no, directories=no, status=no, resizeable=no, scrollbars=yes, width=" + widthPop +", height=768, left=" + Left + ", top=" + Top;
window.open(page,'Cassiopee',Configuration);
 } 

function mmLoadMenus() {
  if (window.mm_menu_0118221829_0) return;
  window.mm_menu_0118221829_0 = new Menu("root",42,18,"Verdana, Arial, Helvetica, sans-serif",12,"#FFCC00","#FFCC00","#000000","#000000","center","middle",3,0,0,-5,7,true,true,true,0,true,true);
  mm_menu_0118221829_0.addMenuItem("oui");
   mm_menu_0118221829_0.fontWeight="bold";
   mm_menu_0118221829_0.hideOnMouseOut=true;
   mm_menu_0118221829_0.menuBorder=1;
   mm_menu_0118221829_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0118221829_0.menuBorderBgColor='#CC0000';

if (window.mm_menu_0118221830_0) return;
  window.mm_menu_0118221830_0 = new Menu("root",42,18,"Verdana, Arial, Helvetica, sans-serif",12,"#FFCC00","#FFCC00","#000000","#000000","center","middle",3,0,0,-5,7,true,true,true,0,true,true);
  mm_menu_0118221830_0.addMenuItem("non");
   mm_menu_0118221830_0.fontWeight="bold";
   mm_menu_0118221830_0.hideOnMouseOut=true;
   mm_menu_0118221830_0.bgColor='#555555';
   mm_menu_0118221830_0.menuBorder=1;
   mm_menu_0118221830_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0118221830_0.menuBorderBgColor='#CC0000';

mm_menu_0118221829_0.writeMenus();
} // mmLoadMenus()