// (C) 2003 - 2009 Serge Lamarche
// http://sergewebservice.ca/
// All codes copyrights Serge Lamarche, any reproduction and 
// use strictly forbidden without written consent.
// Tous les codes droits d'auteurs Serge Lamarche, toute reproduction et 
// utilisation est strictement interdite sans autorisation écrite.
// Contact: info@sergewebservice.ca, sergewebservice@yahoo.ca or/ou serge_lamarche@hotmail.com 
// ...for help with your website. Reliable, inexpensive website service. Thanks.
// ...pour de l'aide avec votre site. Service internet abordable et professionnel. Merci. 

versgeo="http://cf.geocities.com/serge_lamarche/"; 
if (-1 != document.title.search(/Serge/)) { javascriptanimeT=new Array(); 
JSanimT0=new Image(); JSanimT0.src="AnimT/Note01.gif"; 
JSanimT1=new Image(); JSanimT1.src="Animations/attends-b.gif"; 
zerosT="000"; iiT=0; iiiT=0; bloqueT=1; }; 
function prechargeT(seql) { chgcadT=seql-6; if (iiiT>0) return; 
if (iiT==0) {document.images['imageT'].src=JSanimT1.src; }; 
if (iiT>seql) {if (!javascriptanimeT[seql].complete||!javascriptanimeT[chgcadT].complete)  {window.setTimeout("prechargeT("+seql+")",2000); return;}; 
iiT=1; bloqueT=0; document.images['imageT'].src=javascriptanimeT[0].src; filmT(seql,1000); return}; 
javascriptanimeT[iiT]=new Image(); if (iiT==10) {zerosT="00"}; if (iiT==100) {zerosT="0"}; 
javascriptanimeT[iiT].src='AnimT/Terre'+zerosT+iiT+'.gif'; iiT++; prechargeT(seql);}
function filmT(seqlT,cadence) { if (iiT!=1) return; if (bloqueT>0) return; 
if (document.images['imageT'].src==JSanimT1.src) return; 
window.setTimeout("filmTs("+seqlT+","+cadence+")",cadence); bloqueT++; }
function filmTs(seqlT,cadence) { if (iiiT==chgcadT) {cadence=1200}; 
if (iiiT>seqlT) {iiiT=1; bloqueT=0; return}; 
document.images['imageT'].src=javascriptanimeT[iiiT].src; iiiT++; 
window.setTimeout("filmTs("+seqlT+","+cadence+")",cadence); }


///////////////////////////////////////
//for (var j=3;j<navdivs.length;j++) { 
//bgmarge(document.getElementById(navdivs[j]).nextSibling,1) ; }; 

ncss=0; if (document.getElementById) bgblanc=false; //pr bg ds gecko avec ncss=1
function chgcss(Xcss) { if (!document.styleSheets) return; ncss=Xcss; 
//ncss++; if (ncss==document.styleSheets.length) ncss=0; //pr activer en séquence 
for (var i=0;i<document.styleSheets.length;i++) { 
document.styleSheets[i].disabled = (i==ncss ? false : true); };
metbiscuitindex2(ncss); //souvient du dernier choix de css (ncss); 
if (!document.getElementById||!document.getElementsByTagName) return; 
lesPmarge=document.getElementById('tdnavmarge').getElementsByTagName('p'); 
for (var j=0;j<lesPmarge.length;j++) { bgmarge(lesPmarge.item(j),1) ; }; 
if (bgblanc&&(ncss==1)) if (document.styleSheets[1].insertRule) { document.styleSheets[1].insertRule('body.index2 { background: url(images-gen/bg-index2b-blanc.jpg) bottom left; }',document.styleSheets[1].cssRules.length); }; 
if (document.getElementById("divcp")) document.getElementById("divcp").style.background=(ncss==2) ? "#000000" : "#ffffff"; }; 

