// JavaScript Document


function likePng(img){
				var imgID = (img.id) ? "id='" + img.id + "' " : ""
                 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
				
                 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
                 var imgStyle = "display:block" + img.style.cssText 
              /* if (img.align == "left") imgStyle = "float:left;" + imgStyle
                 if (img.align == "right") imgStyle = "float:right;" + imgStyle 
                 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle	*/				 
				 if(img.img1!=null){
					
					imgClick=" onmouseover=\"diapo_txt('"+img.img1+"');affichagep('"+img.text1+"')\"";
					//imgClick=" onclick=\"alert('')\"";
				 }
				 else{
//					 imgClick="";
 					imgClick=" onmouseover=\"diapo_txt('"+img.img1+"');affichagep('"+img.text1+"')\"";

				 }
                 var strNewHTML = "<span " + imgID + imgClass + imgTitle + imgClick 
                 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
             + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                 + "(src=\'" + img.src + "\', sizingMethod='crop');\"></span>" 
                 img.outerHTML = strNewHTML	
}

function diapo_txt(nom){
mypic = document.getElementById('photo');
picStyle = mypic.style;
mydiv = mypic.parentNode;
//mydiv.removeChild(mypic);
newpic = document.createElement("img");
newpic.setAttribute("name","photo");
newpic.setAttribute("id","photo");
newpic.setAttribute("style",picStyle);
newpic.setAttribute("src","images/"+nom+".png");
if(document.all){
	newpic.setAttribute("width",330);
	newpic.setAttribute("height",283);
}

mydiv.replaceChild(newpic, mypic);
switch(nom){
	case "a-gran": legende="legende1";break;
	case "b-gran": legende="legende2";break;
	case "c-gran": legende="legende3";break;
	case "d-gran": legende="legende4";break;
	case "e-gran": legende="legende5";break;
	case "f-gran": legende="legende6";break;
	case "g-gran": legende="legende7";break;
	case "h-gran": legende="legende8";break;
	case "1-gran": legende="legende9";break;
	case "2-gran": legende="legende10";break;
	case "3-gran": legende="legende11";break;
	case "4-gran": legende="legende12";break;
	case "5-gran": legende="legende13";break;
	case "6-gran": legende="legende14";break;
	case "7-gran": legende="legende15";break;
}

affichagep(legende);
likePng(document.getElementById('photo'));

}


function affichagep(divtexte){
 
    var nb=30; // nombres d'éléments
    var nom="legende"; //nom générique des éléments à afficher
    var tableau = new Array();
   
    for(i=0;i<nb;i++)
    {
        tableau[i]=nom+i;
       dv =document.getElementById(tableau[i]);
	  
        if(dv!=null) dv.style.display='none';
		
    }
	
    document.getElementById(divtexte).style.display='block';
	
}