YUI().use("node", "event", "log", function(Y) {
  
  function handleFormSubmit(e) {
    e.preventDefault();
    var links = Y.one("#links").get("value");
    var host1 = Y.one("#host1").get("value");
    var host2 = Y.one("#host2").get("value");
    var resultsNode = Y.one("#links_container");
    if(!links || !host1 || !host2) {
      Y.log("Enter values in all fields.");
    }
    var linksArr = links.split(/\n/);

    var results = "";
    for(var i in linksArr) {
      if(!linksArr[i]) { continue; }
      results += "<hr/>"
      results += "<a href=\"" + host1 + linksArr[i] + "\">" + host1 + linksArr[i] + "</a><br/>";
      results += "<a href=\"" + host2 + linksArr[i] + "\">" + host2 + linksArr[i] + "</a><br/>";
    }
    resultsNode.set("innerHTML", results);
  }


  Y.on("click", handleFormSubmit, "#go");
  window.Y = Y;

  Y.all(".textinput").on("focus", function(e) {
    var tgt = e.target;
    tgt.replaceClass("inactive", "active");
    var v = tgt.get("value");
    var dv = tgt.get("defaultValue");
    if(v === dv) {
      tgt.set("value", "");
    }
  });
  Y.all(".textinput").on("blur", function(e) {
    var tgt = e.target;
    var v = tgt.get("value");
    var dv = tgt.get("defaultValue");
    if(v === "") {
      tgt.set("value", dv);
      tgt.replaceClass("active", "inactive");
    } 
  });

});

