google.load("language", "1");
    google.setOnLoadCallback(init);

    /*function init() {
      var src = document.getElementById('src');
      var dst = document.getElementById('dst');
      var i=0;
      for (l in google.language.Languages) {
        var lng = l.toLowerCase();
        var lngCode = google.language.Languages[l];
        if (google.language.isTranslatable(lngCode)) {
          src.options.add(new Option(lng, lngCode));
          dst.options.add(new Option(lng, lngCode));
        }
      }
	
      google.language.getBranding('branding', { type : 'vertical' });

      submitChange();
    }
*/
    function submitChange() {
      var rawValue = document.getElementById('source').value;
      var value = rawValue.replace(/\n/g, " qjx ");
      var src = document.getElementById('src').value;
      var dest = document.getElementById('dst').value;
      google.language.translate(value, src, dest, translateResult);
      return false;
    }

    function translateResult(result) {
      var rawValue = document.getElementById('source').value;
      var value = rawValue.replace(/\n/g, " qjx ");
      var resultBody = document.getElementById("results_body");
      var originalBody = document.getElementById("original_body");
      if (result.translation) {
        var str = result.translation.replace(/qjx/ig, "<br>");
        var origStr = value.replace(/qjx/ig, "<br>");
        resultBody.innerHTML = str;
        originalBody.innerHTML = origStr;  
      } else {
        resultBody.innerHTML = '<span style="color:red">Error!</span>';
      }
    }