integrate logic with UI for both types of play page.
Merge pull request #32 from ruijunhuang2010/gh-pages

 integrate UI with logic of both type of play pages