body {
        padding-top: 50px;
      }
      .sub-header {
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
      }
      .navbar-fixed-top {
        border: 0;
        z-index: 9999;
      }
      .sidebar {
        display: none;
      }
      @media (min-width: 768px) {
        .sidebar {
          position: fixed;
          top: 51px;
          bottom: 0;
          left: 0;
          z-index: 1000;
          display: block;
          padding: 20px;
          overflow-x: hidden;
          overflow-y: auto;
          background-color: #f5f5f5;
          border-right: 1px solid #eee;
        }
      }
      .nav-sidebar {
        margin-right: -21px;
        margin-bottom: 20px;
        margin-left: -20px;
      }
      .nav-sidebar > li > a {
        padding-right: 20px;
        padding-left: 20px;
      }
      .nav-sidebar > .active > a,
      .nav-sidebar > .active > a:hover,
      .nav-sidebar > .active > a:focus {
        color: #fff;
        background-color: #428bca;
      }
      .main {
        padding-top: 40px;
      }
      .main-tabs {
        width: 100%;
        padding-top: 15px;
        padding-left: 0px;
        padding-right: 0px;
        background-color: lightgray;
        display: none;
      }
      img.logo-header {
        background-color: transparent;
        height: 100%;
      }
      .col-lg-8 {
        padding-left: 0px;
      }
      @media (min-width: 768px) {
        .main {
          padding-right: 40px;
        }
      }
      .main .page-header {
        margin-top: 0;
      }
      .placeholders {
        margin-bottom: 30px;
        text-align: center;
      }
      .placeholders h4 {
        margin-bottom: 0;
      }
      .placeholder {
        margin-bottom: 20px;
      }
      .placeholder img {
        display: inline-block;
        border-radius: 50%;
      }
      .r-t {
        margin: 0px;
      }
      .r-l {
        margin: 0px;
      }
      span.label.label-default {
        background-color: #fff;
        color: lightgray;
        font-size: 90%;
        line-height: 1;
      }
      span.label.label-default a {
        color: #ddd;
        text-decoration: none;
      }
      a.r-l:hover,
      a.r-l:focus {
        color: #6467FF;
        text-decoration: none;
      }
      .navbar-header {
        width: 110px;
      }
      .col-centered {
        float: none;
        margin: 0 auto;
        padding: 30px;
        /*box-shadow: 0px 1px 1px 1px #ddd;*/
        border: 1px solid #ddd;
        position: relative;
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
      }
      
      #edit-info:hover{
        color:gray;
        cursor:pointer;
      }
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="description" content="Decentralized and Trustless - Fund your projects easily through Qora">
      <link rel="shortcut icon" href="favicon.ico">
      <title>Qrowdfund - Fund your projects easily through Qora</title>
      <link href="/index/libs/bootstrap/3/css/theme.css" rel="stylesheet">
      <link href="/index/libs/css/style.css" rel="stylesheet">
      <link href="/index/libs/css/sidebar.css" rel="stylesheet">
      <style type="text/css">
        {{namestoragemap.getOpt("qrowdfund","qrowdfund.css")}}
      </style>
    </head>
    <body>
      {{navbar}}
      <div class="container">
        <div class="row">
          <div class="main">
            <div class="col-lg-12 col-centered">
              <div class="form-horizontal">
                <!-- <fieldset> -->
                <legend style="color:#2b2a7f;font-weight:300;font-size:30px;text-shadow:0 1px 2px"><img src="/qrowdfund/qrowdfundSmall.png" width="30px"/>rowdfund</legend>
                <div id=result></div>
                {{result}}
                <div class="form-group">
    
                  <label for="select-name" class="col-lg-2 control-label">Receive funds to:</label>
                  <div class="col-lg-10">
                    <select class="form-control" id="select-name">
                      {% for account in controller.getAccounts("true") %}
                      <option value={{account.getAddress()}}>
                        {{account.toString()}}</option>
                        {% endfor %}
                      </select>
                    </div>
    
                    <label for="at-name" class="col-lg-2 control-label">Name</label>
                    <div class="col-lg-10">
                      <input id="at-name" type="text" placeholder="Give a name to your qrowdfund" class="form-control">
                    </div>
    
                    <label for="short-description" class="col-lg-2 control-label">Short Description</label>
                    <div class="col-lg-10">
                      <input id="short-description" type="textarea" placeholder="short description" class="form-control"/>
                    </div>
    
                    <label for="tags" class="col-lg-2 control-label">Tags</label>
                    <div class="col-lg-10">
                      <input id="tags" type="textarea" placeholder="tags" class="form-control"/>
                    </div>
    
                    <label for="Amount" class="col-lg-2 control-label">Goal Amount</label>
                    <div class="col-lg-10">
                      <input id="amount" type="text" placeholder="amount" class="form-control">
                    </div>
    
                    <label for="duration" class="col-lg-2 control-label">Duration (select one):</label>
                    <div class="col-lg-10">
                      <select class="form-control" id="duration">
                        <option value='b013000000000000'>
                          2 weeks
                        </option>
    
                        <option value='881d000000000000'>
                          3 weeks
                        </option>
    
                        <option value='6027000000000000'>
                          4 weeks
                        </option>
    
                        <option value='3831000000000000'>
                          5 weeks
                        </option>
    
                        <option value='103b000000000000'>
                          6 weeks
                        </option>
    
                        <option value='e844000000000000'>
                          7 weeks
                        </option>
    
                        <option value='c04e000000000000'>
                          8 weeks
                        </option>
                      </select>
                    </div>
                    <!-- </fieldset> -->
                  </div>
                  <div class="form-group">
                    <div class="col-lg-10 col-lg-offset-2">
                      <button type="reset" id="btncancel" onclick="javascript:reload()" class="btn btn-default">Cancel</button>
                      <button type="submit" id="btnsubmit" onclick="javascript:updateValue()" class="btn btn-primary pull-right">Submit</button>
                    </div>
                  </div>
                </div>
              </div>
              {% for at in ats.getIdsByType("qrowdfund")%}
    {% if ats.getName(at) != "QoraPrAndMarketingMain" %}
    {% if ats.getName(at) != "QoraPRandMarketingX" %}
    {% if ats.getName(at) != "QoraPrMarketing" %}
    {% if ats.getName(at) != "QORAprANDmarketing" %}
    {% if ats.getName(at) != "qoraprmarketing" %}
    {% if at != "AYrwn24waABPYSYxZjM3kYhtangHUHKMdw" %}
              <div class="col-lg-12 col-centered">
                <div class="row">
                  <div class="col-lg-8 col-md-6 col-xs-12">
                    <h5><a href="/qrowdfund/at?at={{at}}">{{ats.getName(at)}}</a></h5>
                    <span>{{ats.getDesc(at)}}</span>
                  </div>
                  <div class="col-lg-4 col-md-6 col-xs-12">
                    <div style="margin-top:11.5px;"><b><i class="glyphicon glyphicon-thumbs-up"></i> Pledges:</b> {{ats.getIncTxCount(at)}}</div>
                    {%set atB = ats.getABalance(at)%}
                    {%set askB = ats.getLong(at,"8")%}
                    <b><i class="glyphicon glyphicon-stats"></i> Total :</b> <span class="bdbalance" id="atbalance-{{at}}">{{atB}}</span> of <span class="longbalance" id="askbalance-{{at}}">{{askB}}</span>
    
                    <div class=""><img src="/index/img/bar_left.gif" border="0" height="11" width="2"><img id="{{at}}" class="percent" src="/index/img/bar.gif" border="0" height="11" style="width:0%"><img src="/index/img/bar_right.gif" border="0" height="11" width="2"> [<span id="percent-text-{{at}}"></span>%]</div>
                    {%set left = ats.getCHeight(at) + ats.getInt(at,"0") %}
                    <b><i class="glyphicon glyphicon-time"></i> Last Block :</b> {{left}}
                    <div>
                      <b><i class="glyphicon glyphicon-credit-card"></i> AT Address :</b> <span style="font-size:0.8em"> <a href="/index/blockexplorer.html?addr={{atStr}}" target="blank" title="more info">{{at}}</a></span></div>
                      <div>
                        <b><i class="glyphicon glyphicon-tags"></i> Tags :</b> <span style="font-size:0.8em"> {{ats.getTags(at)}}</span>
                      </div>
                  </div>
                </div>
    
              </div>
    {% endif %}
    {% endif %}
    {% endif %}
    {% endif %}
    {% endif %}
    {% endif %}
              {% endfor %}
            </div>
    
    
          </div>
          <script src="/index/libs/jquery/jquery.2.js"></script>
          <script src="/index/libs/bootstrap/3/js/bootstrap.min.js"></script>
          <script src="/index/libs/angular/angular.1.4.js"></script>
          <script src="/index/libs/js/sidebar.js"></script>
          <script src="/qrowdfund/qrowdfund.js"></script>
          <script src="/qrowdfund/default.js"></script>
          </body>
          </html>
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="description" content="Decentralized and Trustless - Fund your projects easily through Qora">
      <link rel="shortcut icon" href="favicon.ico">
      <title>Qrowdfund - Fund your projects easily through Qora</title>
      <link href="/index/libs/bootstrap/3/css/theme.css" rel="stylesheet">
      <link href="/index/libs/css/style.css" rel="stylesheet">
      <link href="/index/libs/css/sidebar.css" rel="stylesheet">
      <style type="text/css">
      {{namestoragemap.getOpt("qrowdfund","qrowdfund.css")}}
      </style>
    </head>
    <body>
      {{navbar}}
      <div class="container">
        <div class="row">
          <div class="main">
            <div class="col-lg-12 col-centered">
              <div class="row">
    
                {% set atStr = request.getParameter("at") %}
                {% if atStr is empty %}
                <div id=result>AT is not defined</div>
                {% else %}
                <div class="form-horizontal">
                  <!-- <fieldset> -->
                  <legend>{{ats.getName(atStr)}}</legend>
                  <div id=result></div>
                  {{result}}
                  {% set ismine = "" %}
                  {% set creator = ats.getCreator(atStr) %}
    
                  {% for account in controller.getAccounts("true") %}
                  {% if ats.getCreator(atStr) == account.getAddress() %}
                  {% set ismine = account.getAddress() %}
                  {% endif %}
                  {% endfor %}
    
                  <div class="col-xs-12 col-sm-12 col-lg-8">
                    <div class="video-box">
                      {% set vid = namestoragemap.getOpt(creator, 'Video-'+atStr) %}
                      {% if vid is empty%}
                      {% else %}
                      <iframe style="width:100%" height="355" src="https://www.youtube.com/embed/{{vid}}" frameborder="0" allowfullscreen></iframe>
                      {%endif%}
                    </div>
    
                    <div class="form-horizontal">
                      <legend>Description
    
                        <div class="col-sm-4 col-xs-6 pull-right">
                          {% if ismine is empty %}
                          {%else%}
                          <div class="menu pull-right">
                            <span class="label label-default" id="edit-info"><i class="glyphicon glyphicon-pencil"></i></span>
                          </div>
                          {%endif%}
                        </div>
                      </legend>
                      <!-- <fieldset> -->
                      <div id="result"></div>
                      <div class="description-box">
                        {%set desc = namestoragemap.getOpt(creator, "Desc-"+atStr)%}
                        <span style="width:100%" id="descbox" name="descbox">{{desc}}</span>
                      </div>
                      <div class="form-group" id="desc-box-actions" style="display:none;margin-top:10px;margin-bottom:10px;">
    
                        <div class="col-lg-12" style=";margin-top:5px;margin-bottom:5px;">
                          <input type="text" id="youtube-video" placeholder="youtube video id" class="form-control" value='{{namestoragemap.getOpt(creator, 'Video-'+atStr)}}'/>
                        </div>
                            <div class="col-lg-10 col-lg-offset-2">
                          	 <button type="submit" id="btnsubmit" onclick="javascript:updateValue()" class="btn btn-primary pull-right">Save</button>
                              <button type="reset" id="btncancel" onclick="javascript:cancel()" class="btn btn-default pull-right">Cancel</button>
                            </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-xs-12 col-sm-12 col-lg-4">
    <div>
                      <b><i class="glyphicon glyphicon-user"></i> Creator :</b> <span style="font-size:0.8em"> <a href="/index/blockexplorer.html?addr={{creator}}" target="blank" title="more info">{{creator}}</a></span></div>
                    {%set atB = ats.getABalance(atStr)%}
                    {%set askB = ats.getLong(atStr,"8")%}
                    <b><i class="glyphicon glyphicon-stats"></i> Total :</b> <span class="bdbalance" id="atbalance">{{atB}}</span> of <span class="longbalance" id="askbalance">{{askB}}</span>
    
                    <div class=""><img src="/index/img/bar_left.gif" border="0" height="11" width="2"><img id="percent" src="/index/img/bar.gif" border="0" height="11" style="width:0%"><img src="/index/img/bar_right.gif" border="0" height="11" width="2"> [<span id="percent-text"></span>%]</div>
                    {%set left = ats.getCHeight(atStr) + ats.getInt(atStr,"0") %}
                    <b><i class="glyphicon glyphicon-time"></i> Last Block :</b> {{left}}
                    <div>
                      <b><i class="glyphicon glyphicon-credit-card"></i> AT Address :</b> <span style="font-size:0.8em"> <a href="/index/blockexplorer.html?addr={{atStr}}" target="blank" title="more info">{{atStr}}</a></span></div>
                      <div>
                        <b><i class="glyphicon glyphicon-tags"></i> Tags :</b> <span style="font-size:0.8em"> {{ats.getTags(atStr)}}</span>
                      </div>
                      <p></p>
                      <div class="form-horizontal">
                        <div class="form-group">
                          <div class="col-lg-12">
                            <select class="form-control" id="select-name">
                              {% for address in controller.getAccounts("true") %}
                              <option value={{address.getAddress()}}>
                                {{address.toString()}}</option>
                                {% endfor %}
                              </select>
                            </div>
                            <div class="col-lg-12">
                              <input id="to" type="text" placeholder="name or address" value="{{atStr}}" class="form-control">
                            </div>
                            <div class="col-lg-12">
                              <input id="amount" type="text" placeholder="amount" class="form-control">
                            </div>
                            <div class="col-lg-12">
                              <input id="fee" type="text" placeholder="fee" class="form-control">
                            </div>
                            <div class="col-lg-12">
                              <input id="comment" type="text" placeholder="comment" class="form-control">
                            </div>
                            <!-- </fieldset> -->
                          </div>
                          <div class="form-group">
                            <div class="col-lg-10 col-lg-offset-2">
                              <button type="submit" id="btnsubmit" onclick="javascript:pledge()" class="btn btn-primary pull-right">pledge</button>
                            </div>
                          </div>
                        </div>
    
    
                        <div class="form-horizontal">
                          <legend>
                            Pledges
                          </legend>
    
                        </div>
                        {% for tx in ats.getIncomingTransactions(atStr) %}
    <div style="font-size:0.8em;font-weight:bold"><a href="/index/blockexplorer.html?addr={{tx.getCreator().getAddress()}}">{{tx.getCreator().getAddress()}}</a></div>
                        <span class="bdbalance">{{tx.getAmount()}}</span>
                        {%if tx.getType() != 2%}
    
                        <div><i class="glyphicon glyphicon-envelope">   </i>  {{ats.getMessage(tx)}}</div>
    
                        {%endif%}
    
    
                        <hr>
                        {%endfor%}
                      </div>
    
                    </div>
    
                    {% endif %}
                  </div>
                </div>
              </div>
            </div>
    
    
          </div>
    
          <script src="/index/libs/jquery/jquery.2.js"></script>
          <script src="/index/libs/bootstrap/3/js/bootstrap.min.js"></script>
          <script src="/index/libs/angular/angular.1.4.js"></script>
      	<script src="/index/libs/ckeditor/ckeditor.js"></script>
          <script src="/index/libs/js/sidebar.js"></script>
          <script src="/qrowdfund/atqrowdfund.js"></script>
          <script src="/qrowdfund/default.js"></script>
    <script>
    $('#edit-info').click(function(){
      CKEDITOR.replace( 'descbox', {
        removeButtons: 'Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField'
      });
      $('#desc-box-actions').show();
    })
    
    cancel = function() {
      if(typeof CKEDITOR.instances.descbox != 'undefined') {
    		CKEDITOR.instances.descbox.updateElement();
    		CKEDITOR.instances.descbox.destroy();
    	}
      $('#desc-box-actions').hide();
    }
    
    var updateValue;
    updateValue = function() {
    
    document.getElementById('result').innerHTML = '<div class=\"alert alert-info\" role=\"alert\">Saving...please confirm the security call and then wait until you get a success message! If the transaction amount is high this may take some time...<br></div>';
    
    var websitebuf;
    
    if(typeof CKEDITOR.instances.descbox != 'undefined') {
      websitebuf = CKEDITOR.instances.descbox.getData();
    }
    
    videolink = document.getElementById('youtube-video').value
    
    var descStr = "Desc-{{atStr}}"
    var videoStr = "Video-{{atStr}}"
    
    websitebuf = websitebuf.replace(/\"/g,"'")
    videolink = videolink.replace(/\"/g,"'")
    
    jsonstring = {"addcomplete":"{\"" + descStr + "\":\"" + websitebuf + "\",\"" + videoStr + "\":\"" + videolink + "\"}"}
    
    
    $.post(
      "/index/api.html",
      {
        type: 'post',
        apiurl: '/namestorage/update/{{ismine}}',
        json: JSON.stringify(jsonstring)
      })
      .done( function(data) {
        if (data.type == 'success')
        {
          document.getElementById('result').innerHTML = "<div class=\"alert alert-success\" role=\"alert\">Key successfully saved.<br></div>";
        }
        else if(data.type == 'parametersMissing')
        {
          document.getElementById('result').innerHTML = "<div class=\"alert alert-danger\" role=\"alert\">Some parameters are missing.<br></div>";
        }
        else if(data.type == 'badKey')
        {
          document.getElementById('result').innerHTML = "<div class=\"alert alert-danger\" role=\"alert\">This key is an internal qora key and can't be edited this way!<br></div>";
        }
        else if (data.type == 'error')
        {
          try {
            var error = JSON.parse(data.error);
            message = error.message;
          } catch (e) {
            message = data.error;
          }
    
          document.getElementById('result').innerHTML = "<div class=\"alert alert-danger\" role=\"alert\">An error occurred while saving the website.<br>"+message+"<br></div>";
        }
        else
        {
          document.getElementById('result').innerHTML = "<div class=\"alert alert-danger\" role=\"alert\">Unknown response:<br>"+data+"<br></div>";
        }
      })
      .fail( function(xhr, textStatus, errorThrown) {
        try {
            var error = JSON.parse(xhr.responseText);
            message = error.message;
        } catch (e) {
            message = xhr.responseText;
        }
    
        document.getElementById('result').innerHTML = "<div class=\"alert alert-danger\" role=\"alert\">An error occurred while saving the website.<br>"+message+"<br></div>";
      });
    };
    
    </script>
        </body>
        </html>
    
    var transformToAssocArray;
        transformToAssocArray = function(prmstr) {
            var i, params, prmarr, tmparr;
            params = {};
            prmarr = prmstr.split('&');
            i = 0;
            while (i < prmarr.length) {
                tmparr = prmarr[i].split('=');
                params[tmparr[0]] = tmparr[1];
                i++;
            }
            return params;
        };
        var getSearchParameters;
        getSearchParameters = function() {
            var prmstr;
            prmstr = decodeURIComponent(window.location.search.substr(1));
            if (prmstr != null && prmstr != '') {
                return transformToAssocArray(prmstr);
            } else {
                return {};
            }
        };
    
    $(document).ready(function() {
      var searchval;
      {% autoescape true %}
      var searchval
      $('#name').change(function() {
        $('ul.nav-tabs > li:nth-child(1) > a').attr('href', '/index/main.html?search=' + $('#name').val());
        $('ul.nav-tabs > li:nth-child(2) > a').attr('href', '/index/blogsearch.html?search=' + $('#name').val());
      });
      $('#name').val(getSearchParameters().search);
      if (getSearchParameters().search === void 0) {
        $('#name').val('');
      }
      $('#name').bind('oninput', function() {
        $('#name').val(this);
      });
      
      $('#button').click(function() {
        var url;
        url = void 0;
        searchval = $('#name').val();
        document.location.href = '/index/main.html?search=' + searchval;
      });
      
      $('#button').click(function() {
        var url;
        url = void 0;
        searchval = $('#name').val();
        document.location.href = '/index/main.html?search=' + searchval;
      });
      $('#name').keypress(function(e) {
        if (e.which === 13) {
          $('#button').trigger('click');
        }
      });
      $('ul.nav-tabs > li:nth-child(1) > a').attr('href', '/index/main.html?search=' + $('#name').val());
      $('ul.nav-tabs > li:nth-child(2) > a').attr('href', '/index/blogsearch.html?search=' + $('#name').val());
    });
    {% endautoescape %}
    
    function Add(){
      AddValue("");
    };
    
    var myApp = angular.module('myApp', []);
    myApp.controller('AppController', function($scope) {
      $scope.steps = {};
    });
    
    data:image/png;base64, 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
    data:image/jpeg;base64,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
    $(document).ready(function() {
          var testElements = document.getElementsByClassName('longbalance');
          Array.prototype.filter.call(testElements, function(testElement){
            testElement.innerHTML = Number((testElement.innerHTML)/100000000).toFixed(2)
          });
          var testElements = document.getElementsByClassName('bdbalance');
          Array.prototype.filter.call(testElements, function(testElement){
            testElement.innerHTML = Number((testElement.innerHTML)).toFixed(2)
          });
          
          
          var percents = document.getElementsByClassName('percent');
          Array.prototype.filter.call(percents, function(testElement){
            atId = testElement.id
            var atBalance = Number(document.getElementById('atbalance-'+atId).innerHTML);
            var askBalance = Number(document.getElementById('askbalance-'+atId).innerHTML);
    
            var percent = 0;
            if (atBalance >0) {
              percent = 100 * atBalance/askBalance;
            }
            percentOne = percent
            if (percent>79)
            percentOne = 79
            document.getElementById(atId).style = "width:"+percentOne+"%!important"
            document.getElementById('percent-text-'+atId).innerHTML = percent.toFixed(2)
          });
          
          
          
          
          
        })
        var updateValue;
        updateValue = function() {
    
          document.getElementById('result').innerHTML = '<div class=\"alert alert-info\" role=\"alert\">Saving...<br></div>';
    
    
          var amount = document.getElementById('amount').value * 100000000
    
          var hexA = Number(amount).toString(16).toLowerCase();
          var finalA = '';
          if ((hexA.length%2) !=0 )
          {
            hexA="0"+hexA
          }
          for (var i=hexA.length-1;i>0;i=i-2)
          {
            finalA = finalA + hexA[i-1] + hexA[i]
          }
          var finalLength = finalA.length
          for (var i=0; i< 16 - finalLength; i=i+1)
          {
            finalA = finalA
          }
    
          var weeksA = document.getElementById('duration').value
    
          var fee = "30";
          var type = "qrowdfund"
          var code = "350003020000002500000000350004030000002103000000010000004f3501030400000033040304000000352501050000001b050000004a3506030600000035070304000000320a0301070000000200000000000000330204060000001a2400000001070000000100000000000000320b033203043502030400000033040304000000352501050000001b05000000f235070304000000320b033203041a7c000000"
          var data = "";
          var tags = document.getElementById('tags').value;
          var initialAmount = "30";
          var minActivationAmount = "20";
          var dpages = "1"
          var usPages = "0"
          var csPages = "0"
    
          var data =  weeksA + finalA
    
          var jsonstring = { "creator":  document.getElementById('select-name').value, "name": document.getElementById('at-name').value ,"description": document.getElementById('short-description').value, "fee": fee ,"type":type, "code":code, "quantity": initialAmount, "code":code, "data":data, "dpages":dpages, "cspages":csPages, "uspages":usPages, "tags":tags, "minActivationAmount":minActivationAmount};
    
          $.post(
            "/index/api.html",
            {
              type: 'post',
              apiurl: '/at',
              json: JSON.stringify(jsonstring)
            })
            .done( function(data) {
              if (data.type == 'success')
              {
                document.getElementById('result').innerHTML = "<div class=\"alert alert-success\" role=\"alert\">AT deployed successful.<br></div>";
              }
              else if(data.type == 'apicallerror')
              {
                document.getElementById('result').innerHTML = "<div class=\"alert alert-danger\" role=\"alert\">ERROR<br>"+data.errordetail+"<br></div>";
              }
              else if (data.type == 'error')
              {
                try {
                  var error = JSON.parse(data.error);
                  message = error.message;
                } catch (e) {
                  message = data.error;
                }
    
                document.getElementById('result').innerHTML = "<div class=\"alert alert-danger\" role=\"alert\">An error occurred while submitting the payment.<br>"+message+"<br></div>";
              }
              else
              {
                document.getElementById('result').innerHTML = "<div class=\"alert alert-danger\" role=\"alert\">Unknown response:<br>"+data+"<br></div>";
              }
            })
            .fail( function(xhr, textStatus, errorThrown) {
              document.getElementById('result').innerHTML = '<div class=\"alert alert-danger\" role=\"alert\">ERROR<br>'+xhr.responseText+'<br></div>';
            });
            document.getElementById('result').innerHTML = '<div class=\"alert alert-info\" role=\"alert\">Sending...<br></div>';
    
          };
    
    $(document).ready(function() {
      var testElements = document.getElementsByClassName('longbalance');
      Array.prototype.filter.call(testElements, function(testElement){
        testElement.innerHTML = Number((testElement.innerHTML)/100000000).toFixed(2)
      });
      var testElements = document.getElementsByClassName('bdbalance');
      Array.prototype.filter.call(testElements, function(testElement){
        testElement.innerHTML = Number((testElement.innerHTML)).toFixed(2)
      });
    
      var atBalance = Number(document.getElementById('atbalance').innerHTML);
      var askBalance = Number(document.getElementById('askbalance').innerHTML);
    
      var percent = 0;
      if (atBalance >0) {
        percent = 100 * atBalance/askBalance;
      }
      percentOne = percent
      if (percent>79)
      percentOne = 79
      document.getElementById('percent').style = "width:"+percentOne+"%!important"
      document.getElementById('percent-text').innerHTML = percent.toFixed(2)
    });
    
    
    var pledge;
    pledge = function() {
      document.getElementById('result').innerHTML = '<div class=\"alert alert-info\" role=\"alert\">Saving...<br></div>';
      var jsonstring = { "sender":  document.getElementById('select-name').value,
      "recipient": document.getElementById('to').value ,
      "amount": document.getElementById('amount').value,
      "fee": document.getElementById('amount').value,
      "istextmessage":"true",
      "message": document.getElementById('comment').value,
      "encrypt":"false"};
    
      $.post(
        "/index/api.html",
        {
          type: 'post',
          apiurl: '/message',
          json: JSON.stringify(jsonstring)
        })
        .done( function(data) {
          if (data.type == 'success')
          {
            document.getElementById('result').innerHTML = "<div class=\"alert alert-success\" role=\"alert\">Payment successful. Thanks for pledging!<br></div>";
          }
          else if(data.type == 'apicallerror')
          {
            document.getElementById('result').innerHTML = "<div class=\"alert alert-danger\" role=\"alert\">ERROR<br>"+data.errordetail+"<br></div>";
          }
          else if (data.type == 'error')
          {
            try {
              var error = JSON.parse(data.error);
              message = error.message;
            } catch (e) {
              message = data.error;
            }
            document.getElementById('result').innerHTML = "<div class=\"alert alert-danger\" role=\"alert\">An error occurred while submitting the payment.<br>"+message+"<br></div>";
          }
          else
          {
            document.getElementById('result').innerHTML = "<div class=\"alert alert-danger\" role=\"alert\">Unknown response:<br>"+data+"<br></div>";
          }
        })
        .fail( function(xhr, textStatus, errorThrown) {
          document.getElementById('result').innerHTML = '<div class=\"alert alert-danger\" role=\"alert\">ERROR<br>'+xhr.responseText+'<br></div>';
        });
        document.getElementById('result').innerHTML = '<div class=\"alert alert-info\" role=\"alert\">Sending...<br></div>';
      };