récupérer une variable créée dans une autre fonction

Bonjour,

J'ai une fonction httpxmlrequest qui va me chercher une valeur dans une
table. Afin de pouvoir réutiliser le code au maximum je voudrais
détacher ce que je fais du résultat de l'obtention du résultat lui même...
EN gros une fonction qui fait la requête et renvoie le résultat
puis une fonction qui appelle la première et traite le résultat pour
l'afficher.
N'étant pas hyper doué en javascript (mais je progresse...) je m'arrache
les cheveux sur le code suivant:

function trim(str) {
return str.replace(/(^\s*)|(\s*$)/g,"")
}
/* merci ASM */

function cherche(depart,requete,arrivee){
var xhr_object = null;
var x = depart;
if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
xhr_object.onreadystatechange = function(){
if(xhr_object.readyState == 4 && xhr_object.status == 200){
monresultat = trim(xhr_object.responseText);
}
}
xhr_object.open("POST",requete,true);
xhr_object.setRequestHeader("Content-type",
"application/x-www-form-urlencoded");
var data = "id="+x;
xhr_object.send(data);
}

function cherchegauche(depart,requete,arrivee){
if(document.getElementById(arrivee).style.display=='none'){
cherche(depart,requete,arrivee);
alert(monresultat);
document.getElementById(arrivee).innerHTML = monresultat;
document.getElementById(arrivee).style.display='block';

document.getElementById(depart+'_fleche').src='../images/icones/f_open.gif';
}
else

document.getElementById(depart+'_fleche').src='../images/icones/f_close.gif';
document.getElementById(arrivee).style.display='none';
}

Il se passe un truc étrange.
Au premier clic j'ai un magnifique "monresultat is indefined"
au second clic mon alert fonctionne mais rien d'autre ne se passe.

Si vous voyez ou je déc..... merci de m'aider
JiBé