<div>
    <link type="text/css" rel="stylesheet" href="{{ deploy_context | safe }}/static/style/subsection_eeg.css?{{ currentVersionJS }}"/>
    <script type="text/javascript" src="{{ deploy_context | safe }}/static/jquery/jquery.contextmenu.js"></script>
    <script type="text/javascript" src="{{ deploy_context | safe }}/static/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="{{ deploy_context | safe }}/static/flot/jquery.flot.navigate.js"></script>
    <script type="text/javascript" src="{{ deploy_context | safe }}/static/flot/jquery.flot.selection.js"></script>
    <script type="text/javascript" src="{{ deploy_context | safe }}/static_view/commons/scripts/visualizers_commons.js?{{ currentVersionJS }}"></script>
    <!--! we use the method HLPR_readJSONfromFile-->
    <script type="text/javascript" src="{{ deploy_context | safe }}/static/js/webGL_Connectivity.js?{{ currentVersionJS }}"></script>
    <script type="text/javascript" src="{{ deploy_context | safe }}/static_view/eeg/scripts/animated_graph.js?{{ currentVersionJS }}"></script>
    <script type="text/javascript" src="{{ deploy_context | safe }}/static_view/eeg/scripts/graph_events.js?{{ currentVersionJS }}"></script>
    <script type="text/javascript" src="{{ deploy_context | safe }}/static_view/commons/scripts/regionSelector.js?{{ currentVersionJS }}"></script>
    <script type="text/javascript">
        function launchViewer(width, height) {
        	$('#EEGcanvasDiv').width(width).height(height);
        	AG_startAnimatedChartPreview({{ ag_settings | safe }});
        }
    </script>
	
    <div id="EEGcanvasDiv" class="mainCanvas {{ 'canvasExtended' if extended_view else '' }}"></div>

    <div class="chart-x-label">{{ label_x }}</div>

    <input type="hidden" id="columnIndexId"/>

</div>