$(document).ready(function(){
    //HOMEを選択
    selectMenuItem('m1');

    //入力補助ライブラリ
    $.updnWatermark.attachAll();
    var dlgHtml =
        '<div class="jqmDialog" id="loginerror">' +
            '<div class="jqmDialogWindow">' +
                '<div class="jqmDialogTitle clearfix">' +
                    '<h1 class="jqmWindowTitle">ログイン</h1><a href="#" class="jqmClose"><em>Close</em></a>' +
                '</div>' +
                '<div class="jqmWindowContent">' +
                    '<div class="jqmWindowMsg"></div>' +
                    '<div style="font-size: x-small;">パスワードを忘れた方は<a href="/passwordremind">こちら</a></div>' +
                '</div>' +
                '<div style="text-align: center;">' +
                    '<input type="submit" class="jqmCloseBtn" value="閉じる" />' +
                '</div>' +
            '</div>' +
        '</div>' +
        '<div class="jqmDialog" id="errorDialog">' +
            '<div class="jqmDialogWindow">' +
                '<div class="jqmDialogTitle clearfix">' +
                    '<h1 class="jqmWindowTitle">サイト内検索</h1><a href="#" class="jqmClose"><em>Close</em></a>' +
                '</div>' +
                '<div class="jqmWindowContent">' +
                    '<div class="jqmWindowMsg"></div>' +
                '</div>' +
                '<div style="text-align: center;">' +
                    '<input type="submit" class="jqmCloseBtn" value="閉じる" />' +
                '</div>' +
            '</div>' +
        '</div>';
    $('body').append(dlgHtml);

    //ダイアログ
    $('#loginerror').jqm({overlay: 88, modal: true, trigger: false}).jqmAddClose(".jqmCloseBtn");
    $('#errorDialog').jqm({overlay: 88, modal: true, trigger: false}).jqmAddClose(".jqmCloseBtn");

    $('#btn').click(function(){
        var c = $("#category").val();
        if(c == ''){
            $("#errorDialog")
                .find("div.jqmWindowMsg")
                .empty()
                .html('カテゴリを選択してください');
            $("#errorDialog").jqmShow();
            return false;
        }else{
            $('form[name="search"]').attr('action', c).submit();
        }
    });

    //ajaxログイン
    $("#join").click(function(){
        var param = {};
        param['mode'] = 'ajax';
        param['type'] = 'top';
        param['mail'] = $("#mailaddress").val();
        param['pass'] = $("#password").val();
        $.ajax({
            url: '/login',
            timeout : 1500,
            type: 'POST',
            cache: false,
            data: param,
            dataType: 'json',
            error: function(XMLHttpRequest, textStatus, errorThrown){
                $("#loginerror")
                    .find("div.jqmWindowMsg")
                    .empty()
                    .html('ログインに失敗しました');
                $("#loginerror").jqmShow();
                this;
            },
            success: function(data, dataType){
                if($(data.error).length > 0){
                    $("#loginerror")
                        .find("div.jqmWindowMsg")
                        .empty()
                        .append($('<p>').html(data.error.login));
                    $("#loginerror").jqmShow();
                }else{
                    //alert('ログイン成功！');
                    $("#loginArea").fadeOut('normal', function(){
                        $(this).empty().hide().append(data.success.html).fadeIn('normal');
                    });
                }
            }
        });
        return false;
    });

})