/* ******************************************** 
 Sujet : 	Gestion du clavier : page ayant l'apparence d'un clavier
 Auteur	:	CONRAD Damien
 Propriété :	Amis de l'Orgueue de Vendée
********************************************** */

var winCompo;
var dessus=true;
function afficher(obj) {
	var x = (navi) ? document.images : document.all;
	var cache = (navi) ? 'hide' : 'hidden';
	var visible = (navi) ? 'show' : 'visible';
	var caract = 'resizable=yes,width=320,height=' 
	if (navi) {
		if (obj.affiche) {
			x[obj.photo].src=obj.Ichemin;
			x[obj.photo].style.visibility=visible;
			if (obj.hS<300) caract += obj.hS;
			else caract += '280,scrollbars=yes';
			winCompo = window.open(obj.Schemin,'winCompo',caract);
			winCompo.focus();
		}
		else {
			winCompo.close();
			x[obj.photo].style.visibility=cache;
		}
	}
	else {
		if (obj.affiche) {
		x[obj.photo].src=obj.Ichemin;
		x[obj.photo].style.visibility=visible;
		x[obj.registre].height=obj.hregistre;
		}
		else {
		x[obj.photo].style.visibility=cache;
		x[obj.registre].height=25;
		}
	}
obj.affiche = ! obj.affiche;
}

function clavier(Qui,Couleur) {

	var action = 'afficher(' + Qui.nom + ')';
	var lien = '<a href="Orgues/' + Qui.nom + '.htm" title="Plus d\'informations : lien vers une page dédiée" onmousedown="this.borderStyle=\'inset\';" onmouseout="this.borderStyle=\'outset\';" class="lien">Plus</a>'; 
	var disque = '&nbsp;<a href="Disque1.htm" alt="discographie"><img src="Images/Cd.gif"/></a>';

	var t ='<tr class="OrgueOut" onclick="if(dessus) '+ action + '" onmouseover="if(dessus) this.className=\'OrgueOver\';" onmouseout="this.className=\'OrgueOut\';">';
	t += '<td class="planche" rowspan="2" valign="top" onmouseover="dessus=false;" onmouseout="dessus=true;" style="cursor:default;padding-top:10px;">'+ lien + Qui.claviers;
	t += Qui.disque ? disque : '';
	t += '<br><img class="vignette" src="Styles/Invisible.gif" name="' + Qui.photo + '"></td>';
	t += '<td class="planche" valign="top" height="44" rowspan="2">';
	t += '<nobr><span class="tirrette">' + Qui.nom + '</span><img src="Images/Jeu.gif" class="jeu" align="absmiddle"></nobr></td>';
	if (Couleur) {
		t += '<td class="noire">' + Qui.facteur + '</td>';
		t += '<td class="touche2">&nbsp;</td>';
	}
	else {
		t += '<td class="blanc" style="border-left-width:3px;border-left-style:solid;border-left-color:#e00000">' + Qui.facteur + '</td>';
		t += '<td class="blanc" width="24">&nbsp;</td>';
	}
	t += '<td width="100" class="blanc">' + Qui.annee + '</td><td background="Images/ToucheDebut.gif">&nbsp;</td><td class="planche">&nbsp;</td>';
	t += '</tr><tr><td class="objet" colspan="3" style="border-left-width:3px;border-left-style:solid;border-left-color:#e00000;background-color:white">';
	t += (navi) ? '&nbsp;' : '<object id="' + Qui.registre + '" height="10" type="text/x-scriptlet" data="' + Qui.Schemin + '"></object>';
	t += '</td><td background="Images/ToucheDebut2.gif">&nbsp;</td><td class="planche">&nbsp;</td></tr>';
	document.write(t);
}

function tableau2() {
	var t="<table>";
	for(i=0;i<tableorg2.length;i++) {
		t+="<tr><td>"+tableorg2[i].nom+"</td><td>"+tableorg2[i].facteur+"</td><td>"+tableorg2[i].annee+"</td></tr>";
	}
	t += "</table>";
	document.write(t);
}