Fix loading spinner

Instead of hardcoded the URL to the spinner gif file, using url_for function. In order to use url_for function, it has to be in template, not in js file.

id of the modal could be a better name as well as label.

app/static/scripts/function.js

 function displayloading() {
-            document.getElementById("notification_window").innerHTML = "" +
-                "<div class=\"joyride-tip-guide\" data-index=\"0\" style=\"visibility: visible; display: block; top: 77.5px; left: 570px;\"><span class=\"joyride-nub\" style=\"display: none;\"></span><div class=\"joyride-content-wrapper\" role=\"dialog\"><ol>\n" +
-                "        <h4>\n" +
-                "\n" +
-                "          Your account is pending creation...\n" +
-                "\n" +
-                "        </h4>\n" +
-                "                <br><p>\n" +
-                "                    This can take between 5-10 min.\n" +
-                "                </p>\n" +
-                "      </ol>\n" +
-                "                <img src=\"/static/img/loading.gif\" style=\"width: 35px; height: auto\"> Pending...\n" +
-                "            </div></div>\n" +
-                "\n" +
-                "    <div class=\"joyride-modal-bg\" style=\"display: block;\"></div>"
+	$('#myModal').modal('show');
 }
 
 function request_account() {
@@ -26,4 +12,4 @@ function request_account() {
 
 function refresh() {
     document.location.reload(true);
-}
\ No newline at end of file
+}