{include file="header.html"}

<script type="text/javascript">
$(function(){
    $('#login_form').validate({
        errorPlacement: function(error, element){
            $(element).parent('td').append(error); 
        },
        success       : function(label){
            label.addClass('validate_right').text('OK!');
        },
        onkeyup : false,
        rules : {
            user_name : {
                required : true
            },
            password : {
                required : true
            },
            captcha : {
                required : true,
                remote   : {
                    url : 'index.php?app=captcha&act=check_captcha',
                    type: 'get',
                    data:{
                        captcha : function(){
                            return $('#captcha1').val();
                        }
                    }
                }
            }
        },
        messages : {
            user_name : {
                required : '{$lang.user_name_required}'
            },
            password  : {
                required : '{$lang.password_required}'
            },
            captcha : {
                required : '{$lang.captcha_required}',
                remote   : '{$lang.captcha_error}'
            }
        }
    });
});
</script>

<div class="content">
    <div class="module_common">
        <h2><b class="login" title="LOGIN{$lang.user_login}"></b></h2>
        <div class="wrap">
            <div class="wrap_child">
                <div class="login_con">
                    <div class="login_left">
                        <form method="post" id="login_form">
                        <table>
                            <tr>
                                <td>{$lang.user_name}: </td>
                                <td><input type="text" name="user_name" class="text width5" /></td>
                            </tr>
                            <tr>
                                <td>{$lang.password}: </td>
                                <td><input type="password" name="password" class="text width5" /></td>
                            </tr>
                            <!--{if $captcha}-->
                            <tr>
                                <td>{$lang.captcha}:</td>
                                <td>
                                    <input type="text" name="captcha" class="text" id="captcha1" />
                                    <span><a href="javascript:change_captcha($('#captcha'));" class="renewedly"><img id="captcha" src="index.php?app=captcha&amp;{$random_number}" /></a></span>
                                </td>
                            </tr>
                            <!--{/if}-->
                            <tr class="distance">
                                <td></td>
                                <td>
                                  <input type="submit" name="Submit" value="" class="enter" />                                  
                                  <a href="{url app=find_password}" class="clew">{$lang.forget_password}</a>
                                </td>
                            </tr>
                        </table>
                        <input type="hidden" name="ret_url" value="{$ret_url}" />
                        </form>
                    </div>

                    <div class="login_right">
                        <h4>{$lang.attention}:<br />{$lang.not_member}</h4>
                        <p>{$lang.after_register}</p>
                        <ol>
                            <li><strong>1.</strong> {$lang.save_profile}</li>
                            <li><strong>2.</strong> {$lang.collect_goods}</li>
                           <!-- <li><strong>3.</strong> {$lang.member_point}</li>-->
                            <li><strong>3.</strong> {$lang.subscription_goods}</li>
                        </ol>
                        <a href="{url app=member&act=register&ret_url=$ret_url}" class="login_btn" title="{$lang.register_now}"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{include file="footer.html"}