function testcss() { //tests pour mac
//getelbyid=getelbytagname=docCss=docCsslength=docCssable=lesPmarge=cssinsertrule="néant"; 
//docCsslength=docCssable=lesPmarge=cssinsertrule="neant"; 
getelbyid="pasdutout"; getelbytagname="pasdutout"; docCss="pasdutout"; docCsslength="pasdutout"; docCssable="pasdutout"; lesPmarge="pasdutout"; cssinsertrule=cssaddrule="pasdutout"; 
navappversion=navigator.appVersion; navUA=navigator.userAgent; 
systemeOp=systOp(); navigateur=fureteur(); 
if (navigateur=="safari") { document.write("Results: OS: "+systemeOp+" nav: "+navigateur+" rejet: "+rejet+" rejet2: "+rejet2+" css: "+typeof(document.styleSheets)); return; };
if (document.getElementById) { getelbyid=typeof(document.getElementById); 
getelbytagname=typeof(document.getElementsByTagName); 
lesPmarge=typeof(document.getElementById('tdnavmarge').getElementsByTagName('p')); 
docCss=typeof(document.styleSheets); 
if (document.styleSheets) { docCsslength=document.styleSheets.length; 
docCssable=typeof(document.styleSheets[1].disabled); 
cssinsertrule=typeof(document.styleSheets[1].insertRule); 
cssaddrule=typeof(document.styleSheets[1].addRule); }; }; 
//document.open(); alert
document.write("<h1>Results</h1><br>app version: "+navappversion+"<br>agent utilisateur: "+navUA+"<br>systeme oper: "+systemeOp+"<br>navigateur: "+navigateur+"<br>rejet: "+rejet+"<br>rejet2: "+rejet2+"<br>getelementbyid: "+getelbyid+"<br>getelementbytagname: "+getelbytagname+"<br>typelesPmarge: "+lesPmarge+"<br>docCSS: "+docCss+"<br>docCSSlength: "+docCsslength+"<br>docCSSable: "+docCssable+"<br>typeCSSinsertrule: "+cssinsertrule+"<br>typeCSSaddrule: "+cssaddrule);
document.close(); };


bgmargin=new Array(); //brmargin=new Array(); bgmargin[1]=new Array(); 
bgmargin[0]=["#99cc99 url(images-gen/bg-btn-navmarge-vert-0b.gif) no-repeat top left","url(images-gen/bg-ombre-rougp.gif) top","#000000"]; 
bgmargin[1]=["#88bb88 url(images-gen/bg-btn-navmarge-vert-0a.gif) no-repeat top left","url(images-gen/bg-ombre-rougm.gif) top","url(images-gen/invis.gif)"]; 
brmargin=[" outset #bbeebb"," inset #cc6666"," solid #222233"]; 
function ajBGmargin() { ajbtnchgcss(document.styleSheets.length);
if (document.styleSheets.length!=5) return; // assure les 5 css pour ajouter ci dessous. 
bgmargin[0]=bgmargin[0].concat(["#ff7777","#9999cc"]); 
bgmargin[1]=bgmargin[1].concat(["#ee6666","#8888bb"]); 
brmargin=brmargin.concat([" outset #eebbbb"," outset #bbbbee"]); };
function bgmarge(elemt,audessus) { elemt.style.background=bgmargin[audessus][ncss]; 
elemt.style.borderRight=(0+2*audessus)+"px"+((audessus!=0)?brmargin[ncss]:""); 
elemt.style.width=(192-2*audessus)+"px"; }; 

function ajbtnchgcss(nbcss) { if (!document.getElementsByTagName||!document.createElement||!document.appendChild) return; 
var tempNomCss; var lePprchgcssEn=document.getElementById("pchgcssen"); 
var lePprchgcssFr=document.getElementById("pchgcssfr"); 
for (var j=0, i=0;j<document.getElementsByTagName("link").length;j++) if (document.getElementsByTagName("link")[j].getAttribute("rel").search(/stylesheet/)!=-1) { 
tempNomCss=document.getElementsByTagName("link")[j].getAttribute("title"); 
var leboutonEn= document.createElement("a"); var leboutonFr= document.createElement("a"); 
leboutonEn.href = leboutonFr.href = "javascript: chgcss("+i+")"; 
if (leboutonEn.setAttribute) { 
leboutonEn.setAttribute("class","txt"); leboutonFr.setAttribute("class","txt"); };
var letexte = document.createTextNode(' ['+tempNomCss.substr(3, -4+tempNomCss.search(/fr=/))+'] '); 
leboutonEn.appendChild(letexte); lePprchgcssEn.appendChild(leboutonEn); 
letexte = document.createTextNode(' ['+tempNomCss.substr(3+tempNomCss.search(/fr=/))+'] '); 
leboutonFr.appendChild(letexte); lePprchgcssFr.appendChild(leboutonFr); i++; }; 
if (nbcss != i) lePprchgcssEn.style.display = lePprchgcssFr.style.display = "none"; return; alert("erreur de nombre de style: "+nbcss+" != "+i); }; // alerte inactivée! Remplacée par la cache des p pr chg de style ne fonctionnant pas. 

