nav.js

document.write('\
        <div style="font-family: \'Ubuntu\', sans-serif; font-size:14px;" class="navbar navbar-inverse navbar-fixed-top">\
            <div class="navbar-inner">\
                <div class="container">\
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">\
                        <span class="icon-bar"></span>\
                        <span class="icon-bar"></span>\
                        <span class="icon-bar"></span>\
                    </a>\
                    <a class="brand" href="index.html">CS 1501</a>\
                    <div class="nav-collapse collapse">\
                      <ul class="nav">\
  		<li class="active">\
			  <div class="btn-group">\
			    <a href="index.html" class="btn btn-inverse"><i class="icon-th icon-white"></i> Lectures</a>\
			    <a href="#dropdown-menu" class="btn dropdown-toggle btn-inverse" data-toggle="dropdown">\
			      <span class="caret"></span>\
			    </a>\
			    <ul class="dropdown-menu">\
			      <li class="nav-header">Skip to a lecture</li>\
                              <li><a href="lec01.html">1 - An Unexpected Journeyâ„¢</a></li>\
                              <li><a href="lec02.html">2 - (["lists", "tuples"], "and data types")</a></li>\
			      <li><a href="lec03.html">3 - types :: type1 → type2</a></li>\
 			      <li><a href="lec04.html">4 - #SyntaxSwag</a></li>\
			      <li><a href="lec05.html">5 - Make Your Own Data Type</a></li>\
			      <li><a href="lec06.html">6 - Maps, Folds, and Beyond</a></li>\
			      <li><a href="lec07.html">7 - The Prolific Haskell Community</a></li>\
			      <li><a href="lec08.html">8 - Input/Output</a></li>\
			      <li><a href="lec09.html">9 - M.. M.. MONADS!</a></li>\
			      <li><a href="lec10.html">10 - Haskell Development Methods</a></li>\
                              <li class="disabled"><a href="#">11 - Coming soon</a></li>\
                              <li class="disabled"><a href="#">12 - Coming soon</a></li>\
			    </ul>\
			  </div>\
			</li>\
			<li><a href="http://people.virginia.edu/~ns4av"><i class="icon-exclamation-sign icon-white"></i> Announcements</a></li>\
                        </ul>\
                    </div><!--/.nav-collapse -->\
                </div>\
            </div>\
        </div>\
');