<%namespace name='static' file='static_content.html'/>
<!DOCTYPE html>
<html>
<head>
  <%block name="title"><title>MITx 6.002x</title></%block>

  <link rel="stylesheet" href="${static.url('js/jquery.treeview.css')}" type="text/css" media="all" />

% if settings.MITX_FEATURES['USE_DJANGO_PIPELINE']:
 <%static:css group='application'/>
% endif

% if not settings.MITX_FEATURES['USE_DJANGO_PIPELINE']:
  <link rel="stylesheet" href="/static/sass/application.css" type="text/css" media="all" / >
% endif

  <script type="text/javascript" src="${static.url('js/jquery-1.6.2.min.js')}"></script>
  <script type="text/javascript" src="${static.url('js/jquery-ui-1.8.16.custom.min.js')}"></script>
  <script type="text/javascript" src="${static.url('js/swfobject/swfobject.js')}"></script>

% if settings.MITX_FEATURES['USE_DJANGO_PIPELINE']:
 <%static:js group='application'/>
% endif

% if not settings.MITX_FEATURES['USE_DJANGO_PIPELINE']:
  % for jsfn in [ '/static/%s' % x.replace('.coffee','.js') for x in settings.PIPELINE_JS['application']['source_filenames'] ]:
    <script type="text/javascript" src="${jsfn}"></script>
  % endfor
% endif

## codemirror
  <link rel="stylesheet" href="/static/css/codemirror.css" type="text/css" media="all" />
  <script type="text/javascript" src="${ settings.LIB_URL }codemirror-compressed.js"></script>

## alternate codemirror
##  <script type="text/javascript" src="/static/js/CodeMirror-2.25/lib/codemirror.js"></script>
##  <script type="text/javascript" src="/static/js/CodeMirror-2.25/mode/xml/xml.js"></script>
##  <script type="text/javascript" src="/static/js/CodeMirror-2.25/mode/python/python.js"></script>

## image input: for clicking on images (see imageinput.html)
  <script type="text/javascript" src="/static/js/imageinput.js"></script>

##  <script type="text/javascript">
##    var codemirror_set = {};		// track all codemirror textareas, so they can be refreshed on page changes
##  </script>

  <!--[if lt IE 9]>
  <script src="${static.url('js/html5shiv.js')}"></script>
  <![endif]-->

 <%block name="headextra"/>

  <%include file="mathjax_include.html" />
  <meta name="path_prefix" content="${MITX_ROOT_URL}">
</head>

<body class="<%block name='bodyclass'/>">
  <!--[if lte IE 9]>
  <p class="ie-warning">You are using a browser that is not supported by <em>MITx</em>, and you might not be able to complete pieces of the course. Please download the latest version of <a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a> or <a href="https://www.google.com/chrome">Chrome</a> to get the full experience.</p>
  <![endif]-->

  ${self.body()}
  <%block name="bodyextra"/>

  <footer>
    <!-- Template based on a design from http://www.dotemplate.com/ - Donated $10 (pmitros) so we don't need to include credit. -->
    <p> Copyright &copy; 2012. MIT. <a href="/t/copyright.html">Some rights reserved.</a>
</p>
      <nav>
      <ul aria-label="Social Links" class="social">
        <li class="linkedin">
          <a href="http://www.linkedin.com/groups/Friends-Alumni-MITx-4316538">Linked In</a>
        </li>
        <li class="twitter">
          <a href="https://twitter.com/#!/MyMITx">Twitter</a>
        </li>
        <li class="facebook">
          <a href="http://www.facebook.com/pages/MITx/378592442151504">Facebook</a>
        </li>
      </ul>
    <ul>
      <li><a href="#feedback_div" rel="leanModal">Feedback</a></li>
      <li class="calc-main">
        <a aria-label="Open Calculator" href="#" class="calc">Calculator</a>

        <div id="calculator_wrapper">
          <form id="calculator">
            <div class="input-wrapper">
              <input type="text" id="calculator_input" />

              <div class="help-wrapper">
                <a href="#">Hints</a>
                <dl class="help">
                  <dt>Suffixes:</dt>
                  <dd> %kMGTcmunp</dd>
                  <dt>Operations:</dt>
                  <dd>^ * / + - ()</dd>
                  <dt>Functions:</dt>
                  <dd>sin, cos, tan, sqrt, log10, log2, ln, arccos, arcsin, arctan, abs </dd>
                  <dt>Constants</dt>
                  <dd>e, pi</dd>

                  <!-- Students won't know what parallel means at this time.  Complex numbers aren't well tested in the courseware, so we would prefer to not expose them.  If you read the comments in the source, feel free to use them. If you run into a bug, please let us know. But we can't officially support them right now.

                  <dt>Unsupported:</dt> <dd>||, j </dd>  -->
                </dl>
              </div>
            </div>
            <input id="calculator_button" type="submit" value="="/>
            <input type="text" id="calculator_output"  readonly />
          </form>

        </div>
      </li>
      <li><a href="/s/help.html">Help</a></li>
      % if user.is_authenticated():
     <li><a href="${ settings.MITX_ROOT_URL }/logout">Log out</a></li>
      % endif
    </ul>
      </nav>
  </footer>

  <div id="feedback_div" class="leanModal_box">
    <h1>Feedback for MITx</h1>
    <p>Found a bug? Got an idea for improving our system? Let us know.</p>

    <form>
      <ol>
        <li><label>Subject:</label> <input type="text" id="feedback_subject"></li>
        <li><label>Feedback: </label><textarea id="feedback_message"></textarea></li>
        <li><input id="feedback_button" type="button" value="Submit"></li>
      </ol>
    </form>
  </div>

  <script type="text/javascript" src="${static.url('js/jquery.treeview.js')}"></script>
  <script type="text/javascript" src="${static.url('js/jquery.leanModal.min.js')}"></script>
  <script type="text/javascript" src="${static.url('js/jquery.qtip.min.js')}"></script>
  <script type="text/javascript" src="${static.url('js/jquery.cookie.js')}"></script>
  <script type="text/javascript" src="${static.url('js/schematic.js')}"></script>
  <script type="text/javascript" src="${static.url('js/cktsim.js')}"></script>

  <script type="text/javascript" >
    var codemirror_set= {};                // associative array of codemirror objects 
  </script>

  <script type="text/javascript" src="${static.url('js/jquery.scrollTo-1.4.2-min.js')}"></script>
  <%block name="js_extra"/>
</body>
</html>
