#tileify.js ####a plugin that will have more practical uses in subsequent iterations

##demo http://tileify.johnvaghi.com

$('.mySelector').tileify();

##config options (followed by their defaults)

$('.mySelector').tileify({
	numCols: 5, //blocks per column
	numRows: 5, //blocks per row
	contHeight: 1500, //each row represents a height of by which that row is randomly assigned a location within - this is that height
	autoAnimate: true, //animate the scroll on pageload
	autoScrollSpeed: 10000, //animate on pageload scroll-speed
	clickTrigger: '.tileifyTrigger', //if you want to trigger the scroll on click, here's your chance
	photoFile: null, //add an image directory here and tileify will grab the images and randomly insert them into the tiles e.g "/images/"
	onEnd: function(){  } // to be triggered whenst the last block scrolls in
});

##notes

To sqaush any performance issues related to having too many tiles and too fast a scroll-speed, use the following fancy equation: (numCols * numRows) * 100 = your minimum scroll speed

To style blocks, use class .tileifyBlock (scrolling, pre-fixed) and .tileifyBlockFixed (fixed)

##in the works

• ability to reverse the tiles if you scroll up
• ability to customize block styles/content
• IE7 image wall support
• no CSS dependency
• grab images from a directory and make them the bg images of the blocks

##dependencies

• jQuery
• php is needed for imageWall support

##browser support

• everything is pretty much good to go save for anything below IE8 Compat.
• IE7 sans image wall functionality should work.