title: How to always resolve URLs relative to my web applications root?
body: <p>I have an web application that is a JavaScript file will the following line of code:</p>
  
  <pre><code>var arrowimages = { down: ['downarrowclass', 'images/AppNavDownArrow.gif', 23], right: ['rightarrowclass', 'images/AppNavRightArrow.gif'] }
  </code></pre>
  
  <p>When I am at the root of my web application, the reference to the images is working as expected.  When I browse to a sub folder in my application, it adds the same sub folder to the image URL and it does not load. </p>
  
  <p>How do I modify the code so it will point to the create image path when I am in a subfolder within my application?</p>