<!DOCTYPE HTML>

<html>
    
    <head>
        
        <title>iguana</title>
        
        <!-- Bootstrap -->
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
            <link rel="stylesheet" type="text/css" href="css/jquery.dropdown.css">
                <link rel="stylesheet" type="text/css" href="css/ripples.css">
                    
                    <!-- Gogole Theme -->
                    <link rel="stylesheet" type="text/css" href="css/googleFonts.css">
                        <link rel="stylesheet" type="text/css" href="css/googleIcons.css">
                            <link rel="stylesheet" type="text/css" href="css/googleTheme.css">
                                
                                <link rel="stylesheet" href="js/amcharts/style.css" type="text/css">
                                    
                                    <script src="js/amcharts/amcharts.js" type="text/javascript"></script>
                                    <script src="js/amcharts/serial.js" type="text/javascript"></script>
                                    <script src="js/amcharts/amstock.js" type="text/javascript"></script>
                                    <script src="js/amcharts/plugins/dataloader/dataloader.min.js" type="text/javascript"></script>
                                    
                                    <script>
                                        
                                        var httpresult;
                                        function http_handler()
                                        {
                                            if ( this.status == 200 && this.responseText != null )
                                            {
                                                alert(this.responseText);
                                                httpresult = this.responseText;
                                            }
                                        }
                                    
                                    function httpGet(url)
                                    {
                                        var client;
                                        if ( window.XMLHttpRequest )
                                        client = new XMLHttpRequest();
                                        else client = new ActiveXObject(\"Microsoft.XMLHTTP\");
                                                                        client.onload = http_handler;
                                                                        client.open(\"GET\",url);
                                                                                    client.send();
                                                                                    }
                                                                                    
                                                                                    AmCharts.ready(function () { createStockChart(); });
                                                                                    var interval,BASE= "BTCD",REL = "BTC";
                                                                                    
                                                                                    function createStockChart() {
                                                                                    var chartData = [];
                                                                                    var chart = AmCharts.makeChart("chartdiv",
                                                                                                                   {
                                                                                                                   "type": "serial",
                                                                                                                   "theme": "dark",
                                                                                                                   "valueAxes": [
                                                                                                                                 { "title":"BTC", "id": "vert", "axisAlpha": 0, "dashLength": 1, "position": "left"},
                                                                                                                                 { "id": "horiz", "axisAlpha": 0, "dashLength": 1, "position": "bottom",        "labelFunction": function (value) {
                                                                                                                                 var date = new Date(value);
                                                                                                                                 return AmCharts.formatDate(date, "MMM DD HH:NN:SS");
                                                                                                                                 }}
                                                                                                                                 ],
                                                                                                                   "graphs": [
                                                                                                                              { "id": "g1", "lineColor": "#00FFFF", "bullet": "round", "valueField": "bid", "balloonText": "[[category]] [[h]]:[[m]]:[[s]] account:[[offerer]] id:[[orderid]] volume:[[volume]] bid:[[bid]]" },
                                                                                                                              { "id": "g2", "lineColor": "#FF8800", "bullet": "round", "valueField": "ask", "balloonText": "[[category]] [[h]]:[[m]]:[[s]] account:[[offerer]] id:[[orderid]] volume:[[volume]] ask:[[ask]]" }],
                                                                                                                   "categoryField": "date",
                                                                                                                   "categoryAxis": { "parseDates": true, "equalSpacing": true, "dashLength": 1, "minorGridEnabled": true },
                                                                                                                   "chartScrollbar": {},
                                                                                                                   "chartCursor": {},
                                                                                                                   "dataProvider": chartData
                                                                                                                   });
                                                                                    
                                                                                    var startButton = document.getElementById('start');
                                                                                    var endButton = document.getElementById('stop');
                                                                                    var buyButton = document.getElementById('buy');
                                                                                    var sellButton = document.getElementById('sell');
                                                                                    /*
                                                                                     var BTCbutton = document.getElementById('BTC');
                                                                                     var CNYbutton = document.getElementById('CNY');
                                                                                     var USDbutton = document.getElementById('USD');
                                                                                     var EURbutton = document.getElementById('EUR');
                                                                                     var JPYbutton = document.getElementById('JPY');
                                                                                     var GBPbutton = document.getElementById('GBP');
                                                                                     var AUDbutton = document.getElementById('AUD');
                                                                                     var CADbutton = document.getElementById('CAD');
                                                                                     var CHFbutton = document.getElementById('CHF');
                                                                                     var NZDbutton = document.getElementById('NZD');
                                                                                     
                                                                                     USDbutton.addEventListener('click', USDrel);
                                                                                     EURbutton.addEventListener('click', EURrel);
                                                                                     JPYbutton.addEventListener('click', JPYrel);
                                                                                     GBPbutton.addEventListener('click', GBPrel);
                                                                                     AUDbutton.addEventListener('click', AUDrel);
                                                                                     CADbutton.addEventListener('click', CADrel);
                                                                                     CHFbutton.addEventListener('click', CHFrel);
                                                                                     NZDbutton.addEventListener('click', NZDrel);
                                                                                     CNYbutton.addEventListener('click', CNYrel);
                                                                                     BTCbutton.addEventListener('click', BTCrel);
                                                                                     */
                                                                                    
                                                                                    var BTCDbutton = document.getElementById('BTCD');
                                                                                    var VPNbutton = document.getElementById('VPN');
                                                                                    var VRCbutton = document.getElementById('VRC');
                                                                                    var SYSbutton = document.getElementById('SYS');
                                                                                    var SuperNETbutton = document.getElementById('SuperNET');
                                                                                    var crypto777button = document.getElementById('crypto777');
                                                                                    var pangeabutton = document.getElementById('Pangea');
                                                                                    var InstantDEXbutton = document.getElementById('InstantDEX');
                                                                                    var Tradebotsbutton = document.getElementById('Tradebots');
                                                                                    var NXTprivacybutton = document.getElementById('NXTprivacy');
                                                                                    
                                                                                    
                                                                                    startButton.addEventListener('click', startDemo);
                                                                                    endButton.addEventListener('click', endDemo);
                                                                                    buyButton.addEventListener('click', buyaction);
                                                                                    sellButton.addEventListener('click', sellaction);
                                                                                    
                                                                                    BTCDbutton.addEventListener('click', BTCDbase);
                                                                                    VPNbutton.addEventListener('click', VPNbase);
                                                                                    SYSbutton.addEventListener('click', SYSbase);
                                                                                    SuperNETbutton.addEventListener('click', SuperNETbase);
                                                                                    crypto777button.addEventListener('click', crypto777base);
                                                                                    pangeabutton.addEventListener('click', Pangeabase);
                                                                                    InstantDEXbutton.addEventListener('click', InstantDEXbase);
                                                                                    Tradebotsbutton.addEventListener('click', Tradebotsbase);
                                                                                    NXTprivacybutton.addEventListener('click', NXTprivacybase);
                                                                                    
                                                                                    function changebase(newbase)
                                                                                    {
                                                                                    BASE = newbase;
                                                                                    if ( chartData.length > 0 )
                                                                                    {
                                                                                    chartData.splice(0,chartData.length);
                                                                                    chart.validateData();
                                                                                    }
                                                                                    }
                                                                                    function BTCDbase() { changebase("BTCD"); }
                                                                                    function VPNbase() { changebase("VPN"); }
                                                                                    function SYSbase() { changebase("SYS"); }
                                                                                    function SuperNETbase() { changebase("SuperNET"); }
                                                                                    function crypto777base() { changebase("crypto777"); }
                                                                                    function Pangeabase() { changebase("Pangea"); }
                                                                                    function InstantDEXbase() { changebase("InstantDEX"); }
                                                                                    function Tradebotsbase() { changebase("Tradebots"); }
                                                                                    function NXTprivacybase() { changebase("NXTprivacy"); }
                                                                                    
                                                                                    function USDrel() { REL = "USD"; }
                                                                                    function EURrel() { REL = "EUR"; }
                                                                                    function JPYrel() { REL = "JPY"; }
                                                                                    function GBPrel() { REL = "GBP"; }
                                                                                    function AUDrel() { REL = "AUD"; }
                                                                                    function CADrel() { REL = "CAD"; }
                                                                                    function CHFrel() { REL = "CHF"; }
                                                                                    function NZDrel() { REL = "NZD"; }
                                                                                    function CNYrel() { REL = "CNY"; }
                                                                                    function BTCrel() { REL = "CNY"; }
                                                                                    
                                                                                    function startDemo() {
                                                                                    startButton.disabled = "disabled";
                                                                                    endButton.disabled = "";
                                                                                    interval = setInterval(getDataFromServer, 1000);
                                                                                    }
                                                                                    
                                                                                    function endDemo() {
                                                                                    startButton.disabled = "";
                                                                                    endButton.disabled = "disabled";
                                                                                    clearInterval(interval);
                                                                                    }
                                                                                    
                                                                                    function buyaction() {
                                                                                    alert("need to do market buy");
                                                                                    }
                                                                                    
                                                                                    function sellaction() {
                                                                                    alert("need to do market sell");
                                                                                    }
                                                                                    
                                                                                    function getDataFromServer()
                                                                                    {
                                                                                    var i,newData = [];
                                                                                    var request='{"agent":"InstantDEX","method":"events","base":"'+BASE+'","rel":"'+REL+'"}';
                                                                                    SPNAPI.makeRequest(request,
                                                                                                       function(request,response)
                                                                                                       {
                                                                                                       newData = JSON.parse(response);
                                                                                                       if ( newData.length > 0 )
                                                                                                       {
                                                                                                       alert(response);
                                                                                                       chartData.push.apply(chartData, newData);
                                                                                                       if (chartData.length > 50)
                                                                                                       chartData.splice(0, chartData.length - 50);
                                                                                                       chart.validateData(); //call to redraw the chart with new data
                                                                                                       }
                                                                                                       });
                                                                                    
                                                                                    // newData = JSON.parse("[{\"h\":14,\"m\":44,\"s\":32,\"date\":1407877200000,\"bid\":30,\"ask\":35},{\"date\":1407877200000,\"bid\":40,\"ask\":44},{\"date\":1407877200000,\"bid\":49,\"ask\":45},{\"date\":1407877200000,\"ask\":28},{\"date\":1407877200000,\"ask\":52}]");
                                                                                    }
                                                                                    
                                                                                    }
                                                                                    
                                                                                    
                                    </script>
                                    
    </head>
    
    <body data-custom-load="true" data-name="iguana" data-tools="pnacl newlib glibc clang-newlib mac" data-configs="Debug Release"
        data-path="{tc}/{config}">
        <!-- <div class="jumbotron" style="height:100px;">
         <h> Status: <code id="statusField">NO-STATUS</code></h>
         <p>
         <select id="pipe_name" hidden>
         <option>urand</option>
         <option>Pangea</option>
         <option>MGW</option>
         </select>
         <input type="text" id="pipe_input_box" hidden>
         </p>
         <p><textarea id="pipe_output" hidden></textarea></p>
         </div> -->
        <div class="iguana">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse">
                            <!--Hamburger-->
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <!--<a class="navbar-brand" href="#">
                         <img alt="Brand" style="z-index:-1;" src="logo.png" width="25" height="25">
                         </a>-->
                        <a href="#" class="navbar-brand">Iguana</a>
                    </div>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse">
                        <ul class="nav navbar-nav">
                            <li id="welcome"> <!--<a href="#">Welcome <span class="sr-only">(current)</span></a>--></li>
                            
                            <!--<li class="dropdown">
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">More <span class="caret"></span></a>
                             <ul class="dropdown-menu">
                             <li><a href="#">Wiki</a></li>
                             <li><a href="#">Wallet</a></li>
                             <li><a href="#">Community</a></li>
                             <li role="separator" class="divider"></li>
                             <li><a href="#">Contact</a></li>
                             <li role="separator" class="divider"></li>
                             <li><a>Upload Conf<input type="file" id="files" name="file" /></a></li>
                             <div id="byte_range"></div>
                             <div id="byte_content"></div>
                             </ul>
                             </li>-->
                        </ul>
                    </div>
                    <!-- /.navbar-collapse -->
                </div>
                <!-- /.container-fluid -->
            </nav>
            <div class="container">
                <!--<div id="welcome_page" class="page" style="text-align: center;">
                 <div class="panel panel-default">
                 <!-- Default panel contents
                 <div class="panel-heading">Welcome</div>
                 <div class="panel-body">
                 <h2>iguana</h2>
                 <p>
                 iguana is fast.
                 </p>
                 <p>
                 iguana does all bitcoin compatibles.
                 </p>
                 <p>
                 iguana is fast.
                 </p>
                 </div>
                 </div>
                 </div>-->
                <!-- eyedea page is for creating front-end markup -->
                <div id="Pangea_page" class="page">
                    <div class="row" style="margin-bottom:15px;">
                        <div class="col-xs-4 col-sm-3 col-md-2">
                            <div class="api-navpills">
                            </div>
                        </div>
                        <div class="col-xs-8 col-sm-9 col-md-10">
                            
                            
                            
                            <div class="panel-group">
                                <div class="panel panel-default api-call-All">
                                    <div class="panel-heading">
                                        <h4 class="panel-title api-panel-title">Json posting form</h4>
                                    </div>
                                    <!-- panel-heading -->
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-xs-9 col-sm-10 col-md-8">
                                                <div class="panel panel-default">
                                                    <div class="panel-body">
                                                        <div class="form-group">
                                                            <textarea name="json_to_submit" id="json_src" cols="30" rows="5" class="result form-control" placeholder='Paste json here'></textarea>
                                                        </div>
                                                        <div class="form-group">
                                                            <button class="btn btn-primary host_pangea_request" id='submit_primary'>Host game</button>
                                                            <button class="btn btn-primary list_pangea_request" id='list_pangea'>List games</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-6 col-md-4 col-lg-4">
                                                <div class="panel-body">
                                                    <h5 class='uri-link'>Response</h5>
                                                    <pre class="hljs json result">JSON response</pre>
                                                    <button class="btn btn-default clear-response">Clear response</button>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        <h3>
                                            <span>List of games</span>
                                            <!--<button id="clearHistory" style='float: right' class='btn btn-default'>Clear history</button>-->
                                        </h3>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <table class="table" id='game_list_table'>
                                                    <tbody>
                                                        
                                                    </tbody>
                                                </table>
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <!-- panel-body -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                <!--Coin Management Starts-->
                <div id="Coins_page" class="page">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3>Coin Management</h3>
                        </div>
                        <div class="panel-body">
                            
                            <div class="pull-right">
                                <button id="Coins_reset" class="btn btn-raised" title="Reset">Reset</button>
                                <button id="Coins_refresh" class="btn btn-raised" title="Refresh">Refresh</button>
                                <button id="Coins_add" class="btn btn-raised btn-primary" type="button" data-toggle="modal" data-target="#CoinEditModal" title="Add">Add</button>
                            </div>
                            
                            <table id="Coins_table" class="table table-hover table-condensed table-bordered ">
                                <thead>
                                    <tr>
                                        <th>Symbol</th>
                                        <th>Description</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                            <!--Modal starts-->
                            <div class="modal fade" id="CoinEditModal" tabindex="-1" role="dialog" aria-labelledby="editCoinHeader">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" id="editCoinHeader">Edit Coin</h4>
                                        </div>
                                        <div class="modal-body">
                                            <div id="coinEditFormContainer">
                                                <form class="form-horizontal" id="frmCoinEdit" name="frmCoinEdit">
                                                    <div id="txtSymbolGroup" class="form-group">
                                                        <label for="txtSymbol" class="control-label col-xs-2 col-md-2">Symbol</label>
                                                        <div class="col-xs-10 col-md-10">
                                                            <input type="text" id="txtSymbol" name="txtSymbol" class="form-control input-sm" />
                                                        </div>
                                                    </div>
                                                    <div id="txtDescriptionGroup" class="form-group">
                                                        <label for="txtDescription" class="control-label col-xs-2 col-md-2">Description</label>
                                                        <div class="col-xs-10 col-md-10">
                                                            <input type="text" id="txtDescription" name="txtDescription" class="form-control input-sm" />
                                                        </div>
                                                    </div>
                                                    <div id="ddCoinStatus" class="form-group">
                                                        <label for="ddStatus" class="control-label col-xs-2 col-md-2">Status</label>
                                                        <div class="col-xs-10 col-md-10">
                                                            <select type="text" id="ddStatus" name="ddStatus" class="form-control input-sm"></select>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button id="btnClearCoinForm" type="button" class="btn btn-raised btn-default" data-dismiss="modal">Nevermind</button>
                                            <button id="btnSaveCoinForm" type="button" class="btn btn-raised btn-primary" data-dismiss="modal">Save</button>
                                            <!-- <button id="btnSaveCoinForm" type="button" class="btn btn-primary">Save</button> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--Modal Ends-->
                            
                            <div class="row">
                                <div class="col-xs-9 col-sm-10 col-md-8">
                                    <div class="panel panel-default">
                                        <div class="panel-body">
                                            <div class="form-group">
                                                <textarea id="json_src_coin" cols="30" rows="5" class="result form-control" placeholder='Paste json here'></textarea>
                                            </div>
                                            <div class="form-group">
                                                <button class="btn btn-primary submit_new_coin_test" >Add coin</button>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-md-4 col-lg-4">
                                    <div class="panel-body">
                                        <h5 class='uri-link'>Response</h5>
                                        <pre class="hljs json coin_result">JSON response</pre>
                                        <button class="btn btn-default clear-response-coin">Clear response</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Coin Management Ends-->
                
                
                <!-- peers tab -->
                <div id="Peers_page" class="page">
                    <div class="row">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3>
                                    <span>Peer Management</span>
                                </h3>
                            </div>
                            <div class="panel-body"><div>
                                <button class="btn btn-xs btn-success btn-raised connect_to_peers_from_conf"  >Load peers</button>
                                
                                <button class="btn btn-xs btn-success btn-raised save_peersdata_to_conf"  >Save Peers</button>
                                <button class="btn btn-xs btn-success btn-raised update_allpeer_status"  >Update Peers</button>
                                <div class="pull-right">
                                    <span class="checkbox"><label><input id="cbShowFavoritePeers" type="checkbox"/> Favorites</label></span>
                                </div></div><div class="pre-scrollable">
                                    <table id="peersTable" class="table table-hover table-bordered pre-scrollable">
                                        <thead>
                                            <tr>
                                                <th>IP Address</th>
                                                <th>Coin Type</th>
                                                <th>Height</th>
                                                <th>Rank</th>
                                                <th>Block</th>
                                                <th>Favourite </th>
                                                <th>Actions</th>
                                                
                                            </tr>
                                        </thead>
                                        <tbody id="peersTableBody"></tbody>
                                    </table></div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div id="Tradebot_page" class="page">
                    <div class="row">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3>
                                    <span>Tradebot</span>
                                </h3>
                            </div>
                            <div class="panel-body center button_div">
                                <button class="btn btn-primary Tradebot_set_method_table" data-method="monitor" >monitor</button>
                                <button class="btn btn-primary Tradebot_set_method_table" data-method="monitorall" >monitorall</button>
                                <button class="btn btn-primary Tradebot_set_method_table" data-method="unmonitor" >unmonitor</button>
                                <button class="btn btn-primary Tradebot_set_method_table" data-method="accumulate" >accumulate</button>
                                <button class="btn btn-primary Tradebot_set_method_table" data-method="divest" >divest</button>
                                
                                <button class="btn btn-primary Tradebot_set_method_table" data-method="activebots" >activebots</button>
                                <button class="btn btn-primary Tradebot_set_method_table" data-method="status" >status</button>
                                <button class="btn btn-primary Tradebot_set_method_table" data-method="pause" >pause</button>
                                
                                <button class="btn btn-primary Tradebot_set_method_table" data-method="stop" >stop</button>
                                <button class="btn btn-primary Tradebot_set_method_table" data-method="resume" >resume</button>
                                
                                
                            </div>
                            <div class="panel-body">
                                
                                <table id="tradebot_input" class="table table-hover table-bordered">
                                    
                                    
                                </table>
                                <table id="trade_output" class="table table-hover table-bordered">
                                    
                                    
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                <div id="Settings_page" class="page">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">Settings</h3>
                        </div>
                        <div class="panel-body" >
                            <div class="row">
                                <div class="pre-scrollable">
                                    <div class="col-xs-6 col-md-6 col-lg-6 ">
                                        <div id="advanced_settings"></div>
                                    </div>
                                    <div class="col-xs-6 col-md-6 col-lg-6">
                                        <div id="config_settings"></div>
                                        <div class="function" id="fread" hidden>
                                            <span>
                                                <select class="file-handle" id="freadHandle"></select>
                                                Count:
                                                <input type="text" id="freadBytes">
                                                    <button>fread</button>
                                                    </span>
                                        </div>
                                        <div class="function" id="fwrite" hidden>
                                            <span>
                                                <select class="file-handle" id="fwriteHandle"></select>
                                                Data:
                                                <input type="text" id="fwriteData">
                                                    <button>fwrite</button>
                                                    </span>
                                        </div>
                                    </div></div>
                            </div>
                            <div class="row">
                                <div class="col-xs-6 col-md-6 col-lg-6">
                                    <div class="form-group">
                                        <button class="btn btn-primary _not_pressed" id="save_settings">Save</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                <div id="Debug_page" class="page">
                    <div class='panel panel-default'>
                        <div class='panel-heading'>
                            <h3><span>
                                Encrypt/decrypt JSON
                            </span></h3>
                        </div>
                        <div class='panel-body'>
                            <div class="row">
                                <div class="col-sm-8 col-md-8">
                                    <form class="form-horizontal">
                                        <div class="form-group">
                                            <label for="debug_passphrase" class="control-label col-sm-3 col-md-3">
                                                Passphrase
                                            </label>
                                            <div class="col-sm-7 col-md-7">
                                                <input type="text" class="form-control" id='debug_passphrase'>
                                                    <span class='material-input'></span>
                                                    </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="debug_permanentfile" class="control-label col-sm-3 col-md-3">
                                                Permanentfile
                                            </label>
                                            <div class="col-sm-7 col-md-7">
                                                <div>
                                                    <input type="text"  class="form-control" id='debug_permanentfile'>
                                                        
                                                        </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="debug_json_src" class="control-label col-sm-3 col-md-3">
                                                Json
                                            </label>
                                            <div class="col-sm-7 col-md-7">
                                                <textarea name="" id="debug_json_src" cols="30" rows="5" class='form-control'></textarea>
                                                <span class='material-input'></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-primary" id="debug_json_encrypt">
                                                Encrypt JSON    
                                            </button>
                                            <button class="btn btn-primary" id="debug_json_decrypt">
                                                Decrypt JSON    
                                            </button>
                                        </div>
                                        
                                    </form>
                                </div>
                                <div class="col-sm-4 col-md-4">
                                    <h5 class="uri-link">Response</h5>
                                    <pre class="hljs json coin_result" id="debug_json_result">JSON response</pre>
                                    
                                    <h5 class="uri-link">File contents</h5>
                                    <pre class="hljs" id="debug_json_file">encrypted file content</pre> 
                                    
                                    <button class="btn btn-default" id="debug_clear_response">Clear response</button>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    
                    <div class="jumbotron">
                        <table>
                            <tr >
                                <td><img src="" height="90" width="90" class="imagAPI" data-id="1" id="dest-imagAPI-1" /></td>
                                <td><img src="" height="90" width="90" class="imagAPI" data-id="2" id="dest-imagAPI-2"/></td>
                                <td><img src="" height="90" width="90" class="imagAPI" data-id="3" id="dest-imagAPI-3" /></td>
                                <td><img src="" height="90" width="90" class="imagAPI" data-id="4" id="dest-imagAPI-4" /></td>
                                <td><img src="" height="90" width="90" class="imagAPI" data-id="5" id="dest-imagAPI-5" /></td>
                                <td><img src="" height="90" width="90" class="imagAPI" data-id="6" id="dest-imagAPI-6" /></td>
                                <td><img src="" height="90" width="90" class="imagAPI" data-id="7" id="dest-imagAPI-7" /></td>
                                <td><img src="" height="90" width="90" class="imagAPI" data-id="8" id="dest-imagAPI-8" /></td>
                                <td><img src="" height="90" width="90" class="imagAPI" data-id="9" id="dest-imagAPI-9" /></td>
                                <td><img src="" height="90" width="90" class="imagAPI" data-id="10" id="dest-imagAPI-10" /></td>
                            </tr>
                            
                            <tr>
                                <td align="center" ><input id="name-imagAPI-1" type="text" value="abc1.jpg" size="7"/></td>
                                <td align="center" ><input id="name-imagAPI-2" type="text" value="abc2.jpg" size="7"/></td>
                                <td align="center" ><input id="name-imagAPI-3" type="text" value="abc3.jpg" size="7"/></td>
                                <td align="center" ><input id="name-imagAPI-4" type="text" value="abc4.jpg" size="7"/></td>
                                <td align="center" ><input id="name-imagAPI-5" type="text" value="abc5.jpg" size="7"/></td>
                                <td align="center" ><input id="name-imagAPI-6" type="text" value="abc6.jpg" size="7"/></td>
                                <td align="center" ><input id="name-imagAPI-7" type="text" value="abc7.jpg" size="7"/></td>
                                <td align="center" ><input id="name-imagAPI-8" type="text" value="abc8.jpg" size="7"/></td>
                                <td align="center" ><input id="name-imagAPI-9" type="text" value="abc9.jpg" size="7"/></td>
                                <td align="center" ><input id="name-imagAPI-10" type="text" value="abc10.jpg" size="7"/></td>
                                
                                
                            </tr>
                            <tr style="display: none;">
                                <td><img src="images/img1.png" height="90" width="90" id="src-imagAPI-1" /></td>
                                <td><img src="images/img2.jpg" height="90" width="90" id="src-imagAPI-2" /></td>
                                <td><img src="images/img3.png" height="90" width="90" id="src-imagAPI-3"  /></td>
                                <td><img src="images/img4.png" height="90" width="90" id="src-imagAPI-4"  /></td>
                                <td><img src="images/img1.png" height="90" width="90" id="src-imagAPI-5"  /></td>
                                <td><img src="images/img2.jpg" height="90" width="90" id="src-imagAPI-6"  /></td>
                                <td><img src="images/img3.png" height="90" width="90" id="src-imagAPI-7"  /></td>
                                <td><img src="images/img4.png" height="90" width="90" id="src-imagAPI-8"  /></td>
                                <td><img src="images/img1.png" height="90" width="90" id="src-imagAPI-9"  /></td>
                                <td><img src="images/img2.jpg" height="90" width="90" id="src-imagAPI-10"  /></td>
                            </tr>
                            <tr><td colspan="10">
                                <span id="mousexy"></span>
                            </td>
                            </tr>
                            
                        </table>
                        
                        <div class="debuglog" hidden> <pre id="log" style="font-weight: bold"></pre></div>
                    </div>
                </div>
                <div id="Bitmap_page" class="page">
                    <div>
                        <select id="pic-changer">
                            <option value="none">None selected</option>
                            <option value="img3.jpg" data-picture="images/img3.png">Image1</option>
                        </select>
                    </div>
                    
                    <div id="image-location">
                        
                    </div>
                    <div>
                        <span id="bit_mousexy"></span>
                    </div>
                </div>
                
                
                <div id="Blockexplorer_page" class="page">
                    <div class="panel panel-default"> 
                        <!-- Default panel contents -->
                        <div class="panel-heading">
                            <h3>Block Explorer tab</h3>
                        </div>
                        <div class="panel-body center">
                            <div class="pull-right">
                                <span class="checkbox"><label><input id="cbChangeExternalBlocks" type="checkbox"/> Use External Blocks</label></span>
                            </div>
                            <h3>Set Active coin</h3>
                            <div id="BlockExpCoin">
                                
                            </div>
                            <div >
                                <table id="block_input_table"></table>
                            </div>
                            <div>
                                
                                <table  id="block_output_table" width="500px">
                                    
                                </table>
                            </div>
                            
                            
                            <table id="appstatus" class="table table-hover table-bordered">
                                
                            </table>
                        </div>
                    </div>
                    <style type="text/css">
                        #Blockexplorer_page .center {
                            text-align: center;
                        }
                    </style>
                </div>
                
                
                <div id="Instandex_page" class="page">
                    <div class="panel panel-default">
                        <!-- Default panel contents -->
                        <div class="panel-heading">
                            <h3>InstantDEX</h3>
                            <div class="chart">
                                <button id="start">Start</button>
                                <button id="stop" disabled="disabled">Stop   </button>
                                <button id="BTCD">   BTCD</button>
                                <button id="VPN">VPN</button>
                                <button id="SYS">SYS</button>
                                <button id="VRC">VRC</button>
                                <button id="SuperNET">SuperNET</button>
                                <button id="crypto777">crypto777</button>
                                <button id="InstantDEX">InstantDEX</button>
                                <button id="Tradebots">Tradebots</button>
                                <button id="Pangea">Pangea</button>
                                <button id="NXTprivacy">NXTprivacy</button>
                                <button id="buy">BUY</button>
                                <button id="sell">SELL</button>
                                <div id="chartdiv"></div>
                            </div>
                            
                        </div><div class="pre-scrollable">
                            <div class="panel-body center">
                                <button class="btn xyz_button_click btn-primary instantdex_set_method_table" data-method="orderbook" >orderbook</button>
                                <button class="btn xyz_button_click btn-primary instantdex_set_method_table" data-method="apikeypair" >API Keypair</button>
                                <button class="btn btn-primary instantdex_set_method_table" data-method="setuserid" >Set Userid</button>
                                <button class="btn btn-primary instantdex_set_method_table" data-method="allpairs" >Allpairs</button>
                                
                                <button class="btn btn-primary instantdex_set_method_table" data-method="balance" >Balance</button>
                                <button class="btn btn-primary instantdex_set_method_table" data-method="support" >Supports</button>
                                
                                <button class="btn btn-primary instantdex_set_method_table" data-method="sell" >Sell</button> 
                                <button class="btn btn-primary instantdex_set_method_table" data-method="buy" >Buy</button> 
                                <button class="btn btn-primary instantdex_set_method_table" data-method="withdraw" >Withdraw</button> 
                                
                                <button class="btn btn-primary instantdex_set_method_table" data-method="order_status" >Order status </button> 
                                <button class="btn btn-primary instantdex_set_method_table" data-method="order_open" >Open Orders</button> 
                                <button class="btn btn-primary instantdex_set_method_table" data-method="order_cancel" >Cancel Order</button> 
                                
                                <button class="btn btn-primary instantdex_set_method_table" data-method="trade_history" >Trade History</button> 
                                <button class="btn btn-primary instantdex_set_method_table" data-method="pollgap" >Pollgap</button> 
                                <button class="btn btn-primary instantdex_set_method_table" data-method="tradeint" >Trade integration</button>
                                
                            </div>
                            
                            <div class="panel-body center">
                                <table id="Instandex_form_table" class="table table-hover table-bordered">
                                </table>
                            </div>
                            <div class="panel-body center">
                                <table id="Instandex_output_table" class="table table-hover table-bordered" >
                                    
                                </table>
                            </div></div>
                        
                    </div>
                    <style type="text/css">
                        #Blockexplorer_page .center {
                            text-align: center;
                        }
                    </style>
                </div>
                
                
                <div id="listener"></div>
            </div>
        </div>
        <!--if android style ripple effect is not working, try temporarily deleting the following line-->
        <script type="text/javascript " src="example.js "></script>
        
        <!--jQuery-->
        <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
        
        <!--Bootstrap-->
        <script type="text/javascript" src="js/bootstrap.js"></script>
        
        
        <!--Google Theme-->
        <script type="text/javascript" src='js/googleTheme.min.js'></script>
        <script type="text/javascript" src='js/ripples.min.js'></script>
        <script type="text/javascript" src='js/jquery.dropdown.js'></script>
        
        <!--Iguana genric code-->
        <script type="text/javascript" src="js/api.js" " charset="utf-8 "></script>
            <script src="app/coin_mgmt.js "></script>
            <script type="text/javascript " src="js/util.js "></script>
            <script type="text/javascript " src="js/sites.js "  charset="utf-8 "></script>
            <script type="text/javascript " src="app/common.js "></script>
            <script type="text/javascript " src="app/startup.js " ></script>
            <script type="text/javascript " src="js/settings.js "  charset="utf-8 "></script>
            <!--Iguana tabs-->
            <script src='js/form.js'></script>
            <script type="text/javascript " src='js/peerlist.js'></script>
            <script type="text/javascript " src="js/methods.js "  charset="utf-8 "></script>
            
            <script type="text/javascript " src="js/imgAPI.js " ></script>
            <script type="text/javascript " src="js/pangea.js" ></script>
            <script type="text/javascript " src="js/blockexplorer.js" ></script>
            <script type="text/javascript " src="js/instantdex.js" ></script>
            <script type="text/javascript " src="js/tradebot.js" ></script>
            <script type="text/javascript " src="js/storage.js" ></script>
            <script type="text/javascript " src="js/jquery.tablesort.js" ></script>
            <script type="text/javascript " src="js/tradeintegration.js" ></script>
            <script type="text/javascript " src="js/debugJson.js" ></script>
            <script type="text/javascript " src="js/bitmap.js " ></script>
            </body>
            
            </html>