diff --git a/demo.html b/demo.html
new file mode 100644
index 0000000..a3fe0cb
--- /dev/null
+++ b/demo.html
@@ -0,0 +1,318 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>Subtle Pattern Demo</title>
+<style>
+body , html { padding:0;margin:0;height:100%; }
+body { background:#ccc none repeat 0 0; }
+form { padding:10px;text-align:center;background:#FFF;border-bottom:1px solid #000; }
+</style>
+</head>
+<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>
+</select>
+</form>
+
+<script src="http://code.jquery.com/jquery.min.js"></script>
+<script>
+$(document).ready(function(){
+
+  $('#image')
+    .bind('keyup change unfocus blur',function(){
+      $('body').css( 'background-image' , 'url('+$(this).val()+')' );
+    })
+    .blur();
+
+});
+</script>
+</body>
+</html>
\ No newline at end of file
