<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Account.aspx.cs" Inherits="Project.Account" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        #managetable
        {
            text-align: center;
            border-width: 10px;
            border-spacing: 10px 0px;
        }
        .opencategory
        {
            color: White;
            font-family: Arial;
        }
        .opencategory:hover
        {
            text-decoration: underline;
            cursor: pointer;
        }
        .changeform
        {
            overflow: hidden;
            height: 0px;
        }
    </style>
    <script type="text/javascript">
        function clicked(id) {
            if (document.getElementById(id).offsetHeight == 0) {
                document.getElementById(id).style.height = document.getElementById(id).getElementsByTagName("table")[0].offsetHeight + "px";
            }
            else {
                document.getElementById(id).style.height = "0px";
            }
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <br />
    <br />
    <a class="opencategory" onclick="clicked('one')">+ Change Password:</a>
    <form action="Account.aspx" method="post" class="changeform" id="one">
    <table>
        <tr>
            <td>
                Current Password:
            </td>
            <td>
                <input type="password" name="currentpass" />
            </td>
        </tr>
        <tr>
            <td>
                New Password:
            </td>
            <td>
                <input type="password" name="newpass" />
            </td>
        </tr>
        <tr>
            <td>
                Confirm Password:
            </td>
            <td>
                <input type="password" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="submit" />
            </td>
        </tr>
    </table>
    </form>
    <a class="opencategory" onclick="clicked('two')">+ Change Email:</a>
    <form action="Emailchange.aspx" method="post" class="changeform" id="two">
    <table>
        <tr>
            <td>
                New Email:
            </td>
            <td>
                <input type="text" name="email" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="submit" />
            </td>
        </tr>
    </table>
    </form>
    <%=msg %>
    <asp:PlaceHolder ID="Admin" runat="server">
    <script type="text/javascript" language="javascript">
        function usershort() {
            var a = new Array(3);
            for (var i = 1; i < 4; i++) {
                a[i - 1] = document.getElementById("ii" + i.toString()).offsetWidth;
            }
            for (var i = 0; i < document.getElementById("adminmanage").getElementsByTagName("form").length; i++) {
                for (var j = 1; j < 4; j++) {
                    var temp = "i" + i.toString() + "j" + j.toString()
                    temporary.innerHTML = document.getElementById(temp).value;
                    // alert(temp);
                    if (a[j - 1] < temporary.offsetWidth) {
                        a[j - 1] = temporary.offsetWidth;
                        // alert(a[j - 1]);
                    }
                    //temporary.innerHTML = document.getElementById("i" + i.toString()).getElementsByTagName("input")[j].value;
                    //if(a[3]<
                }
            }
            //bugged
            for (var i = 0; i < document.getElementById("adminmanage").getElementsByTagName("form").length; i++) {
                for (var j = 1; j < 4; j++) {
                    var temp = "i" + i.toString() + "j" + j.toString();
                    document.getElementById(temp).style.width = a[j - 1] + "px";
                }
            }
        }
    </script>
        <div id="adminmanage">
            <table id="managetable">
                <%=html %>
            </table>
            <span id="temporary" style="visibility: hidden;"></span>
        </div>
        <script type="text/javascript" language="javascript">
            usershort();
        </script>
    </asp:PlaceHolder>
</asp:Content>