<%@ page language="C#" autoeventwireup="true" inherits="Pages_BaseFramework_Utilities_UploadEmployeePhoto, App_Web_eg4cnlci" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" uiculture="auto" meta:resourcekey="PageResource1" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl" TagPrefix="ScreenGroup" %>
<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="Date" %>
<%@ Register Src="~/UserControls/Common/CommonSearch/CommonSearch.ascx" TagName="CommonSearchUserControl" TagPrefix="Common" %>
<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="DPC" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
            height: 100%;
        }

        .modal {
            display: none;
            position: absolute;
            top: 0px;
            left: 0px;
            background-color: black;
            z-index: 100;
            opacity: 0.8;
            filter: alpha(opacity=60);
            -moz-opacity: 0.8;
            min-height: 100%;
        }

        #divImage {
            display: none;
            z-index: 9999999;
            position: fixed;
            top: 0 !important;
            left: 0 !important;
            background-color: White;
            height: 100%;
            width: 600px;
            padding: 3px;
            border: solid 1px black;
            background: #33333375;
            width: 100%;
        }
    </style>
    <link href="../../../App_Themes/responsiv-popup.css" rel="stylesheet" />
    <%--<div id="dvTestLoadingmsg" class="hls-wrap">
        <div class="hls-container">
            <div class="hls-content">
                <div class="dsh-syndicate white-popup" style="display: inline-block; width: 119%; height: 150px">
                    <div class="shippingcard" style="text-align: center; vertical-align: middle; width: 100%;">
                        <span id="spn1msg">Loading Details</span><br>
                        <span style="line-height: 2;" id="spn2msg"><b>Please Wait ...</b></span><br>
                        <span id="spnloadingimgOPD">
                            <img src="../../../Images/Loading1.gif" /></span>
                    </div>
                </div>
            </div>
        </div>
    </div>--%>
    <asp:UpdatePanel ID="UploadEmployeePhotoUpdatePanel" runat="server">
        <ContentTemplate>
            <div id="divContentPage" class="divcontentpagemargin">
                <!-- ContentPlaceHolder Box Starts -->

                <div id="Td1" class="dashBoardLeftCont" valign="top" runat="server">
                    <div class="himssuHeader3WireBox">
                        <%-- <div class="himsBoxHeader">
                                        <div class="leftdiv">
                                        </div>
                                        <div class="himsBoxTitle">
                                            <div class="headerText">
                                                <asp:Label runat="server" ID="ScreenGroupNameLabel"></asp:Label>
                                            </div>
                                        </div>
                                    </div>--%>
                        <table width="0px" cellpadding="0" cellspacing="0">
                            <tr>
                                <td>
                                    <div class="himsBoxContent">
                                        <div class="leftUlMenu">
                                            <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="164"
                                                Visible="true" runat="server" />
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="row whiteboxpaddingleft">
                    <div class="himssuHeader1WireBox card card-box">
                        <div class="himsBoxHeader card-head">
                            <div class="leftdiv">
                            </div>
                            <div class="himsBoxTitle">
                                <div class="headerText" id="codeHeader">
                                    <header>
                                        <i class="fas fa-image"></i>
                                        Upload Employee Photo
                                    </header>
                                </div>
                                <div class="fRight mt-27 pagination display-flex">
                                    <asp:Button ID="BackButton" runat="Server" SkinID="0" CssClass="btn btn-back fas" Text="&#xf30a;  back" OnClick="BackButton_Click" Visible="false" />
                                </div>
                            </div>
                        </div>
                        <cc1:TabContainer ID="AssignOptionalFeeTabContainer" runat="server"
                            CssClass="ajax__myTab nav nav-tabs tabs-style-iconbox ajax__tab_container ajax__tab_default"
                            ActiveTabIndex="0">
                            <cc1:TabPanel ID="AssignOptionalFee" runat="server" HeaderText="Assign Optional Fee">
                                <HeaderTemplate>
                                    <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                        <li class="fancyTab"><a><i class="fas fa-images"></i>&nbsp;Upload Employee Photo </a></li>
                                    </ul>
                                </HeaderTemplate>
                                <ContentTemplate>
                                    <div class="himsBoxContent card-body">
                                        <asp:Panel ID="DetailPanel" runat="Server">

                                            <div class="col-md-12">
                                                <div class="alert alert-warning pb5  m1">
                                                    <%--change for 29077 mantis--%>
                                                    <asp:Label ID="Note1" runat="server" Text="* For Employee Photo Upload 120*120 image for best quality"
                                                        Font-Size="Small"></asp:Label>
                                                    <br/>
                                                    <asp:Label ID="Label3" runat="server" Text="* For Employee Sign Upload 140*75 image for best quality"
                                                        Font-Size="Small"></asp:Label>
                                                    <br />
                                                    <asp:Label ID="Note2" runat="server" Font-Size="Small" Text="* Give Employee Code as photo file Name for Employee Photos,Employee Sign"></asp:Label>
                                                    <br />
                                                    <asp:Label ID="Note3" runat="server" Text="* Add Code with . Dot seperation (Eg. 2.5.10) OR , Comma seperation (Eg. 2,5,10)"
                                                        Font-Size="Small"></asp:Label>

                                                    <br />
                                                    <asp:Label ID="Note4" runat="server" Font-Size="Small" Text="* Validate Photos Extension :   .jpeg, .jpg"></asp:Label>
                                                </div>
                                                <br />
                                            </div>
                                            <div class="col-md-12 bg-lghtgrey radiobtn ">
                                                <div class="col-md-4">
                                                    <asp:RadioButtonList ID="UploadPhotoRadioButton" runat="server" AutoPostBack="true"
                                                        RepeatDirection="Horizontal" OnSelectedIndexChanged="UploadPhotoRadioButton_SelectedIndexChanged"
                                                        RepeatLayout="Table">
                                                        <asp:ListItem Text="Employee Photo" Value="Photo" Selected="True"></asp:ListItem>
                                                        <asp:ListItem Text="Employee Sign" Value="Sign"></asp:ListItem>
                                                    </asp:RadioButtonList>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <asp:Label ID="RemovePhotoLabel" runat="server" Text="Enter Code for Remove" Font-Size="Small"></asp:Label>
                                                <asp:TextBox ID="RemovePhotoTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" MaxLength="100"
                                                    meta:resourcekey="FirstNameTextBoxResource1">
                                                </asp:TextBox>
                                            </div>
                                            <div class="outerBox pTop15 col-md-3">
                                                <a href="javascript:;" onclick="OpenFileUpload();" class="btn btn-browser">
                                                    <i class="fa fa-arrow-down"></i>Browse</a>
                                                <asp:FileUpload ID="flUpload" runat="server" onChange="readURL(this);" ClientIDMode="Static" Style="display: none;" AllowMultiple="true" />
                                                <br />
                                                <asp:Label ID="Label2" runat="server" Text="" Style="padding-left: 10px; font-size: medium;"></asp:Label>

                                                <br />
                                            </div>
                                            <asp:HiddenField ID="AttachmentSizeHiddenField" runat="server" />
                                            <div class="alignCenter col-md-12 pTop15 pb15">
                                                <asp:Button ID="AddPhotoButton" runat="Server" OnClick="AddPhotoButton_Click"
                                                    SkinID="0" Visible="false" Text="&#xf067; Add Photo" CssClass="btn-add btn fas" />
                                                <asp:Button ID="RefreshButton" runat="server" OnClick="RefreshButton_Click"
                                                    Text="&#xf2f9; Refresh" CssClass="btn-refresh btn fas" SkinID="0" />
                                                <asp:Button ID="UploadButton" runat="server" OnClick="UploadButton_Click" Text="&#xf093; Upload" CssClass="btn-upload btn fas" SkinID="0" />
                                                <asp:Button ID="RemoveButton" runat="server" OnClick="RemoveButton_Click" Text="&#xf00d; Remove Photo" CssClass="btn-delete btn fas" SkinID="0" />
                                                <asp:Button ID="btnBulkPhotoSave" runat="server" Text="Save Employee Photos"
                                                    meta:resourcekey="btnBulkPhotoSaveResource" SkinID="0" CssClass="btn-save btn fas" OnClick="btnBulkPhotoSave1_Click" />
                                            </div>
                                            <div class="cBoth">
                                            </div>
                                            <br />
                                            <div id="UploadEmployeePhotoGridDiv" runat="server" visible="false">
                                                <div class="himssuHeader6WireBox col-md-12">
                                                    <div class="himsBoxHeader card-head inner" id="EmployeeDiv" visible="false" runat="server">
                                                        <div class="leftdiv">
                                                        </div>
                                                        <div class="himsBoxTitle">
                                                            <div class="headerText">
                                                                <div class="fLeft">
                                                                    <header>
                                                                        <asp:Label ID="GridViewLabel" Text="Employee Photo List" runat="server" Font-Bold="true" />
                                                                    </header>
                                                                </div>
                                                            </div>
                                                            <%--<div align="right" class="fRight" style="margin-top: -3px;">
                                            <uc1:GridViewPager ID="EmployeeSearchGridView_GridViewPager" runat="server" OnFirstRecordClick="EmployeeSearchGridView_GridViewPager_FirstRecordClick"
                                                OnLastRecordClick="EmployeeSearchGridView_GridViewPager_LastRecordClick" OnNextRecordClick="EmployeeSearchGridView_GridViewPager_NextRecordClick"
                                                OnPrevRecordClick="EmployeeSearchGridView_GridViewPager_PrevRecordClick" OnTextBoxValueChange="EmployeeSearchGridView_GridViewPager_TextBoxValueChange"
                                                ParentGridView="EmployeeSearchGridView" />
                                        </div>--%>
                                                        </div>
                                                    </div>
                                                    <div class="himsBoxContent">
                                                        <asp:UpdatePanel ID="MenuPlanDetailUpdatePanel" runat="server" UpdateMode="Always">
                                                            <ContentTemplate>
                                                                <div id="Div5" runat="server">
                                                                    <div id="Div4" runat="server" class="table-responsive">
                                                                        <asp:GridView ID="UploadEmployeePhotoGridView" runat="server" Width="100%" AutoGenerateColumns="False"
                                                                            SkinID="" ShowHeader="True" PagerSettings-Visible="false" DataKeyNames="" EmptyDataText="No records found"
                                                                            CssClass="table table-striped table-bordered table-hover">
                                                                            <Columns>
                                                                                <asp:BoundField DataField="FileName" HeaderText="Code" HeaderStyle-HorizontalAlign="Left"
                                                                                    ItemStyle-Width="10%" />
                                                                                <asp:TemplateField HeaderText="Photo" ItemStyle-Width="90%" HeaderStyle-HorizontalAlign="Center"
                                                                                    ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                                                    <ItemTemplate>
                                                                                        <asp:Image ID="EmployeePhoto" Height="60px" Width="60px" runat="server" ImageUrl='<%# Eval("FilePath")%>' />
                                                                                    </ItemTemplate>
                                                                                </asp:TemplateField>
                                                                            </Columns>
                                                                        </asp:GridView>
                                                                    </div>
                                                                </div>
                                                            </ContentTemplate>
                                                        </asp:UpdatePanel>
                                                    </div>
                                                </div>
                                            </div>



                                        </asp:Panel>
                                    </div>
                                </ContentTemplate>
                            </cc1:TabPanel>
                            <cc1:TabPanel ID="AssignOptionalFeeHeadTabPanel" runat="server" HeaderText="Assign Optional Fee Head" Visible="false">
                                <HeaderTemplate>
                                    <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                        <li class="fancyTab"><a><i class="fas fa-images"></i>&nbsp; Employee Photo Download</a></li>
                                    </ul>
                                </HeaderTemplate>
                                <ContentTemplate>
                                    <div class="himsBoxContent card-body">

                                        <asp:Panel ID="Panel1" runat="Server">

                                            <%--       <div id="ErrorMsg" runat="server" style="background-color: #f2dede52; border-color: #ebcccc; color: #a94442; position: relative; border: 1px solid; border-radius: 0.5rem; line-height: 30px; padding: 3px 10px 3px 10px; max-height: 71px; overflow-y: auto; width: 100%; overflow-x: hidden;" visible="false">
                                                <asp:Label ID="lblerror" runat="server" class="text-alert"></asp:Label>
                                            </div>--%>
                                            <div class="col-md-12 bg-lghtgrey radiobtn ">
                                                <div class="col-md-4">
                                                    <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="true"
                                                        RepeatDirection="Horizontal" OnSelectedIndexChanged="UploadPhotoRadioButton_SelectedIndexChanged"
                                                        RepeatLayout="Table">
                                                        <asp:ListItem Text="Employee Photo" Value="Photo" Selected="True"></asp:ListItem>
                                                        <asp:ListItem Text="Employee Sign" Value="Sign"></asp:ListItem>
                                                    </asp:RadioButtonList>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="DepartmentLabel" runat="server" Text="Department" SkinID="MandatoryLabel"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:DropDownList runat="server" ID="DepartmentDropDownList" SkinID="CustomWidthDropDownList"
                                                        CssClass="form-control" onmouseleave="showHideTooltip()" AutoPostBack="true" onmouseenter="showHideTooltip()">
                                                    </asp:DropDownList>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="EmployeeCodeLabel" runat="server" Text="Employee Code" meta:resourcekey="EmployeeCodeLabelResource1"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="EmployeeCodeTextBox" runat="server" onmouseleave="showHideTooltip()" SkinID="CustomWidthTextBox"
                                                        onmouseenter="showHideTooltip()" meta:resourcekey="EmployeeCodeSearchTextBoxResource1"
                                                        MaxLength="20"></asp:TextBox>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="FirstNameSearchLabel" runat="server" Text="First Name" meta:resourcekey="FirstNameSearchLabelResource1"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="FirstNameTextBox" SkinID="CustomWidthTextBox"
                                                        runat="server" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                        meta:resourcekey="FirstNameSearchTextBoxResource1" MaxLength="100"></asp:TextBox>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="LastNameLabel" runat="server" Text="Last Name"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="LastNameTextBox" SkinID="CustomWidthTextBox" runat="server"
                                                        onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="LastNameTextBoxResource1"
                                                        MaxLength="100"></asp:TextBox>
                                                </div>
                                            </div>

                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="StatusLabel" runat="server" Text="Status"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:DropDownList runat="server" ID="StatusDropDownList" SkinID="CustomWidthDropDownList"
                                                        CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()">
                                                    </asp:DropDownList>
                                                </div>
                                            </div>

                                            <div class="outerBox pTop5 col-md-6">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="SearchCodeLabel" runat="server" Text="Code <b>[Add ID No with . Dot seperation (Eg. 2. 5. 10)]</b>"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="SearchCodeTextBox" runat="server" onmouseleave="showHideTooltip()"
                                                        SkinID="CustomWidthTextBox" Width="440px" onmouseenter="showHideTooltip()"></asp:TextBox>
                                                </div>
                                            </div>

                                            <div class="alignCenter col-md-12 pTop5 pb5">
                                                <asp:Button ID="SearchButton" runat="server" Text="&#xf002; Search" SkinID="0" CssClass="btn-search btn fas" OnClick="SearchButton_Click" />
                                                <asp:Button ID="ClearButton" runat="server" Text="&#xf0e2; Reset" OnClick="ClearButton_Click1"
                                                    meta:resourcekey="ClearButtonResource1" SkinID="0" CssClass="btn-reset btn fas" />
                                                <div class="d-inline-block">
                                                    <asp:UpdatePanel runat="server">
                                                        <ContentTemplate>
                                                            <asp:Button ID="DownLoadButton" runat="server" SkinID="0" CssClass="btn btn-download fas" Text="&#xf019; Download" OnClick="DownLoadButton_Click" />
                                                        </ContentTemplate>
                                                        <Triggers>
                                                            <asp:PostBackTrigger ControlID="DownLoadButton" />
                                                        </Triggers>
                                                    </asp:UpdatePanel>
                                                </div>
                                            </div>
                                            <div id="EmployeeMasterGridDiv" runat="server" visible="false">
                                                <div class="himssuHeader7WireBox col-md-12 pTop5">
                                                    <div class="himsBoxHeader" id="Div1" visible="false" runat="server">
                                                        <div class="leftdiv">
                                                        </div>
                                                        <div class="himsBoxTitle">
                                                            <div class="headerText">
                                                                <div>
                                                                    <asp:Label ID="Label6" Text="" runat="server" Font-Bold="true" />
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12 padd-0">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="himsBoxContent  pTop5">

                                                        <div class="col-md-12">
                                                            <div class="alert alert-warning" style="margin-bottom: auto;">
                                                                <asp:Label ID="Label1" runat="server" Text="* Please select at list one checkbox  for download images"></asp:Label>
                                                            </div>
                                                        </div>
                                                        <div id="Div2" runat="server" class="table-responsive ">

                                                            <asp:GridView ID="EmployeeSearchGridView" runat="server" AutoGenerateColumns="False" OnRowDataBound="EmployeeSearchGridView_RowDataBound"
                                                                DataKeyNames="EmployeeId,Code" EmptyDataText="No records found"
                                                                SkinID="" ShowHeader="True" CssClass="table table-striped table-bordered table-hover">
                                                                <Columns>
                                                                    <asp:TemplateField ItemStyle-Width="3%" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Left">
                                                                        <HeaderTemplate>
                                                                            <label class="rt-chkbox rt-chkbox-outline">
                                                                                <asp:CheckBox ID="HeaderCheckBox" Enabled="true" onclick="CheckAll(this);" runat="server" />
                                                                                <span></span>
                                                                            </label>
                                                                        </HeaderTemplate>
                                                                        <ItemTemplate>
                                                                            <label class="rt-chkbox rt-chkbox-outline">
                                                                                <asp:CheckBox ID="SelectCheckBox" runat="server" />
                                                                                <span></span>
                                                                            </label>
                                                                        </ItemTemplate>

                                                                    </asp:TemplateField>
                                                                    <asp:BoundField DataField="Code" HeaderText="Employee Code" HeaderStyle-HorizontalAlign="Left"
                                                                        ItemStyle-Width="10%" />
                                                                    <asp:BoundField DataField="Name" HeaderText="Employee Name" HeaderStyle-HorizontalAlign="Left"
                                                                        ItemStyle-Width="40%" />
                                                                    <asp:BoundField DataField="OrganizationDepartment" HeaderText="Department" HeaderStyle-HorizontalAlign="Left"
                                                                        ItemStyle-Width="10%" />
                                                                    <asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderText="Photo" ItemStyle-HorizontalAlign="Center"
                                                                        ItemStyle-Width="20%" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <asp:ImageButton ID="EmployeePhoto" Visible="false" Height="60px" Width="60px" runat="server" ImageUrl='<%# Eval("EmployeePhoto")%>' OnClientClick="return LoadDiv(this.src);" />

                                                                            <asp:Label ID="lblFilePath" runat="server" Text='<%# (Eval("EmployeePhoto"))%>' Visible="false" />
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderText="Photo Size" ItemStyle-HorizontalAlign="Center"
                                                                        ItemStyle-Width="20%" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <asp:Label ID="SizeLabel" runat="server"></asp:Label>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>


                                                                </Columns>
                                                            </asp:GridView>
                                                            <input type="hidden" id="myField" value="" />
                                                            <div id="divBackground" class="modal">
                                                            </div>
                                                            <div id="divImage">
                                                                <table style="height: 100%; width: 100%">
                                                                    <tr>
                                                                        <td valign="middle" align="center">
                                                                            <img id="imgFull" alt="" src="" style="display: none; max-height: 400px; max-width: 600px; margin-top: 46px;" />
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="center" valign="bottom">
                                                                            <input id="btnClose" type="button" class="btn btn-delete fas" value="&#xf00d; Close" onclick="HideDiv()" style="position: absolute; top: 9%; right: 29%;" />
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </div>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>

                                        </asp:Panel>
                                </ContentTemplate>
                            </cc1:TabPanel>
                        </cc1:TabContainer>
                    </div>
                </div>

            </div>
            <div class="spacer">
                <img src="../../../Images/spacer.gif" />
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <script type="text/javascript">
        function LoadDiv(url) {
            var img = new Image();
            var bcgDiv = document.getElementById("divBackground");
            var imgDiv = document.getElementById("divImage");
            var imgFull = document.getElementById("imgFull");

            img.onload = function () {
                imgFull.src = img.src;
                imgFull.style.display = "block";

            };
            img.src = url;
            var width = document.body.clientWidth;
            if (document.body.clientHeight > document.body.scrollHeight) {
                bcgDiv.style.height = document.body.clientHeight + "px";
            }
            else {
                bcgDiv.style.height = document.body.scrollHeight + "px";
            }
            imgDiv.style.left = (width - 650) / 2 + "px";
            imgDiv.style.top = "150px";
            bcgDiv.style.width = "0px";

            bcgDiv.style.display = "block";
            imgDiv.style.display = "block";
            return false;
        }
        function HideDiv() {
            var bcgDiv = document.getElementById("divBackground");
            var imgDiv = document.getElementById("divImage");
            var imgFull = document.getElementById("imgFull");
            if (bcgDiv != null) {
                bcgDiv.style.display = "none";
                imgDiv.style.display = "none";
                imgFull.style.display = "none";
            }
        }
    </script>
    <%-- <script data-main="../../../JavaScript/rjs/uploadstudent-photo" src="../../../JavaScript/rjs/require.js"></script>--%>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/uploadstudent-photo")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
</asp:Content>