navdivs=new Array(); 
navdivs=["ch01","ch02","ch03","ch04","ch05","ch06","ch07","ch08","ch09","ch10"]; tofermernavs=false; // rejet=false; init ds index2.html, rejet vérif si furtr prend page. 
function fermernavs(sauf) { if (tofermernavs) clearTimeout(fermernavsto); 
tofermernavs=false; for (var i=0;i<navdivs.length;i++) { 
if (navdivs[i]!=sauf) montrer(navdivs[i],'ferme'); }; }; 

vaindex=true; //par défaut. aussi défini dans index2.html. aj ici cause bug ie cotr.
function fermerscenes(sauf) { if (rejet) return; fermernavs(); 
if (!vaindex) { alert("Told you! :-) These text swapping links don't work on this browser. \nCome again with a more advanced browser or go to my former entrance page to read them. \nYou can still navigate though. \n\nJe l'ai dit! :-) Ces liens échangeant les textes ne fonctionnent pas dans ce fureteur. \nRevenez avec un fureteur plus avancé ou allez à ma première page portique pour les lire. \nVous pouvez quand même fureter, cependant.\n\n- Serge Lamarche."); return; };
for (var i=0;i<scenedivids.length;i++) { 
if (scenedivids[i]!=sauf) montrer(scenedivids[i],'ferme'); }; }; 

function montrer(elemt,metoupas) { if (rejet) return; 
if (tofermernavs) clearTimeout(fermernavsto); 
if (metoupas=="hidden") { 
fermernavsto = setTimeout('fermernavs()',10); tofermernavs = true; return; }; 
if (metoupas=="ferme") metoupas = "hidden"; else fermernavs(elemt); 
//metoupas = (metoupas=="none") ? "hidden" : "visible"; //visibility au lieu de display!
if (typeof(document.getElementById(elemt).style.visibility)=="string") document.getElementById(elemt).style.visibility = metoupas;
else if (typeof(document.all(elemt).style.visibility)=="string") document.all(elemt).style.visibility = metoupas; }; 

function montrer0(elemt,metoupas) { if (rejet) return; 
if (tofermernavs) clearTimeout(fermernavsto); 
if (metoupas=="none") { 
fermernavsto = setTimeout('fermernavs()',10); tofermernavs = true; return; }; 
if (metoupas=="ferme") metoupas = "none"; else fermernavs(elemt); 
if (typeof(document.getElementById(elemt).style.display)=="string") document.getElementById(elemt).style.display = metoupas;
else if (typeof(document.all(elemt).style.display)=="string")  document.all(elemt).style.display = metoupas; }; 


function ajscenedivs() { if (!vaindex) return; //implique va vers index normal
if (document.styleSheets) ajBGmargin(); litbiscuitindex2(); //se souvient après bgmarg OK
scenedivs=[sceneVL,sceneHG,sceneJG,sceneKG,scenePA,sceneBU,sceneSI,sceneWS,sceneM3, scene3W,sceneAS,sceneSA,sceneAT,sceneCG]; 
scenedivids=["sceneVL","sceneHG","sceneJG","sceneKG","scenePA","sceneBU","sceneSI", "sceneWS","sceneM3","scene3W","sceneAS","sceneSA","sceneAT","sceneCG","sceneEX"]; 
tdscene = document.getElementById('scene'); 
for (var i=0;i<scenedivs.length;i++) { var divscene = document.createElement('div');
divscene.className="scene"; divscene.id = scenedivids[i]; divscene.innerHTML=""; 
divscene.innerHTML=scenedivs[i]; tdscene.appendChild(divscene); };
var systemeOp=systOp(); var nav=fureteur(); 
if (nav=="gecko") tdscene.style.paddingTop="20px"; //corrige position scene;
if (!document.styleSheets) return; // corrige? un bug sur IE mac (largeur div 100%); 
if ((systemeOp!="mac")||(nav!="msie")) return; //corrige largeur div.navs sur ie mac?
for (var i=0;i<document.styleSheets.length;i++) { 
if (document.styleSheets[i].addRule) { document.styleSheets[i].addRule('div.droptop', 'width: 200px'); document.styleSheets[i].addRule('div.navmarge', 'width: 200px'); }; }; }

var hg_images=["deEnid_561.jpg","deChalise-S03.jpg","SLattterrainsocceraout94.jpg","SL5juil04.jpg","SL5juil04291.jpg","SL5juil04291b.jpg","SLAO18juil04407.jpg","SLAO18juil04408.jpg"]; 
var alien=""; var clien=""; var blien='title="Vol libre"'; 
var nbi=Math.round(Math.random()*(hg_images.length-1)); 
if (nbi<1) { alien = '<a href="http://www.millenniumartgallery.com/a/epetherick">'; 
blien = 'title="Click to see more of Enid\'s paintings!\nPour voir d\'autres peintures d\'Enid."'; clien = '</a>'; }

