+function(){
    var _loading = false;
    $(function(){
        $('#btnSubmit').attr('disabled', false);
        $('#mailForm').submit(function(){
            location.hash = 'mailFormTop';
            $('#message').hide();
        
            $('#btnSubmit').attr('disabled', true);
            
            setTimeout(function(){$('#btnSubmit').attr('disabled', false);}, 5000);
            var data = [];
            data.push('name='+get(['#last_name','#first_name'], ' '));
            data.push('kana='+get(['#last_name_kana','#first_name_kana'], ' '));
            data.push('email='+get(['#email'], ' '));
            data.push('zip='+get(['#zipcode1','#zipcode2'], '-'));
            data.push('addr='+get(['#address'], ' '));
            data.push('tel='+get(['#tel1','#tel2','#tel3'], '-'));
            data.push('fax='+get(['#fax1','#fax2','#fax3'], '-'));
            data.push('type='+encodeURIComponent($('input[@name=type]:checked').val() || ''));
            data.push('comment='+get(['#comment'], ' '));
            
            loading('#message');
            $.post('./MailForm/mail.php', data.join('&'), showMessage, 'json');
            
            return false;
        });
    });
    
    var get = function(arr, sep) {
        var value = [];
        $.each(arr, function(){
        //console.log(this,$(this.toString()).attr('value'));
            if ($(this.toString()).attr('value'))value.push($(this.toString()).attr('value'));
        })
        return encodeURIComponent(value.join(sep));
    };
    
    var showMessage = function(v){
        loading();
        $('.errorLabel').removeClass('errorLabel');
        var message = [];
        for(var key in v) {
            message.push('<li>' + v[key] + '</li>');
            $('#label_' + key).addClass('errorLabel');
        }
        if (!message.length) {
            thx();
            return;
        }
        var headMsg = '<h4>入力内容にエラーがあります。</h4><p>お問い合わせの送信は完了しておりません。下記をご確認ください。</p>';
        $('#message').html(headMsg + '<ul>' + message.join('') + '</ul>');
        $('#message').slideDown();
        $('#btnSubmit').attr('disabled', false);
    };
    var thx = function() {
        $('#mailForm').hide();
        $('#thxMessage').slideDown();
    };
    
    var loading = function(target){
        if (!_loading) {
            $(target).show();
//        console.log('loading')
            $(target).html('<div id="loadingIcon"><img src="/images/common/loadicon.gif" alt="loading"></div>');
            _loading = true;
            return;
        }
        
        $('#loadingIcon').remove();
        _loading = false;
    };    
}();