Fonction onclick et JS incompatible

Bonjour,
Je suis actuellement sur un projet de création d'avatar qui fonctionne de la manière suivante : un click sur l'icone permet de faire apparaitre certaines images sur l'image de base et la validation de cette icone qui permet d'obtenir un chemin de dossiers pour l'image suivante.

Ainsi avec du php je fais reconnaitre tout les icones qui comporte le mot "neutre" et je fais apparaitre le code html suivant :

echo '<img src="', $urlphoto, '/',$FichierNeutre, '" alt="PreviewObjetSurvol" id="',$FichierNeutre,'" onmouseover="this.src=\'', $urlphoto, '/',$FichierSurvole,'\'" onmouseout="this.src=\'', $urlphoto, '/',$FichierNeutre,'\'" onclick="onclickskin(',$ImageSkin,')"/>';

En dessous, apparaît le bouton valider qui permet ainsi de définir le le chemin pour les images suivantes à choisir :

echo '<img src="img/Selection case/Bouton Valider_Etat neutre.png" border="0" name="',$NomButton,'" style="visibility:hidden" onmouseover="this.src=\'img/Selection case/Bouton Valider_Etat survole.png\'" onmouseout="this.src=\'img/Selection case/Bouton Valider_Etat neutre.png\'" onclick="clickdisplay(\'',$nomId,'\')" />';

Mes fonctions JS sont bien intégré dans la balise script et fonctionne normalement, mais quand je clique sur l'icone pour faire afficher l'image 1 sur l'image de base, et bien cela ne marche pas car ma fonction JS ne prends pas apparemment la valeur de ma variable JS "chemin"

var chemin = "";
function defchemin(dir){
chemin = chemin +"/"+dir;
}
function onclickskin(image){
document.getElementById('imgskinavatar').src='img/'+chemin+'/'+image;
}
function clickdisplay(divid){
document.getElementById(divid).style.display = 'block';
document.getElementById(divid).style.visibility = 'visible';
}

Je sais parfaitement que le code php est éxécuté avant le code Javascript, et justement, si dans le code php je fais appel à une fonction javascript qui doit prendre une valeur "chemin" en cours de route, cela doit fonctionner ou non?

Si il est catégorique que ma fonction javascript ne fonctionnera pas car le code php éxécute la fonction javascript lors de l'éxécution php, auriez vous une idée pour contourner ce problème de priorité d'éxécution?

Je dois absolument intégrer dans le onclick des icones, l'affichage des images en fonction du choix de l'utilisateur. Voilà pourquoi j'intégre cette histoire de Dossier pour naviguer dans les images.
Grosso modo, l'user choisit une peau particulière, donc mon chemin contiendra déjà le nom du dossier "Peau" et le click de l'icone provoquera l'affichage de la peau sur l'image de base avec en chemin, la valeur de ma variable javascript "chemin" qui est "Peau".

J'ai essayé de synthétiser le plus clairement possible. Je pense que vous devriez comprendre mon intention. Et je vous remercie d'avance de m'avoir lu et de m'aider à me corriger. Merci encore :)