Ok to get the effect i want i think im gonna use a div hide/show
The JS
var flashvars = {};
flashvars.galleryURL = "gallery2.xml";
var params = {};
params.allowfullscreen = true;
params.allowscriptaccess = "always";
params.wmode = "transparent";
swfobject.embedSWF("simpleviewer.swf", "flashContent2", "600", "550", "9.0.124", false, flashvars, params);
function hideDiv1() {
document.getElementById('hideshow').style.visibility = 'hidden';
document.getElementById('hideshow1').style.visibility = 'visible';
}
function showDiv1() {
document.getElementById('hideshow').style.visibility = 'visible';
document.getElementById('hideshow1').style.visibility = 'hidden';
}
the HTML
<a href="javascript:showDiv1()">Show 1</a>
<a href="javascript:hideDiv1()">show 2</a>
<div id="hideshow">
<div style="position:absolute; left:100px; top:35px;"><h2>Gallery 1</h2></div>
<!-- Gallery 1 Div -->
<div id="flashContent1" wmode="transparent" >SimpleViewer requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div></div>
<div id="hideshow1">
<div style="position:absolute; left:100px; top:35px;"><h2>Gallery 2</h2></div>
<!-- Gallery 2 Div -->
<div id="flashContent2">SimpleViewer requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div>
</div>
For some reason the hide/show only toggles the heading and not the flash, if i put a wmode trasparent in the flash javascript the object dissapears and displays the you need flash player text. Anyone see why?
P.S sorry if this post makes no sense im very tired :)