<%@ Control Language="VB" AutoEventWireup="false" CodeFile="ImageGallery.ascx.vb" Inherits="MyControls_ImageGallery" %>
<%@ Register Assembly="RadWindow.Net2" Namespace="Telerik.WebControls" TagPrefix="radW" %>

<h1>
    <asp:Label ID="lblGalleryTitle" runat="server"></asp:Label>
</h1>

<asp:DataList ID="dlstImages" runat="server" Width="100%" CellPadding="10">
    <ItemTemplate>
       <a href="#" onclick='<%# "OpenImage(""" & ResolveUrl(Eval("ImageUrl")) & """," & Eval("ActualWidth") & "," & Eval("ActualHeight") & ");" %>'>
            <img src='<%# ResolveUrl(Eval("ImageUrl")) %>' height='<%# Eval("ThumbHeight") %>' Width='<%# Eval("ThumbWidth") %>' alt="" style="border:none;" />
       </a>
    </ItemTemplate>
</asp:DataList>

<radW:RadWindowManager ID="RadWindowManager1" runat="server" VisibleOnPageLoad="false" ReloadOnShow="true">
</radW:RadWindowManager>

<script type="text/javascript">
    function OpenImage(imageUrl, windowWidth, windowHeight)
    {
        var imgWindow = window.radopen(imageUrl,null);
        imgWindow.SetSize(windowWidth+30,windowHeight+100);
        imgWindow.Center();
    }
</script>