<?php include "bing_translate_token.php"; ?>
<html>
<head>
<script type="text/javascript" src="/jquery-ui-1.9.2.custom/js/jquery-1.8.3.js"></script>
 <script type="text/javascript">
	function  translate(to)
    {
		/*var from = "it", to = "en", text = $("textarea#italiano").text();*/
		var from = "it";

		var testo = document.getElementById("italiano").value;

		if (testo.length < 2) return false;

		var s = document.createElement("script");
		s.src = "http://api.microsofttranslator.com/V2/Ajax.svc/Translate" +
			"?appId=Bearer " + encodeURIComponent('<?php echo $accessToken  ?>') +
			"&from=" + encodeURIComponent(from) +
			"&to=" + encodeURIComponent(to) +
			"&text=" + encodeURIComponent(testo) +
			"&oncomplete=mycallback";
		document.body.appendChild(s);
		console.log(s);
	}		
	
	function mycallback(response)
	{
		$("#inglese").html(response);
	}	
    </script>
</head>
<body>
<form id="form_traduci" name="form_traduci" method="post" action="">
  <p>
    <label>italiano
      <textarea name="italiano" id="italiano" cols="45" rows="5"></textarea>
    </label>
  </p>
  <p>
    <label><a  href="#" onclick="translate('en'); return false; ">inglese</a>
      <textarea name="inglese" id="inglese" cols="45" rows="5"></textarea>
    </label>
  </p>
  <p>
    <label><a  href="#" onclick="translate('fr'); return false; ">francese</a>
      <textarea name="francese" id="francese" cols="45" rows="5"></textarea>
    </label>
  </p>
  <p>
    <label><a  href="#" onclick="translate('de'); return false; "> tedesco</a>
      <textarea name="tedesco" id="tedesco" cols="45" rows="5"></textarea>
    </label>
  </p>
  <p>
    <label><a  href="#" onclick="translate('es'); return false; "> spagnolo</a>
      <textarea name="spagnolo" id="spagnolo" cols="45" rows="5"></textarea>
    </label>
  </p>  
  <p>
    <label>
      <input type="submit" name="traduci" id="traduci" value="traduci"  onclick="translate('es'); return false; " />
    </label>
  </p>
</form>
</body>
</html>
