Konu Başlığı: Ufak bir javascript problemi

Herkese merhaba,

Sorunum, yaptığım ASP.NET projesinde bir ufak album uygulaması var ve resimleri slide show gibi gosteriyorum tabii once ufak resimler ve kullanıcı tıklayınca altta buyuk resim gozukuyor. Bunun disinda resimleri marquee tagının icine koydugum DataList ile getiriyorum. Ancak benim yapmak istediğim sayfa ilk açıldığı zaman ilk resimin buyuk hali asagida gelsin istiyorum. Resimleri getirmek ve ustune gelince buyuk halini gostermek icin soyle bir kod yazdım

HTML Kodu:

<td align="left" nowrap>
		                        <a onmouseover="document.getElementById('mrqNews').direction='left';" onmouseout="document.getElementById('mrqNews').direction='left'" ><img src="images/sola_ok.jpg" /></a></td>
		                        <td align="center" valign="middle" style="width: 503px">
		                        <marquee id="mrqNews" scrolldelay="3" onmouseover="this.scrollAmount=0;" onmouseout="this.scrollAmount=4;" scrollAmount="3" direction=left behavior="scroll" style="width: 539px">
		                            <ASP:DataList runat=server ID="dtList" RepeatLayout=Table RepeatDirection="Horizontal"> 
		                                <ItemTemplate>   
		                                 <td>
		                               <%if (counter == 1)
                                            {
                                                <script language="JavaScript">
                                                document.getElementById('imgBuyuk').src = '<%# "images/mimav/" + Eval("mimResimURL")%>';
                                                </script>
                                            }%>		                        
		                                 <a onmouseover="document.getElementById('imgBuyuk').src='<%# "images/mimav/" + Eval("mimResimURL") %>';document.getElementById('oTitle').innerHTML='<%# Eval("mimBaslik") %>'">
		                                 <img src='<%# "images/mimav/tn_" + Eval("mimResimURL") %>' onmouseover="this.style.cursor='hand'"/>
		                                 </a>
		                                 </td>    
		                                </ItemTemplate>
		                            </ASP:DataList></marquee>
		                         </td>
		                        <td align="right" height="80" nowrap>
<a onmouseover="document.getElementById('mrqNews').direction='right'" onmouseout="document.getElementById('mrqNews').direction='left'" >
<img src="images/saga_ok.jpg" /></a>
               </td> 

ve resmi default olarak getirmek icinse "document.getElementById('imgBuyuk').src = '<%# "images/mimav/" + Eval("mimResimURL")%>';" komutlarını kullanıyorum. Fakat aslında "imgBuyuk" isimli resim daha asagida olusturuluyor dolayisi ile direkt olarak "is null or not an object" hatası alıyorum. Bunun çözümü nasıl olabilir. Yani başka nasıl bir method izleyebilirim

Teşekkürler