<html>
    <head>
        <script src="../js/jquery-1.11.3.min.js"></script>
        <script src="../js/cat.js"></script>
		<link rel="stylesheet" href="../css/concordia_cat.css" />
        <meta charset="UTF-8">
    </head>
    <body>
        <script>
        var concordiaUrl = 'http://@concordia_host@:@concordia_port@';
        var currentTmId = @tmid@;

        $(document).ready(function() {
            $('#search-input').bind("enterKey",function(e){
                searchHandle(currentTmId);
            });
            $('#search-input').keyup(function(e){
                if(e.keyCode == 13) {
                    $(this).trigger("enterKey");
                }
            });
        });

        </script>
        <div id="header">
        </div>
        <div id="content">
          	<section id="banner">
		        <h1>Concordia</h1>
		        <img class="banner-bg" src="../images/banner-thin.png" alt="Banner">
		        <img class="banner-icon" src="../images/concordia-thin.png" alt="Banner">
	        </section><!-- // end #banner -->
            <div id="help" class="hidden">
	            <p>@desc@</p>
	            <p>@enjoy@</p>
                <div id="suggestions">
                    <ul>@suggestions@</ul>
                    <br/><br/>
                </div>
                <label for="search-input">@prompt@</label>
            </div>
            <input id="search-input" type="text" value="" />
            <img id="search-icon" src="../images/search.png" alt="search" onclick="searchHandle(currentTmId)" title="search"/>
            <img id="help-icon" src="../images/help.png" alt="help" onclick="toggleHelp()" title="show/hide help"/>
            <div id="result">

            </div>
        </div>
    </body>
</html>