Comment cleanup.
Refined sortingHat html. Wrote start of leftSelection().

Not sure yet what is more useful: returning the index of each item
clicked and/or the data-attribs attached to each.
leftProducts() now returns an index and the data- attribs for each product clicked.
Refined html selectors. Added selectedOnInit() to show "active" product on page load.
Adding test imagery, set up as a sprite and background images.
Reslicing product images. Removing small ones.

Not doing sprites. Will have to do this as inline images.
Redid images as inline. Styled columns and headings.
Added copy(). Fixed up selecting and setting "selected" product. Core functions are complete.
Image refinements, the bottoms looked a little weird.
Consolidated left and right side click event in to its own function: selectProduct().
Code and html cleanup.
Code cleanup. Html additions and refinements.
Merge branch 'development' of https://github.com/apartyka/Html5-Starter-Kit-Middleman-Edition into development
Messed something up in the merge, fixed it.
Seeing if we can do a random selection on init. WIP.
selectedOnInit() now returns random items selected. Added selectRandom() and itemSize() helpers.
Re-ordering html.
Added leftItems and rightItems as master objects. Added wip populateImages(). Code cleanup.
Relocating sortingHat images in to parent modules directory.
Trying to get unique click event bound for .product in .selections-container.

Use of .empty() and the clone functions are messing with my head....