/** 
 * 「登録」ページの「画像回転」操作によるデータの送受信（非同期通信）
 */
	     
function imgrotate(img_form, convert) {	
  // メッセージ
  if (document.getElementById("inp_imagename").value == '') {
    document.getElementById("reaction").innerHTML = '画像データ入力は必須です！。';
    return;
  }
  
  // レスポンスエリアをクリア
  document.getElementById("reaction").innerHTML = ' ';
  document.getElementById("imageshow").innerHTML = '';	
  
  // フォームオブジェクトを作成
  var img_form = document.getElementById(img_form);
  rotate_data = new FormData(img_form);
  
  // file読込み時
  if (convert == 'newfile') {
    angle = 0;
    // フォームにrotateフィールドを追加
    rotate_data.append("rotate", angle);
  }
  
  // 回転角度を設定
  if (convert == 'r_rotate') {		
    angle -= 90;
    if (angle == -360) {
    	angle = 0;
    }	
    // フォームにrotateフィールドを追加
    rotate_data.append("rotate", angle);
  } else if (convert == 'l_rotate') {		
    angle += 90;
    if (angle == 360) {
    	angle = 0;
    }
    // フォームにrotateフィールドを追加
    rotate_data.append("rotate", angle);
  }
  
  if (rotate_data == "") {	
      return;
  } else {    
    // サーバーとの通信を形成してオブジェクトを作成
    var xhr = new XMLHttpRequest();
    xhr.onload = function (e) {
      if (xhr.readyState == 4) {
        if (xhr.status == 200) {
          // 送信元のid属性名の指定タグへリクエスト結果を返す
          document.getElementById("imageshow").innerHTML = xhr.responseText;
        } else {
          alert('Request Error');
        }
      }
    };
    xhr.onerror = function (e) {
      alert('Network Error');
    };        
     
    // リクエスト先に非同期で処理を指定
    xhr.open("POST", "inimagerotate.php", true);
    // フォームオブジェクトをPOSTで送信
    xhr.send(rotate_data);
  }
}

/**
 * 登録データの送受信（非同期通信）
 */
	    
function form_insert(form_id) {	
  var formId = document.getElementById(form_id);
  // フォームオブジェクトを作成
  var insert_data = new FormData(formId);　
  
  if (insert_data == "") {
      return;
  } else {    
    // サーバーとの通信を形成してオブジェクトを作成 
    var xhr = new XMLHttpRequest();
    xhr.onload = function (e) {
      if (xhr.readyState == 4) {
        if (xhr.status == 200) {
          // 送信元のid属性名の指定タグへリクエスト結果を返す
          document.getElementById("reaction").innerHTML = xhr.responseText;
        } else {
          alert('Request Error');
        }
      }
    };
    xhr.onerror = function (e) {
      alert('Network Error');
    };
     
    // リクエスト先に非同期で処理を指定
    xhr.open("POST", "insert2.php", true);
    // フォームオブジェクトをPOSTで送信
    xhr.send(insert_data);
  }
}