
if (document.images) {

	img= new Image(57 ,25); img.src = "../images/tuto/photoshop/help.gif";
	img= new Image(57 ,50); img.src = "../images/tuto/photoshop/deplacement.gif";
	img= new Image(58 ,50); img.src = "../images/tuto/photoshop/baguette.gif";
	img= new Image(236 ,92); img.src = "../images/tuto/photoshop/tranches.gif";
	img= new Image(171 ,95); img.src = "../images/tuto/photoshop/pinceau.gif";
	img= new Image(251 ,95); img.src = "../images/tuto/photoshop/formehistorique.gif";
	img= new Image(195 ,95); img.src = "../images/tuto/photoshop/degrade.gif";
	img= new Image(173 ,125); img.src = "../images/tuto/photoshop/densite.gif";
	img= new Image(251 ,133); img.src = "../images/tuto/photoshop/texte.gif";
	img= new Image(243 ,173); img.src = "../images/tuto/photoshop/formes.gif";
	img= new Image(58 ,50); img.src = "../images/tuto/photoshop/loupe.gif";
	img= new Image(46 ,43); img.src = "../images/tuto/photoshop/couleurs.gif";
	img= new Image(58 ,24); img.src = "../images/tuto/photoshop/modemasque.gif";
	img= new Image(57 ,22); img.src = "../images/tuto/photoshop/imageready.gif";
	img= new Image(268 ,129); img.src = "../images/tuto/photoshop/rectangleselection.gif";
	img= new Image(204 ,109); img.src = "../images/tuto/photoshop/lasso.gif";
	img= new Image(58 ,49); img.src = "../images/tuto/photoshop/recadrage.gif";
	img= new Image(171 ,94); img.src = "../images/tuto/photoshop/piece.gif";
	img= new Image(251 ,98); img.src = "../images/tuto/photoshop/tampon.gif";
	img= new Image(220 ,114); img.src = "../images/tuto/photoshop/gomme.gif";
	img= new Image(182 ,115); img.src = "../images/tuto/photoshop/goutteeau.gif";
	img= new Image(204 ,96); img.src = "../images/tuto/photoshop/selectiontrace.gif";
	img= new Image(257 ,146); img.src = "../images/tuto/photoshop/plume.gif";
	img= new Image(227 ,94); img.src = "../images/tuto/photoshop/annotations.gif";
	img= new Image(58 ,50); img.src = "../images/tuto/photoshop/main.gif";
	img= new Image(58 ,22); img.src = "../images/tuto/photoshop/affichagefenetres.gif";

}


function Palette(NomOutil,ImgPath) {

//alert('outil='+NomOutil+" ImgPath="+ImgPath);

ImgPalette(NomOutil,ImgPath);
TxtPalette(NomOutil);

}

function ImgPalette(NomOutil,ImgPath) {
var img="<img src=\""+ImgPath+"images/tuto/photoshop/"+NomOutil+".gif\" alt=\"\" />";
//alert('img='+img);
writit(img,"ImgPalette");
}

function TxtPalette(NomOutil) {
var titre=OutilTitre(NomOutil);
var info=OutilInfo(NomOutil);

writit(titre,"TxtPaletteTitre");
writit(info,"TxtPaletteInfo");
}

function OutilTitre(NomOutil) {
var titre="";

if (NomOutil=="help") {
	 titre="L'aide en ligne";

} else if (NomOutil=="deplacement") {
	 titre="Le déplacement";
	 
} else if (NomOutil=="baguette") {
	 titre="Baguette magique";
	 
} else if (NomOutil=="tranches") {
	 titre="Les tranches";
	 
} else if (NomOutil=="pinceau") {
	 titre="Le pinceau";
	 
} else if (NomOutil=="formehistorique") {
	 titre="La forme d'historique";
	 
} else if (NomOutil=="degrade") {
	 titre="Le dégradé";
	 
} else if (NomOutil=="densite") {
	 titre="La densité";
	 
} else if (NomOutil=="texte") {
	 titre="Le texte";
	 
} else if (NomOutil=="formes") {
	 titre="Les formes";
	 
} else if (NomOutil=="pipette") {
	 titre="La pipette";
	 
} else if (NomOutil=="loupe") {
	 titre="La loupe";
	 
} else if (NomOutil=="couleurs") {
	 titre="Les couleurs";
	 
} else if (NomOutil=="modemasque") {
	 titre="Le mode masque";

} else if (NomOutil=="imageready") {
	 titre="Bascule vers Image Ready";
	 
} else if (NomOutil=="rectangleselection") {
	 titre="Le rectangle sélection";
	 
} else if (NomOutil=="lasso") {
	 titre="Le lasso";
	 
} else if (NomOutil=="recadrage") {
	 titre="Le recadrage";
	 
} else if (NomOutil=="piece") {
	 titre="La pièce";
	 
} else if (NomOutil=="tampon") {
	 titre="Le tampon";
	 
} else if (NomOutil=="gomme") {
	 titre="La gomme";
	
} else if (NomOutil=="goutteeau") {
	 titre="La goutte d'eau";
	 
} else if (NomOutil=="selectiontrace") {
	 titre="La sélection de tracé";
	 
} else if (NomOutil=="plume") {
	 titre="La plume";
	 
} else if (NomOutil=="annotations") {
	 titre="Les annotations";
	 
} else if (NomOutil=="main") {
	 titre="La main";
	 
} else if (NomOutil=="affichagefenetres") {
	 titre="L'affichage des fenêtres";

} else {
	titre="";
}


return titre;
}

