<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="author" content="ok.2nd">
<meta name="description" content="翻訳 by Google">
<meta name="keywords" content="翻訳,Ajax,Google">
<title>翻訳 by Google AJAX Language API</title>
<link rel="stylesheet" href="../style/original/tools_common.css?20120406">
<style>
textarea#source { height: 100px; width: 500px; }
td#sourceBox { background-color: #e0ffff; }
td#resultBox { background-color: #ffffe0; }
td#retransBox { background-color: #fff0e0; }
</style>
<script src="http://www.google.com/jsapi"></script>
<script>
google.load("language", "1");
function init() {
	var langList = document.getElementById("target-language");
	for (var lang in google.language.Languages) {
		//if (lang == "FRENCH" || lang == "GERMAN" || lang == "ITALIAN" || lang == "SPANISH") {
			var langOpt = new Option(lang, google.language.Languages[lang]);
			langList.options[langList.options.length] = langOpt;
		//}
	}
}
google.setOnLoadCallback(init);
function sourceclear() {
	document.getElementById("source").value = "";
}
function breakLine(str) {
	return(str.replace(/[.]/g, '.<br><br>').replace(/。/g, '。<br><br>'));
}
function translate(mode) {
	var source = document.getElementById("source").value.replace(/\n/g,"");
	document.getElementById("sourceBox").innerHTML = breakLine(source);
	document.getElementById("resultBox").innerHTML = "";
	document.getElementById("retransBox").innerHTML = "";
	// 入力された文字列から、言語を自動的に判別する
	google.language.detect(source.substr(0,160), function(detectResult) {
		if (detectResult.error) {
			// alert("言語判別エラー:" + error.message);
			document.getElementById("resultBox").innerHTML = "（言語判別エラー）";
			return;
		}
		if (mode == "other") {
			if (document.getElementById("tr_en").checked) {
				if (detectResult.language == "en") {
					sorceLang = "en";
					langList = document.getElementById("target-language");
					targetLang = langList.options[langList.selectedIndex].value;
					reTransLang = "ja";
					document.getElementById("lang1").innerHTML = "("+langList.options[langList.selectedIndex].text+")";
					document.getElementById("lang2").innerHTML = "(日本語)";
				} else {
					sorceLang = detectResult.language;
					targetLang = "en";
					langList = document.getElementById("target-language");
					reTransLang = langList.options[langList.selectedIndex].value;
					document.getElementById("lang1").innerHTML = "(英語)";
					document.getElementById("lang2").innerHTML = "("+langList.options[langList.selectedIndex].text+")";
				}
			} else {
				sorceLang = detectResult.language;
				langList = document.getElementById("target-language");
				targetLang = langList.options[langList.selectedIndex].value;
				reTransLang = "ja";
				document.getElementById("lang1").innerHTML = "("+langList.options[langList.selectedIndex].text+")";
				document.getElementById("lang2").innerHTML = "(日本語)";
			}
		} else {
			if (detectResult.language == "en") {
				sorceLang = "en";
				targetLang = "ja";
				reTransLang = "en";
				document.getElementById("lang1").innerHTML = "(日本語)";
				document.getElementById("lang2").innerHTML = "(英語)";
			} else {
				sorceLang = detectResult.language;
				targetLang = "en";
				reTransLang = "ja";
				document.getElementById("lang1").innerHTML = "(英語)";
				document.getElementById("lang2").innerHTML = "(日本語)";
			}
		}
		if (source.length < 160) {
			googleTranslate(mode, source, 0, 0);
		} else {
			if (detectResult.language == "ja" || detectResult.language == "zh-CN" || detectResult.language == "zh-TW") {
				splitChr = "。";
			} else {
				splitChr = ".";
			}
			sentence = source.split(splitChr);
			if (sentence.length <= 1) {
				googleTranslate(mode, source, 0, 0);
			} else {
			//	for (ix=0;ix<sentence.length;ix++) {		// APIがコールバック関数のためforで回せない
					googleTranslate(mode, sentence[0]+splitChr, 0, sentence.length-1);
			//	}
			}
		};
	});
}
function googleTranslate(mode, source, cix, eix) {
	google.language.translate(
		source,
		sorceLang,
		targetLang,
		function(result) {
			if (result.error) {
				document.getElementById("resultBox").innerHTML += "（翻訳エラー）" + result.message;
				return;
			}
			document.getElementById("resultBox").innerHTML += breakLine(result.translation);
			google.language.translate(
				result.translation,
				targetLang,
				reTransLang,
				function(result) {
					if (result.error) {
						document.getElementById("retransBox").innerHTML += "（再翻訳エラー）" + result.message;
						return;
					}
					document.getElementById("retransBox").innerHTML += breakLine(result.translation);
					if (cix < eix) {
						for (ix=++cix;((str = trim(sentence[ix])) == "") && (ix < eix); ix++) {
							// 空白のみの行をスキップ
						}
						googleTranslate(mode, str+splitChr, ix, eix);
					}
				});
		});
}
function trim(str) {
	return str.replace(/(^\s+)|(\s+$)/g, "");
}
</script>
</head>
<body>
<p id="tool_title_area">
<a href="../tools/" class="return_index">■</a>
<span id="tool_title">翻訳 by Google AJAX Language API</span>
　<span style="color:red;">※ Google Translate API v1廃止のため、動作しません。</font>
</p>
	<textarea id="source"></textarea><button onclick="sourceclear()">クリア</button><br>
	<button onclick="translate('')">翻訳</button>
	日英では、翻訳後、元の言語に再翻訳します。日英以外の言語を入力すると英語に翻訳後、日本語に翻訳します。<br/>
	<select id="target-language">
		<option value="ja">日本語</option>
		<option value="en">英語</option>
		<option value="fr">フランス語</option>
		<option value="de">ドイツ語</option>
		<option value="it">イタリア語</option>
		<option value="es">スペイン語</option>
		<option value="ko">韓国語</option>
		<option value="zh-CN">中国語(簡体)</option>
		<option value="zh-TW">中国語(繁体)</option>
		<option value="ar">アラビア語</option>
		<option value="id">インドネシア語</option>
		<option value="uk">ウクライナ語</option>
		<option value="nl">オランダ語</option>
		<option value="ca">カタロニア語</option>
		<option value="el">ギリシャ語</option>
		<option value="hr">クロアチア語</option>
		<option value="sv">スウェーデン語</option>
		<option value="sk">スロバキア語</option>
		<option value="sl">スロベニア語</option>
		<option value="sr">セルビア語</option>
		<option value="tl">タガログ語</option>
		<option value="cs">チェコ語</option>
		<option value="da">デンマーク語</option>
		<option value="no">ノルウェー語</option>
		<option value="hi">ヒンディー語</option>
		<option value="fi">フィンランド語</option>
		<option value="bg">ブルガリア語</option>
		<option value="vi">ベトナム語</option>
		<option value="iw">ヘブライ語</option>
		<option value="pl">ポーランド語</option>
		<option value="pt">ポルトガル語</option>
		<option value="lv">ラトビア語</option>
		<option value="lt">リトアニア語</option>
		<option value="ro">ルーマニア語</option>
		<option value="ru">ロシア語</option>
	</select>
	<button onclick="translate('other')">←に翻訳する</button>
	<label><input type="checkbox" id="tr_en" value="yes">英語を経由して指定外国語に翻訳</label>
<br/><br/>
<table width=100%>
<tr>
<td width=33% valign=top>原文↓</td>
<td width=34% valign=top>翻訳↓&nbsp;<span id="lang1"></span></td>
<td width=33% valign=top>再翻訳↓&nbsp;<span id="lang2"></span></td>
</tr>
<tr>
<td id="sourceBox" width=33% valign=top></td>
<td id="resultBox" width=34% valign=top></td>
<td id="retransBox" width=33% valign=top></td>
</tr>
</table>
<br/>
Powered by <a href="http://code.google.com/apis/ajaxlanguage/" target="_blank">Google AJAX Language API</a>
<br/><br/>
<div id="page_footer">
<a href="http://ok2nd.web.fc2.com/" target="_blank" style="color:#8080ff;">Powered by ok.2nd</a>
</div>
</body>
</html>
