Load Object In Div With InnerHTML?

I am making a wordpress plug-in which puts a banner-rotator on the front page which is able to load both images and flvs'.It has a carousel menuand the images/objects are loaded as you hover over the thumbnails.I have made an js array in a php loop so that every element of the menu list gets assigned a different onMouseOver function when it is generated.Because I was not able to change FlashVars with js I have put the whole object embed code in one variable and insert that in a div with innerHTML when mouseOver.This works fine in firefox but not at all in any other browsers!!The website is located at: www.mediapod.org/jwp

Here is the code:

function wp_main_player() {
global $wpdb;
$noChartsID = $wpdb->get_col($wpdb->prepare("SELECT * FROM wp_term_relationships WHERE term_taxonomy_id = 5"));
$noCharts = count($noChartsID);

[code].....