load text into div according to image loaded

[blackeagle]

i have a 2 div's inside holder.


<div id="holder">
<div id="main"><img src="image1.jpg" alt="test" id="picture" /></div>
<div id="textHolder"><p id="textit">this is some text</p></div>
</div>

<a href="#" onclick="changeImage('image1')">LINK</a>
<a href="#" onclick="changeImage('image2')">LINK</a>


using this script


<script type="text/javascript">
function changeImage(imagename){
document.getElementById('picture').src=imagename+".jpg";
document.getElementById('picture').alt=imagename;
}
</script>


how can i load in text about each image into the text div according to the image selected.

thanks in advance.

[rangana]

Add highlighted:

function changeImage(imagename){
document.getElementById('picture').src=imagename+".jpg";
document.getElementById('picture').alt=imagename;
document.getElementById('textit').firstChild.nodeValue=imagename;
}