Fixing path issue for demo images

index.html

@@ -51,18 +51,18 @@ <h2>Demos &amp; Usage</h2>
 			<!-- Basic -->
 			<h3 id="demo-basic-usage">Basic Photoset Grid</h3>
 			<div class="photoset-grid-basic" data-layout="12" style="visibility: hidden;">
-				<img src="img/_demo/nyc1-500px.jpg" data-highres="img/_demo/nyc1-highres.jpg">
-				<img src="img/_demo/nyc2-500px.jpg" data-highres="img/_demo/nyc2-highres.jpg">
-				<img src="img/_demo/nyc3-500px.jpg" data-highres="img/_demo/nyc3-highres.jpg">
+				<img src="img/demo/nyc1-500px.jpg" data-highres="img/demo/nyc1-highres.jpg">
+				<img src="img/demo/nyc2-500px.jpg" data-highres="img/demo/nyc2-highres.jpg">
+				<img src="img/demo/nyc3-500px.jpg" data-highres="img/demo/nyc3-highres.jpg">
 			</div>
 			<p>Simply call <code>photosetGrid();</code> on a div with the <code>data-layout</code> specified and a number of images inside.</p>
 
 			<h5>HTML:</h5>
 
 <pre><code>&lt;div class="photoset-grid-basic" data-layout="12"&gt;
-  &lt;src="img/_demo/nyc1-500px.jpg" data-highres="img/_demo/nyc1-highres.jpg"&gt;
-  &lt;src="img/_demo/nyc2-500px.jpg" data-highres="img/_demo/nyc2-highres.jpg"&gt;
-  &lt;src="img/_demo/nyc3-500px.jpg" data-highres="img/_demo/nyc3-highres.jpg"&gt;
+  &lt;src="img/demo/nyc1-500px.jpg" data-highres="img/demo/nyc1-highres.jpg"&gt;
+  &lt;src="img/demo/nyc2-500px.jpg" data-highres="img/demo/nyc2-highres.jpg"&gt;
+  &lt;src="img/demo/nyc3-500px.jpg" data-highres="img/demo/nyc3-highres.jpg"&gt;
 &lt;/div&gt;</code></pre>
 
 			<h5>Javascript:</h5>
@@ -75,18 +75,18 @@ <h5>Javascript:</h5>
 			<!-- Custom -->
 			<h3 id="demo-custom-options">Custom Options</h3>
 			<div class="photoset-grid-custom" style="visibility: hidden;">
-				<img src="img/_demo/print1-500px.jpg" data-highres="img/_demo/print1-highres.jpg">
-				<img src="img/_demo/print2-500px.jpg" data-highres="img/_demo/print2-highres.jpg">
-				<img src="img/_demo/print3-500px.jpg" data-highres="img/_demo/print3-highres.jpg">
+				<img src="img/demo/print1-500px.jpg" data-highres="img/demo/print1-highres.jpg">
+				<img src="img/demo/print2-500px.jpg" data-highres="img/demo/print2-highres.jpg">
+				<img src="img/demo/print3-500px.jpg" data-highres="img/demo/print3-highres.jpg">
 			</div>
 
 			<p>Beyond the basic usage, you can set a number of optional arguments including callback functions that are useful for adding a lightbox for high resolution images.</p>
 			<h5>HTML:</h5>
 
 <pre><code>&lt;div class="photoset-grid-custom" style="visibility: hidden;"&gt;
-  &lt;src="img/_demo/print1-500px.jpg" data-highres="img/_demo/print1-highres.jpg"&gt;
-  &lt;src="img/_demo/print2-500px.jpg" data-highres="img/_demo/print2-highres.jpg"&gt;
-  &lt;src="img/_demo/print3-500px.jpg" data-highres="img/_demo/print3-highres.jpg"&gt;
+  &lt;src="img/demo/print1-500px.jpg" data-highres="img/demo/print1-highres.jpg"&gt;
+  &lt;src="img/demo/print2-500px.jpg" data-highres="img/demo/print2-highres.jpg"&gt;
+  &lt;src="img/demo/print3-500px.jpg" data-highres="img/demo/print3-highres.jpg"&gt;
 &lt;/div&gt;</code></pre>
 
 			<h5>Javascript:</h5>
@@ -114,23 +114,23 @@ <h5>Javascript:</h5>
 			<!-- Ligthbox -->
 			<h3 id="demo-lightbox">Adding A Lightbox</h3>
 			<div class="photoset-grid-lightbox" data-layout="131" style="visibility: hidden;">
-				<img src="img/_demo/withhearts1-500px.jpg" data-highres="img/_demo/withhearts1-highres.jpg">
-				<img src="img/_demo/withhearts2-500px.jpg" data-highres="img/_demo/withhearts2-highres.jpg">
-				<img src="img/_demo/withhearts3-500px.jpg" data-highres="img/_demo/withhearts3-highres.jpg">
-				<img src="img/_demo/withhearts4-500px.jpg" data-highres="img/_demo/withhearts4-highres.jpg">
-				<img src="img/_demo/withhearts5-500px.jpg" data-highres="img/_demo/withhearts5-highres.jpg">
+				<img src="img/demo/withhearts1-500px.jpg" data-highres="img/demo/withhearts1-highres.jpg">
+				<img src="img/demo/withhearts2-500px.jpg" data-highres="img/demo/withhearts2-highres.jpg">
+				<img src="img/demo/withhearts3-500px.jpg" data-highres="img/demo/withhearts3-highres.jpg">
+				<img src="img/demo/withhearts4-500px.jpg" data-highres="img/demo/withhearts4-highres.jpg">
+				<img src="img/demo/withhearts5-500px.jpg" data-highres="img/demo/withhearts5-highres.jpg">
 			</div>
 
 			<p>This demonstration of the photoset grid uses the <code>onComplete</code> event to assign a lightbox plugin to view the high resolution images. The code below is specific to <a href="https://github.com/jackmoore/colorbox">jquery.colorbox.js</a>, but it should work virtually the same for other plugins.</p>
 
 			<h5>HTML:</h5>
 
 <pre><code>&lt;div class="photoset-grid-lightbox" style="visibility: hidden;"&gt;
-  &lt;src="img/_demo/withhearts1-500px.jpg" data-highres="img/_demo/withhearts1-highres.jpg"&gt;
-  &lt;src="img/_demo/withhearts2-500px.jpg" data-highres="img/_demo/withhearts2-highres.jpg"&gt;
-  &lt;src="img/_demo/withhearts3-500px.jpg" data-highres="img/_demo/withhearts3-highres.jpg"&gt;
-  &lt;src="img/_demo/withhearts4-500px.jpg" data-highres="img/_demo/withhearts4-highres.jpg"&gt;
-  &lt;src="img/_demo/withhearts5-500px.jpg" data-highres="img/_demo/withhearts5-highres.jpg"&gt;
+  &lt;src="img/demo/withhearts1-500px.jpg" data-highres="img/demo/withhearts1-highres.jpg"&gt;
+  &lt;src="img/demo/withhearts2-500px.jpg" data-highres="img/demo/withhearts2-highres.jpg"&gt;
+  &lt;src="img/demo/withhearts3-500px.jpg" data-highres="img/demo/withhearts3-highres.jpg"&gt;
+  &lt;src="img/demo/withhearts4-500px.jpg" data-highres="img/demo/withhearts4-highres.jpg"&gt;
+  &lt;src="img/demo/withhearts5-500px.jpg" data-highres="img/demo/withhearts5-highres.jpg"&gt;
 &lt;/div&gt;</code></pre>
 
 			<h5>Javascript:</h5>