window.onload = function() {
    var el = document.getElementById('mathcaptcha');
    var src= document.createElement('script');
    src.setAttribute('src', '/scripts/mathcaptcha.js');
    document.body.appendChild(src);
    var div = document.createElement('div');
    div.style.border = '1px solid #cccccc';
    div.style.cssFloat = 'right';
    div.style.padding = 5+'px';
    div.style.width = 290+'px';
    div.style.height = 100+'px'; 
    div.innerHTML = '<h4 style="margin: 0;">Are you human?</h4><p style="margin: 0 0 40px 0; font: 11px/12px Arial,sans-serif;">Please solve this small math problem to prove you are human.</p><span id="mouse" style="width: 20px; position: absolute; top: 44px; left: 110px; font: 11px/12px Arial,sans-serif;">5</span><span id="fish" style="width: 70px; position: absolute; top: 44px; left: 130px; font: 11px/12px Arial,sans-serif;">then subtract</span><span id="bird" style="width: 20px; position: absolute; top: 44px; left: 55px; font: 11px/12px Arial,sans-serif;">6</span><span id="horse" style="width: 30px; position: absolute; top: 44px; left: 75px; font: 11px/12px Arial,sans-serif;">with</span><span id="cat" style="width: 20px; position: absolute; top: 44px; left: 210px; font: 11px/12px Arial,sans-serif;">6</span><span id="dog" style="width: 50px; position: absolute; top: 44px; left: 5px; font: 11px/12px Arial,sans-serif;">Multiply</span><label for="animal" style="padding: 0; width: 80px; font: bold 11px/12px Arial,sans-serif; margin: 4px 0 0 0;">Solution:</label><input id="animal" type="text" name="animal" style="width: 100px; min-width: 100px; float: left;" class="{val:[\'req\',\'mathCalc\'],msg:\'Please enter / verify the human test.\'}"/><input id="tiger" type="hidden" name="tiger" value="24" />';
    el.parentNode.insertBefore(div, el.nextSibling);
  };