diff --git a/demo.html b/demo.html
index a3fe0cb..9ffd5eb 100644
--- a/demo.html
+++ b/demo.html
@@ -12,293 +12,7 @@
 <body>
 <form>
 <select id="image">
-  <option>45degreee_fabric.png</option>
-  <option>60degree_gray.png</option>
-  <option>absurdidad.png</option>
-  <option>always_grey.png</option>
-  <option>arab_tile.png</option>
-  <option>arches.png</option>
-  <option>argyle.png</option>
-  <option>asfalt.png</option>
-  <option>assault.png</option>
-  <option>back_pattern.png</option>
-  <option>batthern.png</option>
-  <option>beige_paper.png</option>
-  <option>bgnoise_lg.png</option>
-  <option>black-Linen.png</option>
-  <option>blackmamba.png</option>
-  <option>black_denim.png</option>
-  <option>black_linen_v2.png</option>
-  <option>black_mamba.png</option>
-  <option>black_paper.png</option>
-  <option>black_scales.png</option>
-  <option>black_thread.png</option>
-  <option>black_twill.png</option>
-  <option>blizzard.png</option>
-  <option>blu_stripes.png</option>
-  <option>bo_play_pattern.png</option>
-  <option>bright_squares.png</option>
-  <option>brillant.png</option>
-  <option>broken_noise.png</option>
-  <option>brushed_alu.png</option>
-  <option>brushed_alu_dark.png</option>
-  <option>burried.png</option>
-  <option>candyhole.png</option>
-  <option>carbon_fibre.png</option>
-  <option>carbon_fibre_big.png</option>
-  <option>carbon_fibre_v2.png</option>
-  <option>cardboard.png</option>
-  <option>cardboard_1.png</option>
-  <option>cardboard_flat.png</option>
-  <option>cartographer.png</option>
-  <option>checkered_pattern.png</option>
-  <option>chruch.png</option>
-  <option>circles.png</option>
-  <option>classy_fabric.png</option>
-  <option>clean_textile.png</option>
-  <option>climpek.png</option>
-  <option>concrete_wall.png</option>
-  <option>concrete_wall_2.png</option>
-  <option>concrete_wall_3.png</option>
-  <option>connect.png</option>
-  <option>cork_1.png</option>
-  <option>corrugation.png</option>
-  <option>cracks_1.png</option>
-  <option>crisp_paper_ruffles.png</option>
-  <option>crissXcross.png</option>
-  <option>crossed_stripes.png</option>
-  <option>crosses.png</option>
-  <option>cross_scratches.png</option>
-  <option>cubes.png</option>
-  <option>cutcube.png</option>
-  <option>daimond_eyes.png</option>
-  <option>darkdenim3.png</option>
-  <option>dark_brick_wall.png</option>
-  <option>dark_circles.png</option>
-  <option>dark_dotted.png</option>
-  <option>dark_geometric.png</option>
-  <option>dark_leather.png</option>
-  <option>dark_matter.png</option>
-  <option>dark_mosaic.png</option>
-  <option>dark_stripes.png</option>
-  <option>dark_Tire.png</option>
-  <option>dark_wall.png</option>
-  <option>dark_wood.png</option>
-  <option>darth_stripe.png</option>
-  <option>denim.png</option>
-  <option>diagmonds.png</option>
-  <option>diagonal-noise.png</option>
-  <option>diagonal_striped_brick.png</option>
-  <option>diamonds.png</option>
-  <option>diamond_upholstery.png</option>
-  <option>dirty_old_shirt.png</option>
-  <option>double_lined.png</option>
-  <option>dust.png</option>
-  <option>dvsup.png</option>
-  <option>egg_shell.png</option>
-  <option>elastoplast.png</option>
-  <option>elegant_grid.png</option>
-  <option>embossed_paper.png</option>
-  <option>escheresque.png</option>
-  <option>exclusive_paper.png</option>
-  <option>extra_clean_paper.png</option>
-  <option>fabric_1.png</option>
-  <option>fabric_plaid.png</option>
-  <option>fake_brick.png</option>
-  <option>fake_luxury.png</option>
-  <option>fancy_deboss.png</option>
-  <option>farmer.png</option>
-  <option>felt.png</option>
-  <option>first_aid_kit.png</option>
-  <option>flowers.png</option>
-  <option>flowertrail.png</option>
-  <option>foggy_birds.png</option>
-  <option>foil.png</option>
-  <option>frenchstucco.png</option>
-  <option>furley_bg.png</option>
-  <option>gold_scale.png</option>
-  <option>gplaypattern.png</option>
-  <option>gradient_squares.png</option>
-  <option>graphy.png</option>
-  <option>gray_sand.png</option>
-  <option>green-fibers.png</option>
-  <option>green_dust_scratch.png</option>
-  <option>green_gobbler.png</option>
-  <option>grey.png</option>
-  <option>greyfloral.png</option>
-  <option>grey_sandbag.png</option>
-  <option>grid.png</option>
-  <option>gridme.png</option>
-  <option>grid_noise.png</option>
-  <option>grilled.png</option>
-  <option>groovepaper.png</option>
-  <option>grunge_wall.png</option>
-  <option>gun_metal.png</option>
-  <option>handmadepaper.png</option>
-  <option>hexabump.png</option>
-  <option>hexellence.png</option>
-  <option>hixs_pattern_evolution.png</option>
-  <option>husk.png</option>
-  <option>ice_age.png</option>
-  <option>inflicted.png</option>
-  <option>irongrip.png</option>
-  <option>knitted-netting.png</option>
-  <option>kuji.png</option>
-  <option>large_leather.png</option>
-  <option>leather_1.png</option>
-  <option>lghtmesh.png</option>
-  <option>lightpaperfibers.png</option>
-  <option>light_alu.png</option>
-  <option>light_checkered_tiles.png</option>
-  <option>light_grey_floral_motif.png</option>
-  <option>light_honeycomb.png</option>
-  <option>light_noise_diagonal.png</option>
-  <option>light_toast.png</option>
-  <option>light_wool.png</option>
-  <option>lil_fiber.png</option>
-  <option>lined_paper.png</option>
-  <option>linen.png</option>
-  <option>littleknobs.png</option>
-  <option>little_pluses.png</option>
-  <option>little_triangles.png</option>
-  <option>low_contrast_linen.png</option>
-  <option>lyonnette.png</option>
-  <option>merely_cubed.png</option>
-  <option>micro_carbon.png</option>
-  <option>mirrored_squares.png</option>
-  <option>nami.png</option>
-  <option>natural_paper.png</option>
-  <option>nistri.png</option>
-  <option>noise_lines.png</option>
-  <option>noise_pattern_with_crosslines.png</option>
-  <option>noisy.png</option>
-  <option>noisy_grid.png</option>
-  <option>norwegian_rose.png</option>
-  <option>office.png</option>
-  <option>old_mathematics.png</option>
-  <option>old_wall.png</option>
-  <option>outlets.png</option>
-  <option>padded.png</option>
-  <option>paper.png</option>
-  <option>paper_1.png</option>
-  <option>paper_2.png</option>
-  <option>paper_3.png</option>
-  <option>paven.png</option>
-  <option>perforated_white_leather.png</option>
-  <option>pineapplecut.png</option>
-  <option>pinstripe.png</option>
-  <option>pinstriped_suit.png</option>
-  <option>plaid.png</option>
-  <option>polaroid.png</option>
-  <option>polonez_car.png</option>
-  <option>polyester_lite.png</option>
-  <option>pool_table.png</option>
-  <option>project_papper.png</option>
-  <option>psychedelic_pattern.png</option>
-  <option>purty_wood.png</option>
-  <option>px_by_Gre3g.png</option>
-  <option>pyramid.png</option>
-  <option>quilt.png</option>
-  <option>random_grey_variations.png</option>
-  <option>ravenna.png</option>
-  <option>real_cf.png</option>
-  <option>rebel.png</option>
-  <option>redox_01.png</option>
-  <option>redox_02.png</option>
-  <option>reticular_tissue.png</option>
-  <option>retina_wood.png</option>
-  <option>retro_intro.png</option>
-  <option>ricepaper.png</option>
-  <option>ricepaper2.png</option>
-  <option>rip_jobs.png</option>
-  <option>robots.png</option>
-  <option>rockywall.png</option>
-  <option>roughcloth.png</option>
-  <option>rough_diagonal.png</option>
-  <option>rubber_grip.png</option>
-  <option>scribble_light.png</option>
-  <option>shattered.png</option>
-  <option>shinecaro.png</option>
-  <option>shinedotted.png</option>
-  <option>silver_scales.png</option>
-  <option>skelatal_weave.png</option>
-  <option>skewed_print.png</option>
-  <option>skin_side_up.png</option>
-  <option>small-crackle-bright.png</option>
-  <option>small_tiles.png</option>
-  <option>smooth_wall.png</option>
-  <option>snow.png</option>
-  <option>soft_circle_scales.png</option>
-  <option>soft_kill.png</option>
-  <option>soft_pad.png</option>
-  <option>soft_wallpaper.png</option>
-  <option>solid.png</option>
-  <option>squares.png</option>
-  <option>square_bg.png</option>
-  <option>stacked_circles.png</option>
-  <option>starring.png</option>
-  <option>stitched_wool.png</option>
-  <option>strange_bullseyes.png</option>
-  <option>straws.png</option>
-  <option>striped_lens.png</option>
-  <option>struckaxiom.png</option>
-  <option>stucco.png</option>
-  <option>subtlenet2.png</option>
-  <option>subtle_carbon.png</option>
-  <option>subtle_dots.png</option>
-  <option>subtle_freckles.png</option>
-  <option>subtle_orange_emboss.png</option>
-  <option>subtle_stripes.png</option>
-  <option>subtle_surface.png</option>
-  <option>subtle_zebra_3d.png</option>
-  <option>swirl.png</option>
-  <option>tactile_noise.png</option>
-  <option>tapestry_pattern.png</option>
-  <option>tasky_pattern.png</option>
-  <option>tex2res1.png</option>
-  <option>tex2res2.png</option>
-  <option>tex2res3.png</option>
-  <option>tex2res4.png</option>
-  <option>tex2res5.png</option>
-  <option>textured_stripes.png</option>
-  <option>texturetastic_gray.png</option>
-  <option>tileable_wood_texture.png</option>
-  <option>tiny_grid.png</option>
-  <option>triangles.png</option>
-  <option>triangles_pattern.png</option>
-  <option>txture.png</option>
-  <option>type.png</option>
-  <option>use_your_illusion.png</option>
-  <option>vaio_hard_edge.png</option>
-  <option>vertical_cloth.png</option>
-  <option>vichy.png</option>
-  <option>vintage_speckles.png</option>
-  <option>wall4.png</option>
-  <option>washi.png</option>
-  <option>wavecut.png</option>
-  <option>weave.png</option>
-  <option>whitediamond.png</option>
-  <option>whitey.png</option>
-  <option>white_bed_sheet.png</option>
-  <option>white_brick_wall.png</option>
-  <option>white_carbon.png</option>
-  <option>white_carbonfiber.png</option>
-  <option>white_leather.png</option>
-  <option>white_paperboard.png</option>
-  <option>white_plaster.png</option>
-  <option>white_sand.png</option>
-  <option>white_texture.png</option>
-  <option>white_tiles.png</option>
-  <option>white_wall.png</option>
-  <option>white_wave.png</option>
-  <option>wide_rectangles.png</option>
-  <option>wood_1.jpg</option>
-  <option>wood_1.png</option>
-  <option>wood_pattern.png</option>
-  <option>worn_dots.png</option>
-  <option>woven.png</option>
-  <option>xv.png</option>
-  <option>zigzag.png</option>
+  <option selected>Downloading Pattern Names...</option>
 </select>
 </form>
 
