title: External Javascript - Function not defined when it is?
body: <p>After coding the CSS, Javascript, and HTML5 code within the same HTML file for this web application, I decided to split the CSS and Javascript into their own respective external files and include them into the HTML5 file.</p>
  
  <p>I ran into a minor issue as to which the Javascript code would not work until I added the following:</p>
  
  <pre><code>window.onload = function() { //script code}
  </code></pre>
  
  <p>Now it seems like everything but the functions do not load. Since the error that I discovered using Firebug says the function is not defined yet it clearly is.</p>
  
  <p>Here is the code:</p>
  
  <p>The HTML page
  <a href="http://turing.cs.olemiss.edu/~sbadams2/RebelFlow.html" rel="nofollow">http://turing.cs.olemiss.edu/~sbadams2/RebelFlow.html</a></p>
  
  <p>The JS file
  <a href="http://turing.cs.olemiss.edu/~sbadams2/RebelFlow.js" rel="nofollow">http://turing.cs.olemiss.edu/~sbadams2/RebelFlow.js</a></p>
  
  <p>I've read other responses which state that the path may be incorrect but everything else within the Javascript file loads fine with the exception of the actual function.</p>
  
  <p>I'm not sure what may be causing this issue.</p>