Bulles d'informations sur une visionneuse

Bonjour,

Je suis actuellement entrain de développer un site, et j'ai créer une visionneuse d'images, je voudrai qu'une bulle d'infos spécifique à chaque image apparaissent au clique de la souris, et que l'image s'agrandissent au même moment en laissant le site en arrière plan.

Voici le script javascript

<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
var bauto = 0;
var dossier="images/";
var numero = 1;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("bulbes1.jpg", "bulbes2.jpg", "engrais1.jpg", "engrais2.gif", "mulch1.jpg");
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length; 
document.image.src = dossier+nom[numero];
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
document.vision.automat.value=" Lect/Stop "; 
} 
else {
bauto =0; initial();
document.vision.automat.value=" Lect/Auto ";
}
}
//-->
</script>

et le code Html

<form name="vision">
<div align="center"> 
<input type="button" name="precedent" value="Précédente" onClick="precedente();">
&nbsp;&nbsp;&nbsp; 
<input type="button" name="suivant" value=" Suivante " onClick="suivante();">
&nbsp;&nbsp;&nbsp; 
<input type="button" name="automat" value=" Lect/Auto "onClick="auto();">
</div>
</form>
<div align="center">&nbsp;<img src="images/bulbes1.jpg" width="200" height="194" name="image" title="Pour plus d'informations, cliquer sur l'image"></div>

je privilégie les solutions en javascript et sans base de données

merci d'avance