Library of Babel - Double Search

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "UTF-8">
        <script type = "text/javascript">
        function generate_page()
        {
            var search_1 = document.getElementById("search_1").value;
            var search_2 = document.getElementById("search_2").value;

            var alphabet = "abcdefghijklmnopqrstuvwxyz,. ";

            var search_length = search_1.length + search_2.length;
            var remaining = 3200 - search_length;

            var middle_length = Math.floor(Math.random() * (remaining - search_length));
            var before_length = Math.floor(Math.random() * (remaining - middle_length));
            var after_length = remaining - before_length - middle_length;

            function generate_text(length)
            {
                var text = "";
                for(i=0; i<length; i++)
                {
                    var letter = Math.floor(Math.random() * 28);
                    text += alphabet.substring(letter, letter + 1);
                }

                return text;
            }

            var before = generate_text(before_length);
            var middle = generate_text(middle_length);
            var after = generate_text(after_length);

            var page = before + search_1 + middle + search_2 + after;

            var content = document.getElementById("content");
            content.innerHTML = "";

            for(i=0; i<40; i++)
            {
                content.innerHTML += page.substring(i*80, (i*80) + 80) + "<br>";
            }
        }
        </script>

        <style type = "text/css">
        #content
        {
            font-family: monospace;
        }
        </style>
    </head>

    <body>
        Before: <input type = "text" id = "search_1" value = "   ONCE UPON A TIME   " />
        After: <input type = "text" id = "search_2" value = "   THE END   " />
        <input type = "button" value = "Generate Page" onclick = "generate_page()" />
        <pre id = "content"></pre>
    </body>
</html>