<!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>