Уезжает картинка за пределы шаблона

[Maycal]

Здравствуйте, помогите пожалуйста!

Существует скрипт, который в зависимости от того, поддерживается ли флеш или нет отображает разные коды. То-есть если флеш поддерживается, то отображается flash ролик. Если flash не поддерживается, отображается просто картинка. Но дело в том, что я никак не могу вывести картинку! Она у меня все время съезжает за пределы шаблона сайта. Вот код:

<div style="vertica-align: center; margin-top: 10px; text-align: center" id="text">


<div id="videoplayer21" style="width:898px;height:570px;" ></div>
 <script type="text/javascript">
    var ua = navigator.userAgent.toLowerCase();
    var flashInstalled = false;
    if (typeof(navigator.plugins)!="undefined"&&typeof(navigator.plugins["Shockwave Flash"])=="object"){ 
       flashInstalled = true; 
    } else if (typeof window.ActiveXObject != "undefined") {
       try { 
          if (new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) { 
             flashInstalled = true; 
          } 
       } catch(e) {}; 
    };
    if(ua.indexOf("iphone") != -1 || ua.indexOf("ipad") != -1 || (ua.indexOf("android") != -1 && !flashInstalled)){

document.write('<img src="MAIN.png"</img> ' ); \\здесь выводится картинка, если флеш не поддерживается
    }else{
       if(!flashInstalled){
          
          document.getElementById("videoplayer").innerHTML="<a href=http://www.adobe.com/go/getflashplayer>Требуется обновить Flash-плеер</a>";
       }else{
var flashvars = {"comment":"intro","st":"/uppodplayer/video147-51.txt","file":"intro.flv"};var params = {bgcolor:"#ffffff",  allowFullScreen:"true", allowScriptAccess:"always",id:"videoplayer21"}; new swfobject.embedSWF("/uppodplayer/uppod.swf", "videoplayer21", "898", "570", "9.0.115.0", false, flashvars, params); \\здесь выводится флеш ролик, если он поддерживается
       }
    }
 </script>
                
        

                </div>

Так вот, повторяю свою проблему: я пытаюсь вывести картинку с помощью

document.write('<img src="MAIN.png"</img> ' );

она выводится, но уезжает за пределы шаблона. А вот если вместо

 document.write('<img src="MAIN.png"</img> ' );

поставить код другого плеера, то все ОК, плеер находится в пределах шаблона:

jwplayer("videoplayer21").setup({
        file: "http://www.youtube.com/watch?v=ogVTYW6yqwg?hd=1", width: 898, height: 570,  image: "/jwplayer/intro.jpg",
    
    });

Помогите пожалуйста решить данную проблему, как сделать так, чтобы картинка не уезжала за пределы шаблона?
[/code]

[Naive]

var img = new Image();
img.onload = function () {
	var parent = document.getElementById('videoplayer21');
	parent.appendChild(this);
};
img.src = 'MAIN.png';

[masax]

1. эта строчка будет дописываться в конец страницы

document.write('<img src="MAIN.png"</img> ' );

в то время как флеш-плеер ты выводишь

document.getElementById("videoplayer21").innerHTML="<a href=http://www.adobe.com/go/getflashplayer>Требуется обновить Flash-плеер</a>";

соотв. просто нужно вывод картинки сделать в этот же элемент

2. Неверно:

'<img src="MAIN.png"</img> '

Верно:

<img src="MAIN.png" />

final:

document.getElementById("videoplayer21").innerHTML='<img src="MAIN.png" /> '

[Naive]

final:

document.getElementById("videoplayer21").innerHTML='<img src="MAIN.png" /> '

тоже несовсем верно) хотя в стиле остального говнокода потянет)

[Maycal]

Огромное спасибо!!! Теперь картинка на месте

[masax]

Сообщение от Naive

тоже несовсем верно) хотя в стиле остального говнокода потянет)

ну если это еще и к нормальному коду приводить.... )))