Hello, I am desperate. First off, I am not an expert javascript coder... ok with that said. For a client I have a mini CMS. they can create articles. each article can have 5 images. I have set it up so that when they click on each thumbnail fancybox opens with the uploadify button, they hit the uploadify button select an image, (it is set to auto), in the uploadify.php file I not only add the file to the system but I also insert the file name into the database. the problem I am having is I need to tell uploadify which image is being uploaded. i.e. image1 image2 image3 image4 image5. this needs to be passed through the scriptData so the uploadify.php script know which field to update in the database. I have create a hidden div called "whichimage" that gets changes based off of the thumbnail selected. i.e. if thumbnail 2 is selected I use javascript to change the value of the whichimage hidden field to image2. In the uploadify code I am grabbing the value of the hidden field for the scriptData. here is the catch. uploadify is set to document.ready thus is pulls the value from the hidden field before the field is set. is there any way to change this so when I click on the thumbnail it triggers uploadfy and then it pulls from the hidden field?

here is my uploadify code:

$(document).ready(function() {
//function() {
var imid = $('#imageid').val();

$('.file_upload').uploadify({

'uploader' : '/uploadify/uploadify.swf',
'script' : '/uploadify/uploadify.php',
'cancelImg' : '/uploadify/cancel.png',
'folder' : '/uploads',
'auto' : true,
'multi' : false,
'scriptData': {'userid': '<?=$_COOKIE['id'];?>', 'imageid': imid, 'whichimage': $('#whichimage').val() },
'fileDesc' : "Images (*.gif, *.jpeg, *.jpg, *.png)",
'fileExt' : "*.gif;*.jpeg;*.jpg;*.png",
// 5 mb limit per file
'sizeLimit' : 5242880,
'onError' : function(event, queueID, fileObj, errorObj) {
// if failed to upload
alert(errorObj.info);
},
onComplete: function(event, queueID, fileObj, reposnse, data) {
alert(reposnse);

}
});
});