window.onload = function () {
  document.getElementById("update").onclick = updateImage;
  document.getElementById("image").onchange = updateImage;
  document.getElementById("size").onchange = function () {
    newheight = (this.value * 480) / 640;
    document.getElementById("height").value = Math.round(newheight);
  }
  document.getElementById("height").onchange = function () {
    newwidth = (this.value * 640) / 480;
    document.getElementById("size").value = Math.round(newwidth);
  }
  updateImage();
}

function updateURL() {
  newurl = "http://titles.ph-online.net/";
  newurl += document.getElementById("image").value;
  newurl += "/";
  newurl += document.getElementById("size").value;
  newurl += ".";
  newurl += document.getElementById("format").value;
  document.getElementById("url").value = newurl;
}

function updateImage() {
  updateURL();
  document.getElementById("titlecard").src = document.getElementById("url").value;
  document.getElementById("titlelink").href = document.getElementById("url").value;
}