var ajaxUrl = "/link/apply/mode/ajax/";

// URLをチェックするAJAX
var defultMess = 'チェック中......';
var okMess  = '<span style="font-weight: bold; color:blue;">確認できました。ありがとうございます。</span>';
var ng2Mess = '<span style="font-weight: bold; color:red;">入力されたURL内に当サイトへのリンクが確認できません</span>';
var ng3Mess = '<span style="font-weight: bold; color:red;">URLの形式が正しくありません。</span>';

var siteMutualUrl;

$(document).ready(function(){
                           
  FormOff();
  ToggleTag();
  
  // 新規登録で紹介されてるページのチェックボタンがクリックされたらajaxでチェックする
  $("[name='urlCheck']").click(function(){
    siteMutualUrl = $("#siteMutualUrl").val();
    $("#ajax_url_check_data").text(defultMess);
    ajaxCheck();
  });
  
  // 情報編集で紹介されてるページの入力欄にキーが入力されたらajaxでチェックする
  $("#editSiteMutualUrl").keyup(function(){
    siteMutualUrl = $("#editSiteMutualUrl").val();
    $("#ajax_url_check_data").text(defultMess);
    ajaxCheck();
  });
  
});

// フォームを非表示にする
function FormOff (){
  $('#apply_screen').fadeTo("slow", 0.1, function(){
    $("#apply_screen :enabled").attr('disabled', 'disabled');
  });
}

// フォームを表示する
function FormOn (){
  $('#apply_screen').fadeTo("fast",1);
  $("#apply_screen :disabled").removeAttr('disabled');
}

function ToggleTag (){
  $('#link_info').toggle();
}

function ajaxCheck (){

	$.ajax({
  url: ajaxUrl + "?url=" + urlencode(siteMutualUrl),
  success: function (data) {
    if(data == 1){
      $("#ajax_url_check_data").html(okMess);
      FormOn();
    }else if(data == 2){
      $("#ajax_url_check_data").html(ng2Mess);
      FormOff();
    }else if(data == 3){
      $("#ajax_url_check_data").html(ng3Mess);
      FormOff();
    }else{
      $("#ajax_url_check_data").html('error');
      FormOff();
			alert(data);
		}
  }
});
}

function urlencode (str) {
    str = (str+'').toString();
    return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').
    replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
}