function createdropdown(Dir){
   window.onload= function(){
      var menudata=document.getElementById("t");
      menudata.innerHTML='<ul id="drop_menu">'
	 +'<li><a id="homelink" href="'+Dir+'">Home</a></li>'

      +'<li><div>About us</div>'
      +'<ul>'
      +'<li><a href="'+Dir+'aboutus/news/">News</a></li>'
      +'<li><a href="'+Dir+'aboutus/program/">PCIC Program</a>'
      +'<li><a href="'+Dir+'aboutus/people/">People</a></li>'
      +'<li><a href="'+Dir+'aboutus/projects/">Projects</a></li>'
      +'<li><a href="'+Dir+'aboutus/jobs/">Jobs</a></li>'
      +'<li><a href="'+Dir+'aboutus/seminars/">Seminars</a></li>'
 	+'<li><a href="'+Dir+'aboutus/governance/">Governance</a></li>'
      +'<li><a href="'+Dir+'aboutus/partners/">Partners</a></li>'
      +'<li><a href="'+Dir+'aboutus/contactus/">Contact Us</a></li>'
      +'</ul></li>'

      +'<li><div>Resources</div>'
      +'<ul>'
      +'<li><a href="'+Dir+'resources/climateimpacts/">Climate Impacts</a></li>'
      +'<li><a href="'+Dir+'resources/publications/">Publications</a></li>'
      +'<li><a href="'+Dir+'resources/presentations/">Presentations</a></li>'
      +'<li><a href="'+Dir+'resources/seminars/">Seminars</a></li>'
      +'<li><a href="'+Dir+'resources/faq/">FAQ</a></li>'
      +'<li><a href="'+Dir+'resources/links/">Links</a></li>'
      +'</ul></li>'

      +'<li><div>Tools</div>'
      +'<ul>'
      +'<li><a href="'+Dir+'tools/regionalanalysis/">Regional Analysis Tool</a></li>'
      +'<li><a href="http://plan2adapt.ca">Plan2Adapt Tool</a></li>'
      +'<li><a href="'+Dir+'tools/data/">Datasets</a></li>'
      +'<li><a href="'+Dir+'tools/links/">Links</a></li>'
      +'</ul></li>'

      +'<li><div>&nbsp;</div></li></ul>'; // Put in the final bar

      if (document.all&&document.getElementById) {
	 navRoot = document.getElementsByName("drop_menu");
	 for(j=0; j<navRoot.length; j++){
	    for (i=0; i<navRoot[j].childNodes.length; i++) {
	       node = navRoot[j].childNodes[i];
	       if (node.nodeName=="LI") {
		  node.onmouseover=function() {
		     this.className+=" over";
		     }
		  node.onmouseout=function() {
		     this.className=this.className.replace(" over", "");
		  }
	       }
	    }
	 }
      }
   }
}