function OutilInfo(NomOutil) {
var info="";

if (NomOutil=="help") {
	 info="Envoi direct vers le site internet d'Adobe et son aide en ligne";

} else if (NomOutil=="deplacement") {
	info="Permet le déplacement de sélections, calques image et calques de texte";
	
} else if (NomOutil=="baguette") {
	 info="Sélection de zones image en fonction de leur teinte, avec ou sans tolérance d'écarts à la référence imposée";
	 
} else if (NomOutil=="tranches") {

	 info="<b>-Tranche :</b> Découpage d'une image en plusieurs sections pour permettre des réglage d'exportation web différents d'une section à l'autre<br /><br />";
	 info+="<b>-Sélection de tranche :</b> Sélection de la tranche que l'on souhaite active<br /><br />";
	 
} else if (NomOutil=="pinceau") {

	 info="<b>-Pinceau :</b> Dessin pixélisé à main levée, paramétrable (épaisseur, opacité, débit…) produisant des bords plus ou moins flous<br /><br />";
	 info+="<b>-Crayon :</b> Idem avec bords nets<br /><br />";
	 
} else if (NomOutil=="formehistorique") {

	 info="<b>-Forme d'historique :</b> Permet de dessiner et faire apparaitre un état antérieur de l'image<br /><br />";
	 info+="<b>-Forme d'historique artistique :</b> Idem permettant en plus un fondu entre deux états (antérieur et actuel) d'une image<br /><br />";

} else if (NomOutil=="degrade") {

	 info="<b>-Dégradé :</b> Réalisation de différents types de dégradé (linéaire, circulaire…) en vue du remplissage d'une zone image<br /><br />";
	 info+="<b>-Pot de peinture :</b> Remplissage d'une sélection ou d'un calque avec une couleur uniforme à définir<br /><br />";

} else if (NomOutil=="densite") {

	 info="<b>-Densité - :</b> Réduit la densité d'une zone image (taille, forme, dureté du contour paramétrables)<br /><br />";
	 info+="<b>-Densité + :</b> Augmente la densité d'une zone image (taille, forme, dureté du contour paramétrables)<br /><br />";
	 info+="<b>-Eponge :</b> Augmente ou réduit localement la saturation des couleurs<br /><br />";
	 
} else if (NomOutil=="texte") {

	 info="<b>-Texte horizontal :</b> Permet d'écrire avec une orientation horizontale<br /><br />";
	 info+="<b>-Texte vertical :</b> Idem en vertical<br /><br />";
	 info+="<b>-Masque de texte horizontal :</b> Permet l'incrustation dans du texte avec orientation horizontale<br /><br />";
	 info+="<b>-Masque de texte vertical :</b> Idem en vertical<br /><br />";
	 
} else if (NomOutil=="formes") {

	 info="<b>-Rectangle :</b> Tracé vectoriel de forme rectangulaire<br /><br />";
	 info+="<b>-Rectangle arrondi :</b> Idem avec bords arrondis (type bouton)<br /><br />";
	 info+="<b>-Ellipse :</b> Tracé vectoriel en ellispse<br /><br />";
	 info+="<b>-Polygone :</b> Tracé vectoriel polygonal avec imposition du nombre de côtés<br /><br />";
	 info+="<b>-Trait :</b> Tracé vectoriel pour traits et flèches<br /><br />";
	 info+="<b>-Forme personnalisée :</b> Sélection d'une forme de tracé vectoriel à choisir dans la palette d'options<br /><br />";
	 
} else if (NomOutil=="pipette") {

	 info="<b>-Pipette :</b> Mesure et affiche des informations et composantes colorées de l'échantillon de pixels sélectionnés<br /><br />";
	 info+="<b>-Echantillonnage de couleur :</b> Permet de poser différentes pipettes sur l'image avec affichage simultané des données lues<br /><br />";
	 info+="<b>-Mesure :</b> Permet de mesurer la distance entre deux points<br /><br />";
	 
} else if (NomOutil=="loupe") {

	 info="Modifie le rapport de grandissement de l'affichage de l'image par zooming et zooming inverse<br /><br />";
	 
} else if (NomOutil=="couleurs") {

	 info="Défini (par clic), inverse (double flèche) ou ré-initialise (petits carrés) les couleurs de premier et arrière-plan<br /><br />";
	 
} else if (NomOutil=="modemasque") {

	 info="<b>-Mode standard (gauche) :</b> Affichage des sélections de façon classique avec les outils dédiés<br /><br />";
	 info+="<b>-Mode masque (droite) :</b> Affichage et modifications des sélections avec des outils de dessin et affichage coloré<br /><br />";

} else if (NomOutil=="imageready") {

	 info="Bascule l'image et ses modifications dans Image Ready en vue d'édition web<br /><br />";
	 
} else if (NomOutil=="rectangleselection") {

	 info="<b>-Rectangle :</b> Sélection rectangulaire avec ou sans proportions imposées<br /><br />";
	 info+="<b>-Ellipse :</b> Sélection en ellipse avec ou sans contrainte de taille<br /><br />";
	 info+="<b>-Rangée :</b> Sélection en rangée de 1 pixel de haut<br /><br />";
	 info+="<b>-Colonne :</b> Sélection en colonne de 1 pixel de large<br /><br />";
	 
} else if (NomOutil=="lasso") {

	 info="<b>-Lasso  :</b> Sélection à forme libre<br /><br />";
	 info+="<b>-Lasso polygonal :</b> Sélection point par point par segments de droite<br /><br />";
	 info+="<b>-Lasso magnétique :</b> Sélection à main levée avec reconnaissance automatique du contour de la zone sélectionnée<br /><br />";
	 
} else if (NomOutil=="recadrage") {

	 info="Sélection d'une zone à recadrer avec ou sans contrainte de proportions, taille et résolution de l'image<br /><br />";
	 
} else if (NomOutil=="piece") {

	 info="<b>-Correcteur  :</b> Clônage d'une zone et sa copie avec préservation de la luminosité<br /><br />";
	 info+="<b>-Pièce :</b> Clônade d'une zone sélectionnée à la main et sa copie avec intégration de luminosité, contraste et texture<br /><br />";
	 
} else if (NomOutil=="tampon") {

	 info="<b>-Tampon de duplication  :</b> Clônage parfait d'une zone et sa copie sur une autre (bord net ou flou, taille paramétrable)<br /><br />";
	 info+="<b>-Tampon de motif :</b> Application d'un motif prédéfini ou personnalisé sur une zone image<br /><br />";
	
} else if (NomOutil=="gomme") {

	 info="<b>-Gomme  :</b> Efface plus ou moins un dessin ou un calque pour le rendre transparent<br /><br />";
	 info+="<b>-Gomme d'arrière-plan :</b> Utilisation plus sélective de la gomme sur un calque<br /><br />";
	 info+="<b>-Gomme magique :</b> Efface tous les pixels similaires à ceux sélectionnés comme référence<br /><br />";
	 
} else if (NomOutil=="goutteeau") {

	 info="<b>-Goutte d'eau  :</b> Crée un effet de flou sur une zone de l'image<br /><br />";
	 info+="<b>-Netteté :</b> Effet inverse en augmentant le microcontraste d'une zone<br /><br />";
	 info+="<b>-Doigt :</b> Adouci certaines zones d'une image en en mélangeant les couleurs localement<br /><br />";
	 
} else if (NomOutil=="selectiontrace") {

	 info="<b>-Sélection de tracé  :</b> Sélection et manipulation d'un ou plusieurs tracé(s)<br /><br />";
	 info+="<b>-Sélection directe :</b> Permet la modification d'un point de tracé<br /><br />";
	 
} else if (NomOutil=="plume") {

	 info="<b>-Plume  :</b> Réalisation de tracés rectilignes ou curvilignes convertibles en sélection<br /><br />";
	 info+="<b>-Plume libre :</b> Dessin vectoriel à main levée<br /><br />";
	 info+="<b>-Ajout de point :</b> Ajoute un point d'ancrage sur un tracé<br /><br />";
	 info+="<b>-Supprimer le point :</b> Enlève un point inutile sur un tracé<br /><br />";
	 info+="<b>-Conversion de point :</b> Converti un type de point en un autre sur un tracé composite<br /><br />";
	 
} else if (NomOutil=="annotations") {

	 info="<b>-Annotations  :</b> Affiche un \"Post-it\" d'annotation sur les images<br /><br />";
	 info+="<b>-Annotation audio :</b> Permet via un micro extérieur d'enregistrer un commentaire sonore accompagnant l'image<br /><br />";
	 
} else if (NomOutil=="main") {

	 info="Navigation sur l'image quand celle-ci est affichée à un fort rapport de grandissement<br /><br />";
	 
} else if (NomOutil=="affichagefenetres") {

	 info="<b>-Standard (gauche)  :</b> C'est le mode d'affichage par défaut de Photoshop avec fenêtres, palettes et barres d'outils<br /><br />";
	 info+="<b>-Fenêtre plein écran (milieu) :</b> Affichage de la fenêtre image en plein écran (1 seule image à la fois)<br /><br />";
	 info+="<b>-Pleine image (droite :</b> Affichage de l'image sur un fond noir et sans les outils du logiciel<br /><br />";

	 	 
} else {
	info="";
}

return info;

}


function writit(text,id) {
var x;

	if (document.getElementById)	{
	
		x = document.getElementById(id);
		x.innerHTML = '';
		x.innerHTML = text;
		
	}	else if (document.all)	{
	
		x = document.all[id];
		x.innerHTML = text;
		
	}
		
}

