function strip(str) {
  return str && str.replace(/^\s+|\s+$/g, '');
}


google.load("language", "1");
google.setOnLoadCallback(function() {
  function getViewerLanguage() {
    if (window.location.hash != "") return window.location.hash.split('#')[1];
    return google.language.CurrentLocale;
  }

  function translate(input_lang, output_lang, text, ele) {
    if (input_lang == output_lang) return ele.text(text);
    if (input_lang == "en" || output_lang == "en") {
      google.language.translate(text, input_lang, output_lang, function(result) {
        ele.html(strip((result.error && result.error.message) || result.translation));
      });

    } else {
      google.language.translate(text, input_lang, "en", function(result) {
        text = strip((result.error && result.error.message) || result.translation);
        google.language.translate(text, "en", output_lang, function(result) {
          ele.html(strip((result.error && result.error.message) || result.translation));
        });
      });
    }
  }

  function translate_textarea() {
    var text_src = document.getElementById("foreign").value;
    if (strip(text_src) == "") return;
    
    var output_lang = getViewerLanguage();    
    var div = jQuery('<div><p class="input"></p><p class="result"></p></div>').insertBefore(document.getElementById('output').firstChild);
    var result_p = jQuery('.result', div);
    var input_p = jQuery('.input', div);
    input_p.text(text_src);
    result_p.text(jQuery('#plswait').text());
    google.language.detect(input_p.text(), function(result) {
      translate(result.language, output_lang, input_p.text(), result_p);
      input_p.addClass(result.language)[0].title = jQuery("#otherlang a[href='#" + result.language + "']").text() + " " + result.language;
      result_p.addClass(output_lang)[0].title = jQuery("#otherlang a[href='#" + output_lang + "']").text() + " " + output_lang;
      jQuery('#otherlang a').removeClass('current');
      jQuery("#otherlang a[href='#" + output_lang + "']").addClass('current');
    });
  }

  function setViewerLanguage(newlang) {
    if (newlang) {
      window.location.hash = '#' + newlang;
    }
    jQuery('h1,dt,#plswait').each(function(index, ele) {
      var jele = jQuery(ele);
      ele.originalText = ele.originalText || jele.text();
      translate("en", getViewerLanguage(), ele.originalText, jele);
    });
    translate_textarea();
  }
  
  jQuery('#foreign').val((getViewerLanguage().match(/^en/) ? "Hola mi nombre es \"Tryanslator.\" Escribir algo aquí, y voy a traducir para usted." : "Hi my name is \"Tryanslator.\" Write something here, and I will translate for you.")).focus().select();
  
  setViewerLanguage();
  jQuery.each(languages, function(index, pair) {
     jQuery('<a href="#' + pair[0] + '">' + pair[1] + '</a>').appendTo('#otherlang').click(function() {
       setViewerLanguage(pair[0]);
       return false;
     });
     if (languages[index+1]) {
       jQuery('<span> | </span>').appendTo('#otherlang');
     }
  });
  
  var old_text = jQuery('#foreign').val();
  var old_timer = null;
  function watch() {
    var new_text = jQuery('#foreign').val();
    if (! old_text) {
      old_text = new_text;
    } else if (new_text != old_text) {
      if (old_timer) clearTimeout(old_timer);
      old_text = new_text;
      if (strip(new_text) != "") {
        old_timer = setTimeout(translate_textarea, 1300);
      }
    }
  }
  setInterval(watch, 400);  
});