Vous pensez être un expert en ajax jquery, thickbox?

alors résoudre mon problème ne devrait pas vous poser de soucis...

je cherche à customiser thickbox
je prends les paramètres des images ds une base msql
et voudrais rajouter une div #TB_description à l'intérieur de la fenêtre pour en afficher la description juste à côté du titre de l'image.
voici la page d'index appelant thickbox3_1.js script situé plus bas
si je place la variable description directement ds thickbox3_1.js
la fenêtre s'affiche , le div aussi ainsi que le contenu de la variable

donc un problème de transmission /recuperation de variable???
merci de votre sollicitude,

<script type="text/javascript">
 
var mycarousel1_itemList = [
<?php
 
$connexion = Connexion ();
$query = "SELECT * FROM images WHERE categorie = ".$categorie." ";
$result = mysql_query($query)or die(mysql_error());
$nbligne = mysql_num_rows($result);
$i = 0;
while($row = mysql_fetch_array($result))
{
$image= $row['src'];
$titre= $row['titre'];
$description = $row['description'];
echo '{url: "'.$image.'", title: "'.$titre.'", description: "'.$description.'"}';
if ($i++ < $nbligne - 1) echo ',';
}
mysql_close();
?>
];
var mycarousel2_itemList = [];
function mycarousel1_itemLoadCallback(carousel, state)
{ for (var i = carousel.first; i <= carousel.last; i++) {
if (carousel.has(i)) {
continue; }
 
if (i > mycarousel1_itemList.length) {
break;
}
// Create an object from HTML
var item = jQuery(mycarousel1_getItemHTML(mycarousel1_itemList[i-1])).get(0);
// Apply thickbox
tb_init(item);
carousel.add(i, item);
}
};
function mycarousel2_itemLoadCallback(carousel, state)
{
for (var i = carousel.first; i <= carousel.last; i++) {
if (carousel.has(i)) {
continue;
}
 
if (i > mycarousel2_itemList.length) {
break;
}
// Create an object from HTML
var item = jQuery(mycarousel2_getItemHTML(mycarousel2_itemList[i-1])).get(0);
// Apply thickbox
tb_init(item);
carousel.add(i, item);
}
};
 
/**
* Item html creation helper.
*/
function mycarousel1_getItemHTML(item)
{
var url_m = item.url.replace(/_s.jpg/g, '.jpg');
return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="135" height="135" border="0" alt="' + item.title + '" /></a>'
};
 
jQuery(document).ready(function() {
jQuery('#mycarousel1').jcarousel({
easing: 'bounceout',
animation: 800,
size: mycarousel1_itemList.length,
itemLoadCallback: {onBeforeAnimation: mycarousel1_itemLoadCallback}
});
});
function mycarousel2_getItemHTML(item)
{
var url_m = item.url.replace(/_s.jpg/g, '.jpg');
return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="135" height="135" border="0" alt="' + item.title + '" /></a>'
};
jQuery(document).ready(function() {
jQuery('#mycarousel2').jcarousel({
size: mycarousel2_itemList.length,
itemLoadCallback: {onBeforeAnimation: mycarousel2_itemLoadCallback}
});
});
</script>

// description= "test";// modif jerry
 
// modif jerry (below)
$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>" +caption+ "<div id='TB_description'>" +description+ "</div><div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>");
 
 
 
{//this means the window is already up, we are just loading new content via ajax
$("#TB_ajaxContent")[0].style.width = ajaxContentW +"px";
$("#TB_ajaxContent")[0].style.height = ajaxContentH +"px";
$("#TB_ajaxContent")[0].scrollTop = 0;
$("#TB_ajaxWindowTitle").html(caption);
$("#TB_description").html(description); //modif jerry est-ce nécessaire?
}