<%@ page language="C#" autoeventwireup="true" inherits="users.user_ModifyHead, LebiMall" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title><%=model_t.Title %></title>
    <meta name="description" content=<%=model_t.Description %> />
    <meta name="keywords" content=<%=model_t.Keywords %> />
    <meta name="generator" content="LBMall 3.0.0" />
    <link href="../images/css/css3.css" rel="stylesheet" type="text/css" />
    <link href="../images/css/css2.css" rel="stylesheet" type="text/css" />
    <link href="../images/css/css.css" rel="stylesheet" type="text/css" />
    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 6]><style type="text/css" media="screen">/* <![CDATA[ */ @import url(../images/css/ie6.css); /* ]]> */</style><![endif]-->
    <!--[if gte IE 7]><STYLE type=text/css media=screen>@import url(../images/css/ie7.css);</STYLE><![endif]-->
    <script type="text/javascript" src="../images/js/shopjs.js"></script>
    <script type="text/javascript" src="../images/js/jquery1.2.6.pack.js"></script>
    <script type="text/javascript" src="../images/js/ui.core.packed.js"></script>
    <script type="text/javascript" src="../images/js/ui.draggable.packed.js"></script>
    <script type="text/javascript" src="../images/js/CutPic.js"></script>
    <script type="text/javascript">
        function search2(){
            var texts2=document.getElementById("ser2").value;
            var select_v2=document.getElementById("Select2").value;
            window.location="../list.aspx?tid="+select_v2+"&titlec="+escape(texts2);
        }
        function show_hotrank(ic){
            for(var i=0;i<10;i++){
                if(i==ic){
                    document.getElementById("hot_"+i).className="expand";
                    document.getElementById("hot_"+i+"_1").style.display="block";
                    document.getElementById("hot_"+i+"_2").style.display="none";
                }else{
                    document.getElementById("hot_"+i).className="redu";
                    document.getElementById("hot_"+i+"_1").style.display="none";
                    document.getElementById("hot_"+i+"_2").style.display="block";
                }
            }
        }
        function Step1() 
        {
            $("#Step2Container").hide();           
        }
        function Step2() 
        {
            $("#CurruntPicContainer").hide();
        }
    </script>