sceneVL='<h3 class="fr">Vol libre</h3>'+alien+'<img class="encastrer" src="images-gen/'+hg_images[nbi]+'" align="right" width="200" height="150" vspace="10" hspace="10" alt="Vol libre" '+blien+'>'+clien+'<p class="fr">Quel sport extraordinaire que de voler librement sous des ailes surtout faites de tissus et de planer comme les plus grands oiseaux. Et ce sport se consolide bien au cours des ans. Un bon entra&icirc;nement, l\'&eacute;quipement qui se perfectionne et une meilleure compr&eacute;hension de l\'atmosph&egrave;re contribuent &agrave; r&eacute;duire les risques inh&eacute;rents au vol. Une pr&eacute;paration approfondie am&eacute;liore les vols et augmente le plaisir. Apprenez-en toujours. Visitez le site internet du <a href="http://sergewebservice.ca/seven/seven_fr.html" class="txt">vol libre au mont Seven</a> &agrave; Golden, Colombie-Britannique (Canada).</p><p>Les initi&eacute;s peuvent consulter mes petits <a href="http://sergewebservice.ca/seven/mesdistances.html" class="txt">vols de distances</a> de ces derni&egrave;res ann&eacute;es.</p>'; 

alien=clien=""; blien='title="Hang gliding"'; 
nbi=Math.round(Math.random()*(hg_images.length-1)); 
if (nbi<1) { alien = '<a href="http://www.millenniumartgallery.com/a/epetherick">'; 
blien = 'title="Click to see more of Enid\'s paintings!\nPour voir des peintures d\'Enid."'; clien = '</a>'; } 

sceneHG='<h3 class="en">Free flight</h3>'+alien+'<img class="encastrer" src="images-gen/'+hg_images[nbi]+'" align="right" width="200" height="150" vspace="10" hspace="10" alt="Hang gliding\nVol libre" '+blien+'>'+clien+'<p class="en">What an extraordinary sport it is to fly freely under wings made mostly of fabric and soar like the largest birds. And this sport steadily consolidates along the years. Good training, the improving equipment and a better understanding of the atmosphere all contribute to reduce the inherent risks of flying. An extensive preparation improves the flights and increases the enjoyment. Always learn. Visit the <a href="http://sergewebservice.ca/seven/seven.html" class="txt">mount Seven</a> website of hang gliding and paragliding in Golden, British Columbia, Canada.</p>'; 

sceneJG='<h3 class="fr">Jeux gentils</h3><p class="fr">Jouez avec deux variantes interactives gentilles du jeu de labyrinthe:</p><p class="fr"><img src="images-gen/jeus2.gif" align="left" width="25" height="25" hspace="3" alt="souris un">  <img src="images-gen/jeus3.gif" align="left" width="25" height="25" hspace="3" alt="souris deux"> Des souris blanches se sont &eacute;chapp&eacute;es et errent sur le plancher carrel&eacute; du labo. <a href="http://sergewebservice.ca/ancien/labyrinthe.html" class="txt">R&eacute;cup&eacute;rez les souris</a> s&eacute;curitairement en guidant une ou deux de celles-ci vers une cage afin de continuer les exp&eacute;riences.</p><p class="fr"><img src="images-gen/jeu-ec1.gif" align="left" width="25" height="25" hspace="3" alt="chipmunk one">  <img src="images-gen/jeu-ec2.gif" align="left" width="25" height="25" hspace="3" alt="chipmunk two"> Des tamias ray&eacute;s, semblables &agrave; des &eacute;cureuils, sont tomb&eacute;s &agrave; l\'eau et se sont agripp&eacute;s &agrave; une roche. <a href="http://sergewebservice.ca/ancien/labyrinthe-ec.html" class="txt">Sauvez les &eacute;cureuils</a> en lan&ccedil;ant d\'autres roches pour former une voie vers la berge.</p>'; 

sceneKG='<h3 class="en">Kind games</h3><p class="en">Play with two kind interactive variations of the labyrinth game: </p><p><img src="images-gen/jeus2.gif" align="left" width="25" height="25" hspace="3" alt="mouse one">  <img src="images-gen/jeus3.gif" align="left" width="25" height="25" hspace="3" alt="mouse two">In <a href="http://sergewebservice.ca/ancien/labyrinth.html" class="txt">Recuperate the mice</a>, white mice escaped and roam freely on the tiled floor of the lab. You have to safely guide one or both of these mice toward a trap so that the experiments continue. </p><p class="en"><img src="images-gen/jeu-ec1.gif" align="left" width="25" height="25" hspace="3" alt="chipmunk one">  <img src="images-gen/jeu-ec2.gif" align="left" width="25" height="25" hspace="3" alt="chipmunk two"> In <a href="http://sergewebservice.ca/ancien/labyrinth-ec.html" class="txt">Save the squirrels</a>, one or both of these two chipmunks were thrown in the water and fortunately grasped a rock. Try to liberate one or both by throwing other rocks to give them a path to shore.</p>'; 

