// JavaScript Document
// DECORATION QUADRILLEE SUR PAGES TRAVAUX

function travaux_decoration_quadrillee(rang_onglet_actif) { 

image_src="'images/travaux/reparation-beton-ascD-4-1.JPG'";
if (rang_onglet_actif == 1) image_src="'images/travaux/2004-09-10_chaudieres-2.jpg'";
if (rang_onglet_actif == 2) image_src="'images/travaux/postelmans-apres-1.JPG'";
if (rang_onglet_actif == 3) image_src="'images/travaux/couvre-mur-ciel-1.JPG'";
if (rang_onglet_actif == 4) image_src="'images/travaux/reparation-beton-boucle-16-1.JPG'";
if (rang_onglet_actif == 5) image_src="'http://i13.servimg.com/u/f13/11/17/03/55/escali11.jpg'";
if (rang_onglet_actif == 6) image_src="'images/travaux/effet-pluie-02-1.JPG'";

document.write("<style type=\"text/css\">");
document.write("hr {border:0; background-color:#40ff00; color:#40ff00; height:1px; width:18%;} ");
document.write(".cadre_quadrille{border-style:solid;border-width:0.01em;padding-top:0.5%;padding-bottom:0.5%;width:5%;} ");
document.write(".fond_quadrille_couleur {background-color:#0000ff; width:18%; display:block; cursor:pointer;} ");
document.write(".fond_quadrille_transparent {background-color:transparent;width:18%; display:block; cursor:pointer;} ");
document.write('</style>');

// <!-- lignes horizontales -->
document.write("<hr style=\"position:absolute; top:34%; left:70%;\" /> "); 
document.write("<hr style=\"position:absolute; top:38%; left:70%;\" /> "); 
document.write("<hr style=\"position:absolute; top:42%; left:70%;\" /> "); 
document.write("<hr style=\"position:absolute; top:46%; left:70%;\" /> "); 
document.write("<hr style=\"position:absolute; top:50%; left:70%;\" /> "); 
document.write("<hr style=\"position:absolute; top:54%; left:70%;\" /> "); 

// <!-- lignes verticales -->

document.write("<span class=\"cadre_quadrille\" style=\"position:absolute; top:26%; left:75%; ");
document.write("border-top-color:#0040ff; border-bottom-color:#0040ff; border-left-width:0.01em; border-left-color:#40ff00; "); 
document.write("border-right-width:0.01em; border-right-color:#40ff00; ");
document.write("padding-top:22%; padding-bottom:5%; width:4%\"> ");
document.write("</span>");


// <!-- textes sur "quadrillé" -->

//<!-- "photos" en dégradé de couleurs -->
document.write("<div style=\"position:absolute;top:28%;left:75%;\"> ");
document.write("<script type=\"text/javascript\" src=\"photos-degrade-couleurs.js\"> ");
document.write("</script>");
document.write("<script type=\"text/javascript\"> ");
document.write("Degrade(255,255,0,0,255,255,\"photos\"); ");
document.write("</script>"); 
document.write("</div>");

// <!-- les chaudières -->
document.write("<a href=\"travaux-chaudiere.htm\" style=\"position:absolute; top:32%; left:70%; color:#ff00ff;\" "); 
document.write("onmouseover=\"document.image.src='images/travaux/2004-09-10_chaudieres-2.jpg'; this.className='fond_quadrille_couleur'\" ");
document.write("onmouseout=\"document.image.src="+image_src+"; this.className='fond_quadrille_transparent'\">les chaudi&egrave;res ");
document.write("</a>");

// <!-- les escaliers -->
document.write("<div style=\"position:absolute; top:36%; left:70%; width:18%;\" ");
document.write("<a href=\"travaux-escaliers.htm\" "); 
document.write("onmouseover=\"document.image.src='images/travaux/postelmans-apres-1.JPG'; this.className='fond_quadrille_couleur'\" ");
document.write("onmouseout=\"document.image.src="+image_src+"; this.className='fond_quadrille_transparent'\"><span style=\"margin-left:3em;color:#00ffff;\">Les escaliers</span> ");
document.write("</a> ");
document.write("</div>");

// <!-- sols & murs -->
document.write("<div style=\"position:absolute; top:40%; left:70%; width:18%;\" ");
document.write("<a href=\"travaux-sols-murs.htm\" ");
document.write("onmouseover=\"document.image.src='images/travaux/couvre-mur-ciel-1.JPG'; this.className='fond_quadrille_couleur'\" ");
document.write("onmouseout=\"document.image.src="+image_src+"; this.className='fond_quadrille_transparent'\"><span style=\"margin-left:6em;color:yellow;\">Sols &amp; murs</span> ");
document.write("</a> ");
document.write("</div>");

// <!-- les bétons -->
document.write("<div style=\"position:absolute; top:44%; left:70%; width:18%;\" "); 
document.write("<a href=\"travaux-betons.htm\" ");
document.write("onmouseover=\"document.image.src='images/travaux/reparation-beton-boucle-16-1.JPG'; this.className='fond_quadrille_couleur'\" ");
document.write("onmouseout=\"document.image.src="+image_src+"; this.className='fond_quadrille_transparent'\"><span style=\"margin-left:4em;\">Les bétons</span> ");
document.write("</a> ");
document.write("</div>");

// <!-- la commune -->
document.write("<div style=\"position:absolute; top:48%; left:70%; width:18%;\" ");
document.write("<a href=\"travaux-commune.htm\" ");
document.write("onmouseover=\"document.image.src='http://i13.servimg.com/u/f13/11/17/03/55/escali11.jpg'; this.className='fond_quadrille_couleur'\" ");
document.write("onmouseout=\"document.image.src="+image_src+"; this.className='fond_quadrille_transparent'\"><span style=\"margin-left:2em;color:#00ffff;\">La Commune</span> ");
document.write("</a>");
document.write("</div>");

// <!-- effets de pluie -->
document.write("<a href=\"travaux-effets-puie.htm\" style=\"position:absolute; top:52%;left:70%; width:18%; color:#ff00ff;\" ");
document.write("onmouseover=\"document.image.src='images/travaux/effet-pluie-02-1.JPG'; this.className='fond_quadrille_couleur'\" ");
document.write("onmouseout=\"document.image.src="+image_src+"; this.className='fond_quadrille_transparent'\"><span style=\"margin-left:8em;\">Effets de pluie</span> ");
document.write("</a>");

// <!-- "photos" en dégradé de couleurs -->
document.write("<div style=\"position:absolute;top:56%;left:75%\"> ");
document.write("<script type=\"text/javascript\" "); 
document.write("src=\"photos-degrade-couleurs.js\"> ");
document.write("</script>");
document.write("<script type=\"text/javascript\"> ");
document.write("Degrade(255,255,0,0,255,255,\"photos\"); ");
document.write("</script>"); 
document.write("</div>");
}