Llamar .swf con javascript

[Jarkaos]

Hola

Me gustaria saber como puedo llamar a diferentes .swf utilizando javascript?

Tengo una pagina que reproduce una pelicula en flash y que da la posibilidad de hacer click en otras peliculas par que el usuario las pueda ver en la misma pagina.

Estoy cargando la pelicula de esta manera:

Código:

 <div id="trickFilm">
        <object width="350" height="350">
          <param name="wmode" value="transparent"/>
          <embed src="/Fixafesten/flash/ilusionist/snoret.swf" width="350" height="350" wmode="transparent"></embed>
        </object>
      </div>

en donde "snoret.swf" es el nombre de la pelicula.

Despues de este div, tengo otro donde muestro las otras peliculas en las cuales el usuario puede hacer click para verlas:

Código:

<div id="tryckList">
        <div id="companyWithLogotype">
          <div id="ideaImage">
            <img id="ideaImage" style="margin-left: 4px; margin-top: -13px;height:98px;" src="/Fixafesten/images/background/cards.png"/>
          </div>
          <div id="ideaText" style="width: 460px;">
            <a href="#">
              Ett litet smakprov ur Peter Vargs meny. En f&ouml;raning av vad Peter Varg kommer att presentera
              och dela med sig av p&aring; Fixafesten.nu.Peter var med p&aring; Europas st&ouml;rsta illusionsshow 2006,
              Magic and Miracles. och &auml;r h&ouml;gaktuell med Stormen i samarbete med Robert Bronett, p&aring; Pite
              Havsbad. Premi&auml;r 31 oktober. Lycka till Peter!
            </a>
          </div>
        </div>
      </div>

Si se fijan, hay un href-tag que no tiene direccion, bueno en este link es donde el usuario hace click para ver otra pelicula. Como logro crear algo como esto:

<a href="#" target="_self" onClick=movieName('snoret')>asfffe</a>

Despues en el <embed> tag reemplazar esto:

<embed src="/Fixafesten/flash/ilusionist/snoret.swf" width="350" height="350" wmode="transparent"></embed>

por algo como esto:

Código:

<embed src="/Fixafesten/flash/ilusionist/" + movieName + " width="350" height="350" wmode="transparent"></embed>

Les coloco la direccion de la pagina para que vean de que se trata todo esto:

http://seth.nostratic.se/Fixafesten/illusionist.action

Gracias

[Jarkaos]

Ok, el problema esta casi resuelto. El codigo funciona en firefox y en internet explorer 7 pero o en Safari y no puedo entender por que.

Esta es la funcion javascript:

Código:

<script type="text/javascript" language="javascript">
    function createEmbed( href ) {
		document.getElementById('film').innerHTML = "<embed id='film2' src='"+ href +"' autostart='true' width='730' height='350' wmode='transparent'></embed>";
	}

    function removeEmbed() {
        //Find the box

        var flash_box = document.getElementById( "trickDescription" );

        //Find the embeded element
        var embed = document.getElementById( "trickDescription" );

        //Remove the embeded element
        flash_box.removeChild( embed );
    }
</script>

Esta funcion crea un nuevo <embed> con el nombre "film2". Para que esta funcion se ejecute se debe activar desde aqui:

Código:

<a href="#" onclick="javascript:createEmbed('/Fixafesten/flash/ilusionist/cards.swf');">link</a>

lo cual llamara al script para que reemplaze el embed que se ve en el siguiente codigo por el que la funcion "createEmbed" contiene:

Código:

<object width="730" height="350">
          <param name="wmode" value="transparent"/>
		  <span id="film">
          	<embed id="film2" src="/Fixafesten/flash/ilusionist/snoret.swf" autostart="true" width="730" height="350" wmode="transparent"></embed>
       	  </span>
	    </object>

Como dije antes, todo esto funciona correctamente firefox e IE7 pero por algun motivo no funciona en Safari.

Donde podra estar el problema???

Gracias

[Jarkaos]

Solucionado