scenePA='<h3 class="fr">Papillon</h3><img class="encastrer" src="images-gen/GPsept0331coliade-butine_f2o.jpg" align="right" width="165" height="100" hspace="10" vspace="10" alt="Coliade butine"><p class="fr">Si vous utilisez un navigateur r&eacute;cent, un coliade commun, un papillon que l\'on retrouve entre autre dans les rocheuses, devrait voler au-dessus de mon <a href="http://sergewebservice.ca/ancien/index.html" class="txt">ancien portique</a>. <br>La larve se nourrit de bleuets. L\'&eacute;t&eacute; &eacute;tait sec en 2003 et on en voyait partout en ao&ucirc;t et septembre. Ils se posent bri&egrave;vement sur les plantes basses et butinent leurs fleurs et les sucs. On peut les voir virevolter verticalement par paires, jusqu\'&agrave; 5 m&egrave;tres. Leurs couleurs varient quelque peu et les m&acirc;les ont le bord des ailes plus fonc&eacute; (souvent noir). Contrairement &agrave; mon animation, ils gardent leurs ailes ferm&eacute;es, une fois pos&eacute;s.<br>Autres informations au site internet du <a href="http://www.cbif.gc.ca/spp_pages/butterflies/geography_f.php" class="txt">syst&egrave;me canadien d\'information sur la biodiversit&eacute;</a> dans "Cordill&egrave;re".</p><p>Photo: &copy; G. Pezderic.</p>'; 

sceneBU='<h3 class="en">Butterfly</h3><img class="encastrer" src="images-gen/GPseqcoliade2-003_f2o.jpg" align="right" width="165" height="100" hspace="10" vspace="10" alt="Colidne flies to next flower"><p class="en">If you are using a recent browser, a Colidne Sulfur, a butterfly found in the Rockies among other places, should be flying above my <a href="http://sergewebservice.ca/ancien/index.html" class="txt">former entrance page</a>. <br>The larva feeds on blueberries. Summer was dry in 2003 and we did see them everywhere in August and September. They alight briefly on low plants to feed on their flowers\' nectars and on their juices. Pairs are seen twirling around vertically, up to 5 meters. There are variations of colors among them and the males wings have darker edges (often black). Contrary to my animation, they keep their wings closed, once alight.<br>Other infos at the <a href="http://www.cbif.gc.ca/spp_pages/butterflies/geography_e.php" class="txt">Canadian Biodiversity Information Facility</a> website in "Cordillera".</p><p>Photo: &copy; G. Pezderic.</p>'; 

sceneSI='<h3 class="fr">Services abordables pour sites internets <br><br>&rarr; <a href="http://sergewebservice.ca/" class="txt">site commercial</a></h3><p class="fr"><img src="images-gen/chermonde.gif" align="left" width="80" height="80" vspace="10" hspace="10" alt="Connectez avec le monde">Services internets pour individus, organisations, petits ou grands commer&ccedil;ants ayant besoin de solutions simples et abordables. Bien s&ucirc;r, les clients qui demandent des solutions complexes et dispendieuses sont tout aussi bienvenus. Prenant soin de produire sites et interactivit&eacute;s les plus universels. Peut ajouter aux sites existants. Service personnel. HTML, CSS, Javascripts, images, animations, PERL et PHP.</p><p class="fr">Javascript est le langage de programmation pour sites internets. Il permet de produire des pages interactives efficaces. Les changements d\'images, de textes et le coliade sont des exemples d\'encodages javascripts. Les donn&eacute;es, qu\'elles soient des nombres, du texte ou des images peuvent &ecirc;tre trait&eacute;es joliment avec du javascript. Votre site internet pourrait probablement s\'am&eacute;liorer avec l\'aide d\'automatismes javascripts. J\'en produit sur demande (&agrave; tarif modeste).</p><p class="fr">Les navigateurs r&eacute;cents permettent de nouveaux effets. Il est possible d\'&ecirc;tre cr&eacute;atif et original. Des effets pratiques, utiles ou simplement d&eacute;coratifs se trouvent partout dans les autres sections de mon site internet. L\'organigramme pr&eacute;sente une liste presque exhaustive des pages. Voyez mon <a href="http://sergewebservice.ca/" class="txt">site service internet</a>, visitez mon <a href="http://sergewebservice.ca/ancien/index.html" class="txt">ancien portique</a>, et la <a href="http://sergewebservice.ca/seven/seven_fr.html.html" class="txt">section vol libre</a> en particulier, pour appr&eacute;cier d\'autres exemples.</p><p class="fr">PERL et PHP, d\'autre part, sont des langages de programmations qui permettent d\'agir au niveau du serveur. Par exemple, ils permettent aux fureteurs de t&eacute;l&eacute;charger des fichiers, enregistrer des sondages, modifier des bases de donn&eacute;es.</p><p class="fr">Je fais aussi de la traduction anglaise. <br>Je cr&eacute;e ou r&eacute;nove des sites internets en produisant du code HTML et CSS satisfaisant les standards internationaux, avec ou sans effets javascripts compliqu&eacute;s.</p><p class="fr">Contactez serge_lamarche@hotmail.com pour plus de d&eacute;tails.</p><p>Faites un déclic sur "A propos de ceci" pour la politique de confidentialité et sujets reliés.</p>'; 

