<%@ Page Title="" Language="C#" MasterPageFile="~/PatientAccess/PAAdmin/AdminBase.Master" AutoEventWireup="true" CodeBehind="ImageMenu.aspx.cs" Inherits="Axium.Web.PAAdmin.tinymce.jscripts.tiny_mce.themes.advanced.ImageMenu" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Header" runat="server">
    <script type="text/javascript">
        function SelectFile(imgId, width, height) {
            window.opener.document.getElementById('src').value = '/PatientAccess/PAAdmin/Handler/ImageHandler.ashx?ImgId=' + imgId;
            window.opener.document.getElementById('alt').value = imgId;
            window.opener.document.getElementById('width').value = width;
            window.opener.document.getElementById('height').value = height;
            window.close();
        }
    </script>
    <style type="text/css">
        div.ImageList
        {
	        float:left;
	        width:300px;
        }

        div.ImagePreview
        {
	        float:left;
	        margin-left:20px;
	        width:600px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Container" runat="server">
    <div class="MainHeader" style="width:980px;">
    	<table width="980" cellpadding="0" cellspacing="0">
        <tr>
            <td style="font-size:18px;">Image Selection</td>
            <td align="right"><input type="button" class="ButtonGrey" value="Close" onclick="window.close()"/></td>
        </tr>
        </table>
    </div>
    <div class="ImageList">
        <table class="Table" cellpadding="5" cellspacing="0" width="100%">
            <tr class="TrHeader2">
                <td>Image List</td>
            </tr>
            <tr style="background-color:#999">
                <td><input type="button" class="ButtonGreen" value="Upload" onclick="SmallWindow('UploadImages.aspx','Upload')"/></td>            
            </tr>
            <tr>
                <td><ul><%= ImageListId()%></ul></td>
            </tr>
        </table>
    </div>
    <div class="ImagePreview">
        <table class="Table" cellpadding="5" cellspacing="0" width="100%" >
            <tr class="TrHeader2">
                <td colspan="2">Image Preview</td>
            </tr>
            <tr style="background-color:#999">
      	        <td>
        	    FileName: <span id="fileName" runat="server"></span>  <br />
                Dimensions: <span id="dimension" runat="server"></span>
                </td>
      	        <td align="right"><input id="SelectBTN" runat="server" type="button" class="ButtonGreen" value="Select"/>
      	        <asp:Button ID="DeletePicBtn" runat="server" Text="Delete" onclick="DeletePicBtn_Click" CssClass="ButtonGreen" />
      	        </td>
            </tr>
            <tr>
                <td colspan="2">
                <div style="min-height:500px">
        	        <asp:Image ID="Images" runat="server" />
                </div>
                </td>
            </tr>
        </table>
    </div>
</asp:Content>