</head>
<body>
    <form id="Form1" runat="server">
        <div id="top-menu02">
            <div id="top-menu">
                <div class="right">
                    <script type="text/javascript">indexhead();</script>
                </div>
            </div>
        </div>
    <div id="top">
        <div id="logo">
            <a href="http://<%=Request.Url.Host %><%=model_t.WebPath %>/"><img src="../Upload/WebAdminImages/<%=model_t.Logoimg %>" border="0" /></a>
        </div>
    </div>
    <div id="sp-menu">
        <ul>
            <li><a href="http://<%=Request.Url.Host %><%=model_t.WebPath %>/">首页</a></li>
            <%for (int i = 0; i < ds_tab.Tables[0].Rows.Count; i++){ %>
            <li><%if (model_t.Tab == "1"){ %>
                <a href="../<%= ds_tab.Tables[0].Rows[i]["tdirname"]%>/" target="_blank"><%= ds_tab.Tables[0].Rows[i]["tname"]%></a>
                <%}else{%>
                <a href="../TopTab.aspx?type=<%= ds_tab.Tables[0].Rows[i]["tdirname"]%>" target="_blank"><%= ds_tab.Tables[0].Rows[i]["tname"]%></a>
                <%} %></li>
            <%} %>
            <li><a href="http://<%=Request.Url.Host %><%=model_t.WebPath %>/News/" target="_blank">资讯</a></li>
        </ul>
        <p>
            <span><a href="../ShopCoupon.aspx">优惠券</a></span></p>
    </div>
        <div id="contenter2">
            <div id="contenter">
                <script type="text/javascript">shopLeft();</script>
                <div id="right">
                    <div class="contenter">
                        <div class="nav-tabs">
                            <ul class="tabs">
                                <li><a href="Default.aspx">基本信息</a> </li>
                            </ul>
                            <ul class="tabs">
                                <li><a href="UserEdit.aspx">编辑信息</a> </li>
                            </ul>
                            <ul class="tabs">
                                <li class="selected"><a href="ModfiyHead.aspx">修改头像</a> </li>
                            </ul>
                            <ul class="tabs">
                                <li><a href="ModifyPassword.aspx">修改密码</a> </li>
                            </ul>
                        </div>
                        <table border="0" cellpadding="0" cellspacing="0" align=left>
                            <tr>
                                <td valign="top" class="left_td">
                                    <table border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div id="CurruntPicContainer">
                                                    <div style="border-bottom: 1px solid #ccc; padding: 4px; background: #E3EEF8; width:735px;">
                                                        <b>当前照片</b>
                                                    </div>
                                                    <div class="photocontainer" style="height: 130px;">
                                                        <div style="float: left;">
                                                            <asp:Image ID="imgphoto" runat="server" ImageUrl='' Width="120" Height="120" /></div>
                                                        <div style="float: left; padding-left: 10px;">
                                                            <em>&nbsp;&nbsp;使用真实姓名，<br />
                                                                &nbsp;&nbsp;上传真实头像，<br />
                                                                &nbsp;&nbsp;成为同城网星级用户！<br />
                                                            </em>
                                                        </div>
                                                        <div class="ttt">
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--Step 2-->
                                                <div id="Step2Container">
                                                    <div class="title1">
                                                        <b>裁切头像照片</b></div>
                                                    <div class="uploadtooltip">
                                                        您可以拖动照片以裁剪满意的头像</div>
                                                    <div id="Canvas" class="uploaddiv">
                                                        <div id="ImageDragContainer">
                                                            <asp:Image ID="ImageDrag" runat="server" ImageUrl="~/images/blank.jpg" CssClass="imagePhoto"
                                                                ToolTip="" />
                                                        </div>
                                                        <div id="IconContainer">
                                                            <asp:Image ID="ImageIcon" runat="server" ImageUrl="~/images/blank.jpg" CssClass="imagePhoto"
                                                                ToolTip="" />
                                                        </div>
                                                    </div>
                                                    <div class="uploaddiv">
                                                        <table>
                                                            <tr>
                                                                <td id="Min">
                                                                    <img alt="缩小" src="images/_c.gif" onmouseover="this.src='images/_c.gif';" onmouseout="this.src='images/_h.gif';"
                                                                        id="moresmall" class="smallbig" />
                                                                </td>
                                                                <td>
                                                                    <div id="bar">
                                                                        <div class="child"></div>
                                                                    </div>
                                                                </td>
                                                                <td id="Max">
                                                                    <img alt="放大" src="images/c.gif" onmouseover="this.src='images/c.gif';" onmouseout="this.src='images/h.gif';"
                                                                        id="morebig" class="smallbig" />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="3">
                                                                    <div class="red">如果图片没出来请拖动上面的滑轮再刷新页面!</div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                    <div class="uploaddiv">
                                                        <asp:Button ID="btn_Image" runat="server" Text="保存头像" OnClick="btn_Image_Click" />
                                                    </div>
                                                    <div style="display: none">
                                                        图片实际宽度：
                                                        <asp:TextBox ID="txt_width" runat="server" Text="1"></asp:TextBox><br />
                                                        图片实际高度：
                                                        <asp:TextBox ID="txt_height" runat="server" Text="1"></asp:TextBox><br />
                                                        距离顶部：
                                                        <asp:TextBox ID="txt_top" runat="server" Text="82"></asp:TextBox><br />
                                                        距离左边：
                                                        <asp:TextBox ID="txt_left" runat="server" Text="73"></asp:TextBox><br />
                                                        截取框的宽：
                                                        <asp:TextBox ID="txt_DropWidth" runat="server" Text="120"></asp:TextBox><br />
                                                        截取框的高：
                                                        <asp:TextBox ID="txt_DropHeight" runat="server" Text="120"></asp:TextBox><br />
                                                        放大倍数：
                                                        <asp:TextBox ID="txt_Zoom" runat="server"></asp:TextBox>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                &nbsp;</td>
                                            <td>
                                                &nbsp;</td>
                                        </tr>
                                        <tr id="tr1" runat="server">
                                            <td colspan="2">
                                                <div id="Step1Container">
                                                    <div style="border-bottom: 1px solid #ccc; padding: 4px; background: #E3EEF8;">
                                                        更换照片</div>
                                                    <div id="uploadcontainer">
                                                        <div class="uploaddiv">
                                                            <asp:FileUpload ID="fuPhoto" runat="server" ToolTip="选择照片" /></div>
                                                        <div class="uploaddiv">
                                                            <input type="submit" ID="btnUpload" class="btn" onmouseover="this.className='dis_btnf';"
                                                                onmouseout="this.className='btn';" runat="server" value="上 传" onserverclick="btnUpload_Click" /></div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr id="tr2" runat="server">
                                            <td colspan="2">
                                                <em>支持JPG、JPEG、GIF和BMP文件，限小于4MB以内。</em>
                                                <div id="mess_div" runat="server" class="red">
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="both">
                </div>
                <div class="both">
                </div>

               <div id="footer">
                <div id="copyright">
                    <div class="search">
                        <div class="search-left">
                            <div class="search-left-title">
                                搜索：</div>
                            <div class="search-left-form">
                                <input type="text" runat="server" id="ser2" size="30" /></div>
                            <div class="search-left-list">
                                <select id="Select2" runat="server">
                                </select>
                            </div>
                            <div class="search-left-button">
                                <img src="../images/search-buttom.gif" width="60" height="20" onclick="search2()" /></div>
                        </div>
                        <div class="search-right">
                            <div runat=server id="div_s2"></div>
                        </div>
                    </div>
                </div>
            </div>

                <div class="copyright" runat="server" id="copr"></div>
            </div>
        </div>
    </form>
</body>
</html>
