Two flash movies index problem while in different div

Question

hi,
i have created a page and i use peelawayad file which is in
flash. i was already using two div on home page which contains
flash movies. but now when i placed peelawayad flash movie on home
page. it appears on bottom of both div layers. i tired my best with
stylesheet. z-index and many other tricks which i know best. but
still not able to sucess. can someone help me to getride of this
issue. help would be appriciated. thanks
here is the current site link which has the flash movies
embeded.
http://www.visionetsystems.com/test/
for movies already in home page has following tags and
script.
<script type="text/javascript">
var FO = { movie:"visionet/visionetindexbuttn2.swf",
width:"764", height:"41", majorversion:"8", build:"0",
id:"flashmovie", menu:"0", flashvars:"rootPath=/"};
UFO.create(FO, "quicklinks01");
</script>
<div id="quicklinks01" style="z-index:4;"><img
src="images/visionetindexbuttn2.jpg" width="764" height="41"
border="0" usemap="#Map3"></div>
<script type="text/javascript">
var FO = { movie:"swf/vsi_technology.swf", width:"764",
height:"229", majorversion:"8", build:"0", id:"flashmovie",
menu:"0", flashvars:"rootPath=/"};
UFO.create(FO, "casestudy");
</script>
<div id="casestudy" style="z-index:3;"><img
src="images/vsihome.jpg" width="764" height="229" border="0"
usemap="#Map2"></div>
and peelaway ad has the following JS file which create the
peelawayad on right top corner.
Das Copyright dieses Scriptes liegt beim Autor.
Bitte die Lizenzbedingungen beachten, und ausgefüllt
zurücksenden.
var esel = new Object();
MODIFY TARGET URL
esel.ad_url = escape('
http://events.mortgagebankers.org/servicing2008/register');
// Change URL to be redirected to when clicking Peel Away Ad
END TARGET URL
esel.small_path = 'swf/esel_s.swf'; // Enter the URL of the
Peel Away Corner Flash
esel.small_image = escape('images/expo100.jpg'); // URL of
the Image behind the Peel
esel.big_path = 'swf/esel_b.swf'; // Enter the URL of the
Large Peel Away Corner
esel.big_image = escape('images/expo.jpg'); // URL of the Big
Image Behind the Peel
// Do NOT Change anything under this
line---------------FINISHED----STOP------------------------------------------------------ ----
esel.small_width = '100';
esel.small_height = '100';
esel.small_params = 'ico=' + esel.small_image;
esel.big_width = '650';
esel.big_height = '650';
esel.big_params = 'big=' + esel.big_image + '&ad_url=' +
esel.ad_url;
function sizeup987(){
document.getElementById('eselcornerBig').style.top = '0px';
document.getElementById('eselcornerSmall').style.t op =
'-1000px';
function sizedown987(){
document.getElementById("eselcornerSmall").style.t op =
"0px";
document.getElementById("eselcornerBig").style.top =
"-1000px";
esel.putObjects = function () {
document.write('<div id="eselcornerSmall"
style="position:absolute;width:'+ esel.small_width +'px;height:'+
esel.small_height +'px;z-index:5;right:0px;top:0px;">');
document.write('<object
classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write('codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="eselcornerSmallObject"
width="'+esel.small_width+'" height="'+esel.small_height+'">');
document.write(' <param name="allowScriptAccess"
value="always"/> ');
document.write(' <param name="movie" value="'+
esel.small_path +'?'+ esel.small_params +'"/>');
document.write(' <param name="wmode" value="transparent"
/>');
document.write(' <param name="quality" value="high" />
document.write(' <param name="FlashVars"
value="'+esel.small_params+'"/>');
document.write('<embed src="'+ esel.small_path + '?' +
esel.small_params +'" name="eselcornerSmallObject"
wmode="transparent" quality="high" width="'+ esel.small_width +'"
height="'+ esel.small_height +'" flashvars="'+ esel.small_params
+'" allowscriptaccess="always" type="application/x-shockwave-flash"
pluginspage="
http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div></script>');
document.write('<div id="eselcornerBig"
style="position:absolute;width:'+ esel.big_width +'px;height:'+
esel.big_height +'px;z-index:5;right:0px;top:0px;">');
document.write('<object
classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write('codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="eselcornerBigObject" width="'+
esel.big_width +'" height="'+ esel.big_height +'">');
document.write(' <param name="allowScriptAccess"
value="always"/> ');
document.write(' <param name="movie" value="'+
esel.big_path +'?'+ esel.big_params +'"/>');
document.write(' <param name="wmode"
value="transparent"/>');
document.write(' <param name="quality" value="high" />
document.write(' <param name="FlashVars" value="'+
esel.big_params +'"/>');
document.write('<embed src="'+ esel.big_path + '?' +
esel.big_params +'" id="eselcornerBigEmbed"
name="eselcornerBigObject" wmode="transparent" quality="high"
width="'+ esel.big_width +'" height="'+ esel.big_height +'"
flashvars="'+ esel.big_params +'" swliveconnect="true"
allowscriptaccess="always" type="application/x-shockwave-flash"
pluginspage="
http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
setTimeout('document.getElementById("eselcornerBig
").style.top = "-1000px";',1000);
esel.putObjects();
i am also attaching all files in zip with this thread.
Source
Zip File
thanks
Shahid Hussain

Answer 1

Hi users,
Thanks for reply.
Actually the problem is -
For portrait dimensions are -
width 20
height 30
for landscape , obviously it will be
width - 30
height - 20
Thus , for second page - table width is 20 while page width is 30 and so 10 cm space remains blank on right side of page
user says that right side should not be blank, rather you extend table width to whole page width.
thats where the problem is