[AJAX] Navigation entière AJAX?

Bonjour à tous!

Avant tout, je précise que je suis une tarte en programmation, et que mes questions portent sur un script que m'a passé un ami...

Voilà, je suis graphiste et je fais mon portfolio. La solution pour ne pas recharger les pages, selon mon ami, est l'AJAX. Le script qu'il m'a fourni charge des fichiers .txt. Seulement, je ne sais pas l'adapter à mes besoins... En fait j'ai besoin de deux scripts AJAX : un pour afficher mes sous-menus, et un pour afficher le contenu final (parfois appelé par mon menu, parfois par mon sous-menu.

Je ne sais pas si je suis suffisamment claire, alors voilà une maquette (plus d'actualité...) de mon site. Pour voir une présentation finale, cliquez sur "edition" et après sur un sous-menu : http://sandeedesign.free.fr

Je vous remercie par avance pour votre aide, et j'en profite pour vous rappeller que je suis une béotienne (donc il faudra expliquer un chouia...)

:)

Voici le script :

var xmlhttp

function loadXMLDoc(url)
{
xmlhttp=null
// code for Mozilla, etc.
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest()
}
// code for IE
else if (window.ActiveXObject)
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
}
if (xmlhttp!=null)
{
xmlhttp.onreadystatechange=state_Change
xmlhttp.open("GET",url,true)
xmlhttp.send(null)
}
else
{
alert("Your browser does not support XMLHTTP.")
}
}

function replace_Loading()
{
document.getElementById('httprequestanswer').innerHTML = "";
}

function state_Change()
{
// if xmlhttp shows "loaded"
if (xmlhttp.readyState==4)
{
// if "OK"
if (xmlhttp.status==200)
{
// alert("XML data OK")
// document.getElementById('A1').innerHTML=xmlhttp.status
// document.getElementById('A2').innerHTML=xmlhttp.statusText
document.getElementById('httprequestanswer').innerHTML=xmlhttp.responseText
}
else
{
alert("Problem retrieving XML data:" + xmlhttp.statusText)
}
}
}