sceneWS='<h3 class="en">Affordable website services <br><br>&rarr; <a href="http://sergewebservice.ca/" class="txt">business website</a></h3><p class="en"><img src="images-gen/chermonde.gif" align="left" width="80" height="80" vspace="10" hspace="10" alt="Connect to the world">Website services for individuals, organizations, small or big business in need of simple affordable solutions. Of course, clients requesting complex and expensive solutions are just as welcome. Care is given to produce the most widely supported websites codes and interactivity. Can add to existing sites. Personal, reliable service. HTML, CSS, Javascripts, images, animations, PERL and PHP.</p><p class="en">Javascript is the programming language for websites. It allows production of efficient interactive pages. Images and texts changes, and the colidne are examples of javascripts encodings. Data, be it numbers, texts or images can be handled nicely with javascript. Your website could probably be improved with javascript automatisms. I produce them on request (for a modest fee). </p><p class="en">Recent browsers allow for new effects. It\'s possible to be creative and original. Practical, useful or simply decorative effects are found all over the other sections of my website. The site map present an almost exhaustive list. Go to my <a href="http://sergewebservice.ca/" class="txt">business website</a>, visit my <a href="http://sergewebservice.ca/ancien/index.html" class="txt">former entrance page</a>, and the section about <a href="http://sergewebservice.ca/seven/seven.html" class="txt">free flight</a> in particular, and enjoy more examples.</p><p class="en">PERL and PHP, on the other side, are programming languages that allow actions at the server. For example, they allows browsers to upload files, record polls or surveys, modify databases.</p><p class="en">I also do french translations. <br>I create or renovate websites by producing HTML and CSS according to international standards, with or without complicated javascript effects.</p><p class="en">Contact serge_lamarche@hotmail.com for more details.</p><p>Click on "About this" for privacy policy and related informations.</p>'; 

sceneM3='<h3 class="fr">Monde en trois dimensions</h3><img class="encastrer" src="images-gen/atmoterrelunesoleil.jpg" align="right" width="200" height="150" vspace="10" hspace="10" alt="Monde Atmo"><p class="fr">Si vous avez un ordinateur Window et n\'avez pas peur d\'ajouter un autre logiciel, vous pouvez voir mon petit <a href="http://www.angelfire.com/falcon/serge_la/mondes/terrelune.aer" class="txt">syst&egrave;me terrestre</a> b&acirc;ti avec le logiciel tridimensionnel Atmosph&egrave;re. Joli petit syst&egrave;me qui montre la Terre et sa lune &agrave; l\'&eacute;chelle i.e. distances et grandeurs. Les rotations sont rendues plus rapides mais quand m&ecirc;me &agrave; l\'&eacute;chelle.</p><p class="fr">Le logiciel <a href="http://gd.tuwien.ac.at/pc/atmosphere/win/2.x/AtmospherePlayer216.exe" class="txt">Atmosphere</a>, abandonné par les soci&eacute;t&eacute;s commerciales Viewpoint et Adobe, est encore disponible à l\'université technologique de Vienne. Je pourrais aussi l\'envoyer par courriel.</p>'; 