@@ -306,11 +20,43 @@
 <script>
 $(document).ready(function(){
 
-  $('#image')
-    .bind('keyup change unfocus blur',function(){
-      $('body').css( 'background-image' , 'url('+$(this).val()+')' );
-    })
-    .blur();
+  var pattern_selector = $('#image')
+      body_tag = $('body');
+  
+  // make an ajax request to find all the file names
+  $.getJSON('https://api.github.com/repos/subtlepatterns/SubtlePatterns/contents?callback=?', function(files) {
+    // http://baylorrae.com/prevent-dom-reflow/
+    var items = document.createDocumentFragment(),
+        item, file;
+    
+    // loop through all files in the repo
+    for( var i = 0, len = files.data.length; i < len; i++ ) {
+      file = files.data[i];
+      
+      // skip over non image files
+      if( /\.(png|jpg|jpeg)$/.test(file["path"]) == false ) {
+        continue;
+      }
+      
+      // create the option tag and use the raw image url
+      item = $('<option />', {
+        value: file["_links"]["html"].replace('blob', 'raw'),
+        text: file["path"]
+      })[0];
+      
+      items.appendChild(item);
+    }
+    
+    // update the dropdown menu
+    pattern_selector.find('option').remove();
+    pattern_selector.append(items);
+    pattern_selector.change();
+  });
+  
+  // bind an event to change the body background image
+  pattern_selector.change(function() {
+    body_tag.css('background-image', 'url(' + this.value + ')');
+  });
 
 });
 </script>
