<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Web.Install._default" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link href="images/base.css" rel="stylesheet" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="/Common/jQuery/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var winWidth = 0;//总宽度
            var winHeight = 0;//总高度
            function findDimensions() //函数：获取尺寸 
            {
                //获取窗口宽度 
                if (window.innerWidth)
                    winWidth = window.innerWidth;
                else if ((document.body) && (document.body.clientWidth))
                    winWidth = document.body.clientWidth;
                //获取窗口高度 
                if (window.innerHeight)
                    winHeight = window.innerHeight;
                else if ((document.body) && (document.body.clientHeight))
                    winHeight = document.body.clientHeight;
                //通过深入Document内部对body进行检测，获取窗口大小 
                if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {
                    winHeight = document.documentElement.clientHeight;
                    winWidth = document.documentElement.clientWidth;
                }
                //-------------------------------
                var ContentHeight = $("#Content").css("height").replace("px", "");
                var PaddingHeight = winHeight / 2 - ContentHeight / 2;
                $("body").css("padding-top", PaddingHeight + "px");
            }
            findDimensions();
            //调用函数，获取数值 
            window.onresize = findDimensions;
            $("form").submit(function () {
                $(".btnnext").attr("disabled", "disabled");
            });
        });
    </script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div id="Content">
            <div class="w c">
                <div class="progress">
                    <ul>
                        <li <%=Action==""?"class=\"on\"":"" %>>欢迎使用</li>
                        <li>创建数据结构</li>
                        <li <%=Action.ToLower()=="step2"?"class=\"on\"":"" %>>初始化数据</li>
                        <li <%=Action.ToLower()=="step3"?"class=\"on\"":"" %>>基本配置</li>
                        <li <%=Action.ToLower()=="step4"?"class=\"on\"":"" %>>完成安装</li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            
            <div style="background-image: url('images/line.png'); height: 9px;"></div>
            <div>&nbsp;</div><div>&nbsp;</div>
            <div class="w c">
                <div class="l ico"></div>
                <div class="l infobox" id="UI_Step1" runat="server" visible="false">
                    <ul>
                        <li class="title">欢迎使用清竹虚拟主机管理系统!</li>
                        <li>&nbsp;</li>
                        <li>
                            <img src="images/loading.gif" />
                            &nbsp;步骤说明</li>
                    </ul>
                    <ol>
                        <li>当您看到本页面的时候说明您的主控端已经安装完成，接下来您只需要做一下简单的基本设置即可开始使用系统。</li>
                        <li>点击下一步开始创建数据结构。</li>
                    </ol>
                </div>
                <div class="l infobox" id="UI_Step2" runat="server" visible="false">
                    <ul>
                        <li class="title">初始化数据信息</li>
                        <li>&nbsp;</li>
                        <li>
                            <img src="images/loading.gif" />
                            &nbsp;步骤说明</li>
                    </ul>
                    <ol>
                        <li>系统已为您的数据库建立了对应的表结果，接下来将为您的数据库写入基本数据信息。</li>
                        <li>点击下一步开始创建数据结构。</li>
                    </ol>
                </div>
                <div class="l infobox" id="UI_Step3" runat="server" visible="false">
                    <ul>
                        <li class="title">基本配置</li>
                        <li>&nbsp;</li>
                        <li>
                            <img src="images/loading.gif" />
                            &nbsp;步骤说明</li>
                    </ul>
                    <ol>
                        <li>系统已为您初始化必要数据，接下来您只需设置一下系统管理员帐号和登录密码即可开始使用本系统。</li>
                        <li>管理帐号：<input type="text" value="" name="adminuser" /> 输入您的系统管理员帐号<br />管理密码：<input name="password" type="password" value="" /> 输入管理员登录密码<br />确认密码：<input type="password" value="" name="repassword" /> 再次输入密码</li>
                        <li>点击下一步完成基本设置。</li>
                    </ol>
                </div>
                <div class="clear"></div>
                <div>&nbsp;</div>
                <div>&nbsp;</div>
            </div>

            <div style="background-image: url('images/line.png'); height: 9px;"></div>
            <div>&nbsp;</div>
            <div class="w c talc">
                <input type="image" class="btnnext" src="images/next.png" name="next" value="" /></div>
        </div>
    </form>
</body>
</html>
