function changeSettings(tool) {
  var html1 = '';
  var html2 = '';
  
  if(document.getElementsByName('tpl_width')[0].value != 'auto') {
    html1 += '  var tpl_width = \'' + document.getElementsByName('tpl_width')[0].value + '\';\n';
  }
  document.getElementById('exampleDiv').style.width = document.getElementsByName('tpl_width')[0].value;

  if(document.getElementsByName('tpl_background_color')[0].value != '#ffffff') {
    html1 += '  var tpl_background_color = \'' + document.getElementsByName('tpl_background_color')[0].value + '\';\n';
  }
  document.getElementById('exampleDiv').style.backgroundColor = document.getElementsByName('tpl_background_color')[0].value;

  if(document.getElementsByName('tpl_border_width')[0].value != '1px') {
    html1 += '  var tpl_border_width = \'' + document.getElementsByName('tpl_border_width')[0].value + '\';\n';
  }
  document.getElementById('exampleDiv').style.borderWidth = document.getElementsByName('tpl_border_width')[0].value;

  if(document.getElementsByName('tpl_border_style')[0].value != 'solid') {
    html1 += '  var tpl_border_style = \'' + document.getElementsByName('tpl_border_style')[0].value + '\';\n';
  }
  document.getElementById('exampleDiv').style.borderStyle = document.getElementsByName('tpl_border_style')[0].value;

  if(document.getElementsByName('tpl_border_color')[0].value != '#cccccc') {
    html1 += '  var tpl_border_color = \'' + document.getElementsByName('tpl_border_color')[0].value + '\';\n';
  }
  document.getElementById('exampleDiv').style.borderColor = document.getElementsByName('tpl_border_color')[0].value;

  if(document.getElementsByName('tpl_text_color')[0].value != '#000000') {
    html1 += '  var tpl_text_color = \'' + document.getElementsByName('tpl_text_color')[0].value + '\';\n';
  }
  var els = document.getElementById('exampleDiv').getElementsByTagName('p');
  for(i = 0; i < els.length; i++) {
    els[i].style.color = document.getElementsByName('tpl_text_color')[0].value;
  }

  if(document.getElementsByName('tpl_link_color')[0].value != '#000000') {
    html1 += '  var tpl_link_color = \'' + document.getElementsByName('tpl_link_color')[0].value + '\';\n';
  }
  var els = document.getElementById('exampleDiv').getElementsByTagName('a');
  for(i = 0; i < els.length; i++) {
    els[i].style.color = document.getElementsByName('tpl_link_color')[0].value;
  }

  if(document.getElementsByName('tpl_padding')[0].value != '5px') {
    html1 += '  var tpl_padding = \'' + document.getElementsByName('tpl_padding')[0].value + '\';\n';
  }
  document.getElementById('exampleDiv').style.padding = document.getElementsByName('tpl_padding')[0].value;

  if(document.getElementsByName('tpl_margin')[0].value != '0px 0px 5px 0px') {
    html1 += '  var tpl_margin = \'' + document.getElementsByName('tpl_margin')[0].value + '\';\n';
  }
  document.getElementById('exampleDiv').style.margin = document.getElementsByName('tpl_margin')[0].value;

  if(document.getElementsByName('tpl_font_family')[0].value != '') {
    html1 += '  var tpl_font_family = \'' + document.getElementsByName('tpl_font_family')[0].value + '\';\n';
  }
  document.getElementById('exampleDiv').style.fontFamily = document.getElementsByName('tpl_font_family')[0].value;

  if(document.getElementsByName('tpl_font_size')[0].value != '') {
    html1 += '  var tpl_font_size = \'' + document.getElementsByName('tpl_font_size')[0].value + '\';\n';
  }
  document.getElementById('exampleDiv').style.fontSize = document.getElementsByName('tpl_font_size')[0].value;


  if(html1) {
    html2 += '<script type="text/javascript">\n' + html1 + '</script>\n';
  }
  
  if(tool == 'mortgage_news') {
    html2 += '<script type="text/javascript" src="https://www.mortgagerates.co.nz/webtools/mortgage-news.js"></script>';
    document.getElementById('mortgage_news').value = html2;
  }
  else if(tool == 'deposit_rates') {
    html2 += '<div id="deposit-rates-calculator">\n  <a href="http://www.depositrates.co.nz">www.depositrates.co.nz</a>\n  <script type="text/javascript" src="https://www.depositrates.co.nz/webtools/deposit-rates.js"></script>\n</div>';
    document.getElementById('deposit_rates').value = html2;
  }
  else if(tool == 'mortgage_rates') {
    html2 += '<div id="mortgage-rates-table">\n  <a href="http://www.mortgagerates.co.nz">www.mortgagerates.co.nz</a>\n  <script type="text/javascript" src="http://www.mortgagerates.co.nz/webtools/mortgage-rates.js"></script>\n</div>';
    document.getElementById('mortgage_rates').value = html2;
  }

}