$(document).ready(function(){

  // XboxLiveゲーマーカード初期表示は隠す(JavaScriptOffの場合はiframeが空)
  var $xbox_btn = $("#xboxcard_toggle_btn");
  var $xbox_card = $("#xboxcard");
  $xbox_btn.attr('title', 'ゲーマーカードを表示する');

  // XboxLiveゲーマーカードの表示切替
  $xbox_btn.toggle(function(){
    var $this = $(this);
    if ($xbox_card.attr('src' == "about:blank")) {
      $xbox_card.attr('src', "http://gamercard.xbox.com/TorikishiMenges.card");
    }
    $xbox_card.slideToggle('fast');
    $this.removeClass("imagebutton-open");
    $this.addClass("imagebutton-close");
    $this.attr('title', 'ゲーマーカードを非表示にする');
    $this.text('▲');
    return false;
  }, function(){
    var $this = $(this);
    $xbox_card.slideToggle('fast');
    $this.removeClass("imagebutton-close");
    $this.addClass("imagebutton-open");
    $this.attr('title', 'ゲーマーカードを表示する');
    $this.text('▼');
    return false;
  });

  // 簡易コメントフォーム初期表示は隠す(JavaScriptOffの場合は使用不可)
  var $comment_btn = $("#commentform_toggle_btn");
  var $comment_form = $("#commentform-mini");
  $comment_btn.attr('title', '簡易コメントフォームを表示する');

  // 簡易コメントフォームの表示切替
  $comment_btn.toggle(function(){
    var $this = $(this);
    $comment_form.show();
    $this.removeClass("imagebutton-open");
    $this.addClass("imagebutton-close");
    $this.attr('title', '簡易コメントフォームを非表示にする');
    $this.text('▲');
    return false;
  }, function(){
    var $this = $(this);
    $comment_form.hide();
    $this.removeClass("imagebutton-close");
    $this.addClass("imagebutton-open");
    $this.attr('title', '簡易コメントフォームを表示する');
    $this.text('▼');
    return false;
  });

  // 簡易コメントフォームのコメント送信処理
  $("#commentform-s").submit(function () {
    $("#commentform-mini-errmsg").remove();
    $("#submit-s").hide();
    $("#submit-s").after('<span id="nowloading-s">送信中...</span>');
    $.ajax({
      type: "POST",
      url: this.action,
      data: $('input:text, input:hidden, textarea', this).serialize(),
      success: function(data, dataType){
         $("#comment").val('');
        location.reload();
      },
      error: function(XMLHttpRequest, textStatus, errorThrown) {
        if (XMLHttpRequest.status == '500') {
          var ret = XMLHttpRequest.responseText;
          if (ret.match(/<body id="error-page">/i)) {
            ret.match(/<p>([^<]*)<\/p>/i);
            var errmsg = RegExp.$1;
            $("#submit-s").parent().before('<p id="commentform-mini-errmsg">' + errmsg + '</p>');
            $("#nowloading-s").remove();
            $("#submit-s").show();
          }
        }
      }
    });
    return false;
  });

  // コメントフォームのコメント送信処理
  $("#commentform").submit(function () {
    $("#commentform-errmsg").remove();
    $("#submit").hide();
    $("#submit").after('<span id="nowloading">送信中...</span>');
    $.ajax({
      type: "POST",
      url: this.action,
      data: $('input:text, input:hidden, textarea', this).serialize(),
      success: function(data, dataType){
        $("#comment").val('');
        location.reload();
      },
      error: function(XMLHttpRequest, textStatus, errorThrown) {
        if (XMLHttpRequest.status == '500') {
          var ret = XMLHttpRequest.responseText;
          if (ret.match(/<body id="error-page">/i)) {
            ret.match(/<p>([^<]*)<\/p>/i);
            var errmsg = RegExp.$1;
            $("#submit").parent().before('<p id="commentform-errmsg">' + errmsg + '</p>');
            $("#nowloading").remove();
            $("#submit").show();
          }
        }
      }
    });
    return false;
  });

});
