Using fancybox with inline content

Hi, I have successfully used Fancybox for a single image and for a group of images but haven’t had much luck using the inline option and a flash video. Have tried a bunch of different things with the same result. I can get Fancybox to load but it’s not the right size for the flash video that it’s loading. See my page to understand the problem. It’s the first image.

http://renewableassociates.com/wordpress/?page_id=142

My code is as follows

[caption id="" align="alignright margin-right:300px" width="300" caption="Example Shade Analysis"]<a id="inline" style="height:710px; width:1000px;" class="fancybox" rel="group2" href="#data"><img style="border: 1px solid black; margin-bottom: 15px;" src="http://renewableassociates.com/wordpress/wp-content/uploads/2011/04/Shade-Analysis-Example.png" alt="Example Shade Analysis" width="300" height="200" /></a>[/caption]

<div style="display:none"><div id="data" style="height:1000px; width:710px;">
<object width="1000" height="710">
<param name="movie" value="http://renewableassociates.com/wordpress/wp-content/uploads/2011/04/Shade-Analysis-Example.swf">
<embed src="http://renewableassociates.com/wordpress/wp-content/uploads/2011/04/Shade-Analysis-Example.swf" width="1000" height="710">
</embed>
</object>
</div></div>

Any help greatly appreciated. Thanks
John