<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Netburner</title>
    <link rel="stylesheet" type="text/css" href="css/styles.css" />
    <link rel="stylesheet" type="text/css" href="css/terminal.css" />
   
    <!-- We'll add in the jQuery library here - direct from
    the Google CDN (Content Delivery Network). -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	
	
	<script src="src/Constants.js"></script>
   	<script src="src/Server.js"></script>
    <script src="src/Player.js"></script>
	<script src="src/Faction.js"></script>
	<script src="src/Company.js"></script>
	<script src="src/Terminal.js"></script>
	
	<script src="src/netscript/InputStream.js"></script>
	<script src="src/netscript/Tokenizer.js"></script>
	<script src="src/netscript/Parser.js"></script>
	<script src="src/netscript/Environment.js"></script>
	<script src="src/netscript/Evaluator.js"></script>
	
    <script src="src/engine.js"></script>
  </head>
  <body>
    <div id="mainmenu-container">
        <!-- Main menu -->
        <ul class="mainmenu">
            <li class="terminal-tab">
                <a href="#" id="terminal-menu-link"> Terminal </a>
            </li>
            
            <li class="character-tab">
                <a href="#"  id="character-menu-link"> Character </a>
            </li>
			
			<li class="create-script-tab" style="display:none">
                <a href="#" id="create-script-menu-link"> Create Script </a>
            </li>
			
			<li class="gym-tab" style="display:none">
                <a href="#" id="gym-menu-link"> Gym </a>
            </li>
			
			<li class="world-tab" style="display:none">
                <a href="#" id="world-menu-link"> World </a>
            </li>
			
			<li class="develop-gui-tab" style="display:none">
                <a href="#" id="develop-gui-menu-link"> Develop GUI </a>
            </li>
        </ul>
    </div>
    
    <div id="terminal-container">
        <!-- Terminal -->
        <table id="terminal">
           <tr id="terminal-input">
                <td id="terminal-input-td">$  <input type="text" class="terminal-input"/></td>
           </tr>
           
        </table>  <!-- End terminal -->
    </div>  <!-- End terminal-container -->
    
    <div id="character-container">
        <p id="character-info"> </p>
    </div>  <!-- End terminal-container -->
    


    <!-- Always keep the terminal in focus -->
    <script type="text/javascript">
    $(document).ready(function() {
        $('.terminal-input').focus();
    });
    $(document).keydown(function() {
        $('.terminal-input').focus();
    })
	</script>
    

  </body>
</html>