var listName='<p>Les différentes fiches</p>';// the title of your list between single quotes
var mpic=new Array();
/* Edit link info in this order: name, image file, site title, URL
Insert each info between single quote marks, followed by a comma
(Replace '#' with the URL but leave the two quotes, i.e.
'http://www.theURL.com')
Do not edit after the URL. Add or remove lines as required */
mpic[mpic.length] = new info('Albâtre','images/fiche13.jpg','Nettoyer','fiche_albatre.htm','m' + mpic.length);
mpic[mpic.length] = new info('Argenterie 1','images/fiche9.jpg','Nettoyer','fiche1_argent.htm','m' + mpic.length);
mpic[mpic.length] = new info('Argenterie 2','images/fiche9c.jpg','Donner de la patine','fiche2_argent.htm','m' + mpic.length);
mpic[mpic.length] = new info('Bijoux','images/fiche16.jpg','Nettoyer','fiche_bijou.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Bois','images/fiche17.jpg','Nettoyer et traiter','fiche_bois.htm','m' + mpic.length);
mpic[mpic.length] = new info('Bronze 1','images/fiche1.jpg','Nettoyer','fiche1_bronze.htm','m' + mpic.length);
mpic[mpic.length] = new info('Bronze 2','images/fiche1c.jpg','Nettoyer et patiner','fiche2_bronze.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Chrome','images/fiche8.jpg','Nettoyer','fiche_chrome.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Cuir','images/fiche15.jpg','Nettoyer','fiche_cuir.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Cuivre','images/fiche2b.jpg','Nettoyer et faire briller','fiche_cuivre.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Ecaille','images/fiche14.jpg','Nettoyer','fiche_ecaille.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Etain 1','images/fiche3.jpg','Faire briller et polir','fiche1_etain.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Etain 2','images/fiche3c.jpg','Entretenir étains sombres','fiche2_etain.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Fer forgé 1','images/fiche4.jpg','Nettoyer et entretenir','fiche1_fer_forge.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Fer forgé 2','images/fiche4c.jpg','Vieillir','fiche2_fer_forge.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Fusil ancien','images/fiche7.jpg','Bronzer fusil','fiche_fusil.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Gravures 1','images/fiche10.jpg','Nettoyer','fiche1_gravure.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Gravures 2','images/fiche10c.jpg','Détacher','fiche2_gravure.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Ivoire 1','images/fiche18.jpg','Donner de la patine et entretenir','fiche1_ivoire.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Ivoire 2','images/fiche18c.jpg','Blanchir','fiche2_ivoire.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Miroir','images/fiche12.jpg','Réparer et vieillir','fiche_miroir.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Pièces de monnaie','images/fiche5.jpg','Nettoyer et décaper','fiche_piece_monnaie.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Reliures et livres','images/fiche11.jpg','Nettoyer','fiche_reliure.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Tableaux 1','images/fiche19.jpg','Vieillir et entretenir','fiche1_tableau.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Tableaux 2','images/fiche19c.jpg','Faire des craquelures','fiche2_tableau.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Tapisseries et tapis','images/fiche20.jpg','Nettoyer','fiche_tapisserie.htm', 'm' + mpic.length);
mpic[mpic.length] = new info('Zamac','images/fiche6.jpg','Donner de la patine','fiche_zamac.htm', 'm' + mpic.length);
/* ------ Do not edit below this line ------ */
var minArr=new Array();
for (i=0; i<mpic.length; i++) {
minArr[i]=new Image();
minArr[i].src=mpic[i].thumb;
}
function info(nam, thumb, Title, web, markID) {
this.nam = nam;
this.thumb = thumb;
this.Title = Title;
this.web = web;
this.markID = markID;
}
function codeIt() {
document.write('<div id="hotlist"><b>' + listName + '</b>');
document.write('<hr width="100%" size="1">');
for (j=0; j<mpic.length; j++) {
document.write('<a target="offsite" href="');
document.write(mpic[j].web);
document.write('" onMouseover="preview(' + j + ',\'' + mpic[j].markID + '\')">');
document.write(mpic[j].nam);
document.write('</a><span class="arrow" id="' + mpic[j].markID + '"> &#9668;</span><br>');
}
document.write('<br>');
document.write('<div id="preview">');
document.write('<img class="thumbnail" alt="" name="screenshot" src="' + minArr[0].src + '" onClick="dest()">');
document.write('<div id="caption"></div>');
document.write('<P><input type="button" value="Cacher" style="border: 1px solid #CCC; padding: 1px; font-weight: bold; background: #FFFFFF url(http://www.peinture-guybarraud.com/images/bouton.jpg) repeat-x bottom left; margin: 0; font-size: 100%; font-family: Arial, Sans-serif; height: 23px; color: #333; width: 60px;" onClick="hide()"></p>');
document.write('</div></div>');
}
function preview(t,a) {
unmarkAll();
document.getElementById(a).style.visibility='visible';
document.getElementById('preview').style.display='block';
document.getElementById('caption').innerHTML=mpic[t].Title;
document.images.screenshot.src=minArr[t].src;
document.images.screenshot.title='Cliquer sur la vignette ' + mpic[t].nam + '';
}
function dest() {
for (x=0; x<mpic.length; x++) {
if (document.images.screenshot.src==minArr[x].src) {
window.open(mpic[x].web, 'offsite');
}
}
}
function hide() {
document.getElementById('preview').style.display='none';
unmarkAll();
}
function unmarkAll() {
for (c=0; c<mpic.length; c++) document.getElementById(mpic[c].markID).style.visibility='hidden';
}