Javascript Guru needed for Magento product page edits

The Magento configurable page generates inline javascript (custom coded) to show live stock status and switch images based on the color selection. This is mainly working fine, except page load shows images from the first color choice, and not the parent image. Half-integrated is cloudZoom, with the exception of slightly haphazard pre-loading. It needs an image gallery integrated (part of cloudZoom already) for 5 images (for each color). The number of images shown is determined by a product attribute which has a list of available images for each color. I have a compiled javascript file which is loaded in the footer. I'd like to move the majority of the inline javascript from the product page into that compiled file. I'm guessing this is going to need hidden elements containing details of which colors are there, which images are available. I have a php file which compiles the core js file so it's not too difficult to edit that core file. This is a live site, I have split the javascript so that the live side loads a fixed working file, you can test on a different URL which loads a different file (based on the javascript compiler script). You can see an example page here: [login to view URL] Please bid if you are a very experienced javascript coder, thanks.