scene3W='<h3 class="en">Three-dimensional world</h3><img class="encastrer" src="images-gen/atmoterrelunesoleil.jpg" align="right" width="200" height="150" vspace="10" hspace="10" alt="Atmo World"><p class="en">If you have a Window computer and are not afraid to add another software, you can see my little <a href="http://www.angelfire.com/falcon/serge_la/mondes/terrelune.aer" class="txt">Earth system</a> built with the three-dimensional software Atmosphere. Nice little system that shows Earth and its moon to scale i.e. distances and sizes. Rotations are rendered faster but still to scale.</p><p class="en">The <a href="http://gd.tuwien.ac.at/pc/atmosphere/win/2.x/AtmospherePlayer216.exe" class="txt">Atmosphere</a> player was abandonned by Viewpoint and Adobe corporations, but is still available from the Vienna University of Technology. I could also email it.</p>'; 

sceneAS='<h3 class="fr">Animation saisonni&egrave;re</h3><p class="fr">Voyez la <a href="http://www.angelfire.com/falcon/serge_la/animation-atmo-af.html" class="txt">version anim&eacute;e</a> du "monde" tridimensionnel comme &agrave; droite. Une courte animation qui devrait fonctionner sur tous les navigateurs.</p><img id="imagea" class="encastrer" src="images-gen/saison1.jpg" align="right" width="240" height="180" vspace="10" hspace="10" alt="seasonal 3D image saisonni&egrave;re"><p class="fr"><u>Avertissement</u>: cette animation fait de <u>1 &agrave; 5 Moctets</u>. Une connexion rapide est recommand&eacute;e ou le chargement sera long.</p>'; 

sceneSA='<h3 class="en">Seasonal animation</h3><p class="en">See the <a href="http://www.angelfire.com/falcon/serge_la/animation-atmo-af.html" class="txt">animated version</a> of the 3D "world" like beside. A short animation that should work on any browser.</p><img id="imagea" class="encastrer" src="images-gen/saison1.jpg" align="right" width="240" height="180" vspace="10" hspace="10" alt="seasonal 3D image saisonni&egrave;re"><p class="en"><u>Size warning</u>: this animation file takes <u>1 to 5 Mbytes</u>. A fast connection is recommended or the loading will be long.</p>'; 

sceneAT='<a href="javascript:prechargeT(61); filmT(61,1000);" onMouseOver="document.images[\'imageT\'].src=JSanimT0.src;"><img class="encastrer" name="imageT" id="imageT" src="AnimT/Terre0000.gif" align="right" width="132" height="99" alt="Mon chez-moi nordique. (animation)" title="My northern home. \nMon chez-moi nordique."></a><h3 class="en">Earth from space</h3><p class="en">With the help of a sophisticated 3D software, I was able to produce this view of the Earth from space. A small size was chosen to minimise the site\'s traffic but the image could be made larger eventually. We gradually get closer until we arrive right above Golden and Nicholson, in the canadian rockies.</p><p class="en">Click on the image to load and play animation. Whole Earth mercator image courtesy of NASA. Satellite close-up courtesy of GeoBase®, Canada.</p><h3 class="fr">La Terre de l\'espace</h3><p class="fr">A l\'aide d\'un logiciel 3D sophistiqu&eacute;, j\'ai pu produire cette vue de la Terre de l\'espace. Un petit format fut choisi pour r&eacute;duire le trafic du site mais l\'image pourrait &ecirc;tre plus grande &eacute;ventuellement. On se rapproche graduellement jusqu\'&agrave; arriver au dessus de Golden et Nicholson, dans les rocheuses canadiennes.</p><p class="fr">Un déclic sur l\'image charge et joue l\'animation. Image mercator de la Terre gracieuset&eacute; de la NASA. Image satellite rapproch&eacute;e gracieuset&eacute; de G&eacute;oBase®, Canada.</p>'; 
//G&eacute;oBase®, Canada GeoBase®, Canada

sceneCG='<p><span class="bi">Codes sources</span><span class="en">, design by </span><span class="fr">, conception par </span><span class="bi">Serge Lamarche </span><span class="en">at </span><span class="fr">&agrave; </span><span class="bi">serge_lamarche@hotmail.com &amp; serge_lamarche@yahoo.ca </span></p><p><span class="en">Privacy policy: All information obtained is kept private, will never be passed to other parties and will never be used for spams, of course. Clients and friends may request their informations to check for accuracy and/or update it. <br>Problem with spams: Many spammers imitate legitimate emails including mine (my hotmail was spoofed). Be careful. If you suspect an email is not coming from me, confirm it by contacting me safely via the feedback page: "Your comments". <br></span><span class="fr">Politique de confidentialité: Toute information obtenue est gardée secrète, ne sera jamais partagée et ne sera jamais utilisée pour envoyer des spams (pourriels), évidemment. Clients et amis peuvent demander leurs informations pour s\'assurer de leur justesse et/ou les mettre à jour. <br>Problème avec les spams: Plusieurs publicitaires et infecteurs imitent les courriels l&eacute;gitimes incluant le mien (mon hotmail fut imité). Soyez prudent. Si vous croyez qu\'un courriel ne provient pas de moi, confirmez-le en me contactant en toute s&eacute;curit&eacute; via la page feed-back: "Vos commentaires". </span></p><p><span class="en">Affordable internet services. </span><span class="fr">Services internets abordables. </span></p><p><span class="fr">La plupart des images ouvrag&eacute;es &agrave; l\'aide de logiciels Adobe. </span><span class="langsep"><br></span><span class="en">Most images worked using Adobe softwares.</span></p><p><span class="fr"><a href="http://lois.justice.gc.ca/fr/showtdm/cs/C-42" class="txt" title="Lien vers la loi des droits d\'auteurs">Droits d\'auteurs </a></span><span class="en"><a href="http://lois.justice.gc.ca/en/showtdm/cs/C-42" class="txt" title="Link toward copyrights law">Copyrights </a></span><span class="bi">2000 - 2009 &copy; Serge Lamarche </span></p><p><span class="bi">Golden, </span><span class="fr">Colombie-Britannique, </span><span class="bi">Canada. </span></p> <p><a href="http://gameknot.com/?rfr=serge_la"><img border="0" align="right" width="88" height="31" src="http://gameknot.com/img/gk_icon2.gif" alt="Play chess online. Jouer aux échecs en ligne"></a><span class="en">Play chess with me online. I am registered as serge_la. </span><br><span class="fr">Jouez aux échecs avec moi en ligne. Je suis inscrit sous l\'alias serge_la. </span></p>'; 

//fonctions de base:

//ajuste grandeur textes selon grandeur écran: 
function ajuste() { ; 
if (!document.styleSheets||!document.getElementById||!document.body.clientWidth) return; 
if (document.body.clientWidth>900) return; 
var pasfirefox = fureteur(); pasfirefox = (pasfirefox!="firefox"); 
for (var i=0;i<document.styleSheets.length;i++) { 
var chg = document.styleSheets[i]; 
if (chg.insertRule&&pasfirefox) { chg.insertRule('h1, h2 {font-size: 16px; margin: 5px; }', chg.cssRules.length); chg.insertRule('div.scene, div.explications p, div.explications h3 {font-size: 12px; line-height: 14px; font-family: comic sans ms, arial, helvetica; }', chg.cssRules.length); chg.insertRule('td.navtop {font-size: 12px; line-height: 18px; }', chg.cssRules.length); } // plusieurs changements de css fait capoter firefox
else if (chg.addRule) { chg.addRule('div.scene', 'font-size: 12px; line-height: 14px; font-family: comic sans ms, arial, helvetica; '); chg.addRule('div.explications p', 'font-size: 12px; line-height: 14px; font-family: comic sans ms, arial, helvetica; '); chg.addRule('h1', 'font-size: 20px; margin: 5px 15%; padding: 5px; '); chg.addRule('h2', 'font-size: 14px;'); chg.addRule('div.explications h3', 'font-size: 12px; line-height: 14px; font-family: comic sans ms, arial, helvetica; '); chg.addRule('td.navtop', 'font-size: 12px; line-height: 16px;'); }; }; }; // petite différence sur IE. 


function litbiscuitindex2() { if (!document.cookie||!document.styleSheets) return; 
var cssindex2 = document.cookie.search(/cssindex2=/); if (cssindex2!=-1) { 
cssindex2=document.cookie.substr(10+cssindex2,1); chgcss(cssindex2); }; }
function metbiscuitindex2(lecss) { var echu=new Date(); 
echu.setTime(echu.getTime()+1000*60*60*24*7*52); //réinitialise pour un an
document.cookie="cssindex2="+lecss+"; expires="+echu; }

// (C) 2003 - 2009 Serge Lamarche
// http://sergewebservice.ca/
// All codes copyrights Serge Lamarche, any reproduction and 
// use strictly forbidden without written consent.
// Tous les codes droits d'auteurs Serge Lamarche, toute reproduction et 
// utilisation est strictement interdite sans autorisation écrite.
// Contact: info@sergewebservice.ca, sergewebservice@yahoo.ca or/ou serge_lamarche@hotmail.com 
// ...for help with your website. Reliable, inexpensive website service. Thanks.
// ...pour de l'aide avec votre site. Service internet abordable et professionnel. Merci. 
