var work = {"work": 
    {
        "branding": [
            {"id":"MySpacePIX", "htmltext":"<div class='workTitle'><h1>Project: MySpacePix</h1></div><div class='workDate'><p>May 2008</p></div><div class='workImage'> <img src='images/brand_mspix.jpg' alt='MySpacePix' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Create a logo representing the MySpace brand for a new program where photos taken at events are showcased online. <br /><strong>Deliverables:</strong> Final logo design, web design, and build.<br /><br />Illustrator, Photoshop</p></div></div>"},
            {"id":"PlasticCashBlvd", "htmltext":"<div class='workTitle'><h1>Project: Plastic Cash Blvd Identity</h1></div><div class='workDate'><p>February 2008</p></div><div class='workImage'> <img src='images/plasticcash.jpg' alt='Plastic Cash Blvd' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Create a compelling identity for a new start up, Plastic Cash Blvd. <br /><strong>Deliverables:</strong> Final logo design. <br /><br />Illustrator, Photoshop</p></div></div>"},
            {"id":"Syncromatics", "htmltext":"<div class='workTitle'><h1>Project: Syncromatics</h1></div><div class='workDate'><p>July 2006</p></div><div class='workImage'> <img src='images/brand_syncro1.jpg' alt='Syncromatics' /> </div><div class='workCaption'><p></p></div><br /><div class='workImage'> <img src='images/brand_syncro2.jpg' alt='Syncromatics' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Syncromatics needed a striking logo that conveys what the company is about - satellite tracking for vehicles.  <br /><strong>Deliverables:</strong> Logo design, stationary design, website design, marketing strategy, collateral design.<br /><br />Illustrator</p></div></div>"},
            {"id":"Rocktastica", "htmltext":"<div class='workTitle'><h1>Project: Rocktastica</h1></div><div class='workDate'><p>June 2006</p></div><div class='workImage'> <img src='images/brand_rock1.jpg' alt='Rocktastica' /> </div><div class='workCaption'><p>One rockin' logo coming right up!</p></div><br /><div class='workImage'> <img src='images/brand_rock2.jpg' alt='Rocktastica' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Create a logo for Rocktastica, an online marketing company. <br /><strong>Deliverables:</strong> Final logo design &amp; marketing assets.<br /><br />Illustrator, Photoshop</p></div></div>"},
            {"id":"ArtistonArtist", "htmltext":"<div class='workTitle'><h1>Project: Artist on Artist</h1></div><div class='workDate'><p>May 2007</p></div><div class='workImage'> <img src='images/brand_aona.jpg' alt='Artist on Artist' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Create a logo representing the MySpace brand and a program where artists get a chance to interview another artist. Logo should represent the program and will be used for video and animation.<br /><strong>Deliverables:</strong> Final logo design, web design, and build.<br /><br />Illustrator, Photoshop</p></div></div>"}], 
        "web": [
            {"id":"GigGuide", "htmltext":"<div class='workTitle'><h1>Project: MySpace Gig Guide</h1></div><div class='workDate'><p>August 2008</p></div><div class='workImage'> <img src='images/gigguide_1.jpg' alt='Mogreet' /> </div><div class='workImage'> <img src='images/gigguide_2.jpg' alt='Mogreet' /> </div><div class='workImage'> <img src='images/gigguide_3.jpg' alt='Mogreet' /> </div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design the interactions for a web application on MySpace. Views included a homepage, widget in two sizes and interaction flows.  <br /><strong>Deliverables:</strong> Interaction designs for the web application.<br /><br />Photoshop</p></div></div>"},
            {"id":"Mogreet", "htmltext":"<div class='workTitle'><h1>Project: Mogreet Widgets</h1></div><div class='workDate'><p>February 2009</p></div><div class='workImage'> <img src='images/mogreet_1.jpg' alt='Mogreet' /> </div><div class='workImage'> <img src='images/mogreet_2.jpg' alt='Mogreet' /> </div><div class='workImage'> <img src='images/mogreet_3.jpg' alt='Mogreet' /> </div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design the interactions for Mogreet video players. The Mogreet widgets require lots of interaction in a tiny space, the focus was to keep all the functionality but still keep the widgets looking clean and easy to use. <br /><strong>Deliverables:</strong> Interaction designs for Mogreet widgets.<br /><br />Photoshop</p></div></div>"},
            {"id":"VanillaLatte", "htmltext":"<div class='workTitle'><h1>Project: Vanilla Latte Blog Design</h1></div><div class='workDate'><p>January 2009</p></div><div class='workImage'> <img src='images/vanillalatte_1.jpg' alt='Vanilla Latte' /> </div><div class='workCaption'><p><a href='http://www.vanillalatte.com'>view website</a></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design a simple, clean and attractive blog template for Vanilla Latte - a food blog.  <br /><strong>Deliverables:</strong> Blog template design.<br /><br />Photoshop</p></div></div>"},
            {"id":"Oasis", "htmltext":"<div class='workTitle'><h1>Project: Oasis Website Design</h1></div><div class='workDate'><p>March 2009</p></div><div class='workImage'> <img src='images/oasis_1.jpg' alt='Oasis' /> </div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Restructure and redesign the existing website for the Salvation Army's Oasis National Youth Support Network. The website needed a new look as well as a cohesive structure to support new content.  <br /><strong>Deliverables:</strong> Revised site map, revised IA, website template design.<br /><br />Photoshop</p></div></div>"},
            {"id":"AirNewZealand", "htmltext":"<div class='workTitle'><h1>Project: HomeSweetAs CMS</h1></div><div class='workDate'><p>January 2009</p></div><div class='workImage'> <img src='images/anz_1.jpg' alt='ANZ' /> </div><div class='workImage'> <img src='images/anz_2.jpg' alt='ANZ' /> </div><div class='workImage'> <img src='images/anz_3.jpg' alt='ANZ' /> </div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design a CMS website with interactive elements to maintain the Home Sweet As campaign website.  <br /><strong>Deliverables:</strong> CMS design with interactive modules.<br /><br />Photoshop</p></div></div>"},
            {"id":"MySpaceTVGuide", "htmltext":"<div class='workTitle'><h1>Project: MySpaceTV Guide</h1></div><div class='workDate'><p>May 2008</p></div><div class='workImage'> <img src='images/web_mstvguide.jpg' alt='MySpaceTV Guide' /> </div><div class='workCaption'><p><a href='http://www.myspace.com/tvguide'>view website</a></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design a space for viewing premium video content on MySpace. <br /><strong>Deliverables:</strong> Logo design and web design.<br /><br />Illustrator, Photoshop</p></div></div>"},
            {"id":"MySpacePix", "htmltext":"<div class='workTitle'><h1>Project: MySpacePix</h1></div><div class='workDate'><p>June 2008</p></div><div class='workImage'> <img src='images/brand_mspix.jpg' alt='MySpacePix' /> </div><div class='workCaption'><p></p></div><br /><div class='workImage'> <img src='images/web_mspix.jpg' alt='MySpace Pix' /> </div><div class='workCaption'><p><a href='http://www.myspace.com/myspacepix'>view website</a></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design a site that exhibits photos from events around Australia. <br /><strong>Deliverables:</strong> Logo design and web design.<br /><br />Illustrator, Photoshop</p></div></div>"},
            {"id":"MySpaceMobile", "htmltext":"<div class='workTitle'><h1>Project: MySpace Mobile</h1></div><div class='workDate'><p>November 2007</p></div><div class='workImage'><img alt='MySpace Mobile' src='images/web_mobile.jpg'/></div><div class='workImage workImageBlank'><div id='workSwfMobile'></div></div><div class='workCaption'><p><a href='http://www.myspace.com/index.cfm?fuseaction=cms.viewpage&placement=mobileau'>view website</a></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong>Create a channel for information on MySpace Mobile products, including a flash demo of the off-deck WAP site. <br/><strong>Deliverables:</strong>Webpage design and build.<br/><br/>Illustrator, Photoshop, Flash, HTML, JavaScript, CSS</p></div></div>"},
            {"id":"AussieHub", "htmltext":"<div class='workTitle'><h1>Project: Aussie Hub</h1></div><div class='workDate'><p>August 2007</p></div><div class='workImage'> <img src='images/web_aussiehub.jpg' alt='Aussie Hub' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Create a webpage that offers everything a user needs on MySpace. Involved with brainstorming conception of the idea, creative design and build of this campaign.<br /><strong>Deliverables:</strong> Webpage design and build.<br /><br />Photoshop, Flash, HTML, JavaScript, CSS</p></div></div>"},
            {"id":"MatesRace", "htmltext":"<div class='workTitle'><h1>Project: Mates Race</h1></div><div class='workDate'><p>April 2008</p></div><div class='workImage'> <img src='images/web_matesrace.jpg' alt='Mates Race' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design and build a page to promote Mates Race - a non profit organization that raises money for charity. <br /><strong>Deliverables:</strong> Webpage design and build.<br /><br />Photoshop, HTML, CSS</p></div></div>"},
            {"id":"AppleiPodnano", "htmltext":"<div class='workTitle'><h1>Project: Apple iPod nano</h1></div><div class='workDate'><p>September 2006</p></div><div class='workImage'> <img src='images/web_apple1.jpg' alt='Apple iPod nano' /> </div><div class='workImage'> <img src='images/web_apple2.jpg' alt='Apple iPod nano' /> </div><div class='workImage'> <img src='images/web_apple3.jpg' alt='Apple iPod nano' /> </div><div class='workCaption'><p>all 5 colors</p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design and build branded communities for each color of the iPod nano. <br /><strong>Deliverables:</strong> Webpage design and build. Included Flash pieces for video and music.<br /><br />Photoshop, Flash, HTML, CSS</p></div></div>"},
            {"id":"CWNetwork", "htmltext":"<div class='workTitle'><h1>Project: CW Network</h1></div><div class='workDate'><p>November 2006</p></div><div class='workImage'> <img src='images/web_cw1.jpg' alt='CW Network' /> </div><div class='workImage'> <img src='images/web_cw2.jpg' alt='America's Next Top Model' /> </div><div class='workImage'> <img src='images/web_cw3.jpg' alt='Gilmore Girls' /> </div><div class='workImage'> <img src='images/web_cw4.jpg' alt='Smallville' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design and build a hub page for the CW Network as well as individual pages for each show. <br /><strong>Deliverables:</strong> Webpage design and build. Included Flash pieces and technical builds for voting engines. <br /><br />Photoshop, Flash, HTML, CSS</p></div></div>"},
            {"id":"DiscusDental", "htmltext":"<div class='workTitle'><h1>Project: Discus Dental</h1></div><div class='workDate'><p>June 2006</p></div><div class='workImage'> <img src='images/web_dd1.jpg' alt='Discus Dental' /> </div><div class='workImage'> <img src='images/web_dd4.jpg' alt='Discus Dental' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design and develop 9 country sites for Discus Dental’s international launch. <br /><strong>Deliverables:</strong> Art direction for all websites.<br /><br />Photoshop, Flash, HTML, CSS, PHP</p></div></div>"},
            {"id":"Zoom", "htmltext":"<div class='workTitle'><h1>Project: Zoom!</h1></div><div class='workDate'><p>April 2006</p></div><div class='workImage'> <img src='images/web_zoom.jpg' alt='Zoom!' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Create a website for Zoom! whitening that depicts a lifestyle brand rather than a clinical experience. <br /><strong>Deliverables:</strong> Art direction for the website.<br /><br />Photoshop, Illustrator, Flash, HTML</p></div></div>"},
            {"id":"StreetWise", "htmltext":"<div class='workTitle'><h1>Project: StreetWise</h1></div><div class='workDate'><p>November 2005</p></div><div class='workImage'> <img src='images/web_sw.jpg' alt='StreetWise' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design a monthly newsletter sent out to users and clients to promote past and current events. <br /><strong>Deliverables:</strong> Monthly designs and built into HTML, testing in various email service providers.<br /><br />Photoshop, HTML</p></div></div>"},
            {"id":"TonyHawkAmericanWasteland", "htmltext":"<div class='workTitle'><h1>Project: Tony Hawk American Wasteland</h1></div><div class='workDate'><p>December 2005</p></div><div class='workImage'> <img src='images/web_tonyhawk.jpg' alt='Tony Hawk' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design and build a competition page for Tony Hawk's American Wasteland game &amp; Vagrant Records. <br /><strong>Deliverables:</strong> Fully functional webpage with error alerts and verifications. <br /><br />Photoshop, HTML, PHP, JavaScript</p></div></div>"},
            {"id":"RobynGunn", "htmltext":"<div class='workTitle'><h1>Project: Robyn Gunn</h1></div><div class='workDate'><p>May 2006</p></div><div class='workImage'> <img src='images/web_rgunn1.jpg' alt='Robyn Gunn' /> </div><div class='workCaption'><p>Home Page</p></div><div class='workImage'> <img src='images/web_rgunn2.jpg' alt='Robyn Gunn' /> </div><div class='workCaption'><p>About Page</p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design and build a Flash website for copywriter, Robyn Gunn.<br /><strong>Deliverables:</strong> Fully functional webpage with error alerts and verifications. <br /><br />Photoshop, Illustrator, Flash</p></div></div>"}],
        "print": [
            {"id":"MySpace", "htmltext":"<div class='workTitle'><h1>Project: MySpace</h1></div><div class='workDate'><p>April 2008</p></div><div class='workImage'><img src='images/print_ms2.jpg' alt='MySpace Developer Platform' /></div><div class='workCaption'><p>MySpace Developer Platform posters</p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Create branding posters for events to promote MySpace Developer Platform. <br /><strong>Deliverables:</strong> Poster designs, postcard designs, &amp; signage. <br /><br />Illustrator</p></div></div><div class='workDate'><p>April 2007</p></div><div class='workImage'> <img src='images/print_ms.jpg' alt='MySpace Business Cards' /> </div><div class='workCaption'><p>MySpace Australia business cards</p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Create a business card that represents the MySpace brand. <br /><strong>Deliverables:</strong> Business card designs.<br /><br />Illustrator</p></div></div>"},
            {"id":"Mobseen", "htmltext":"<div class='workTitle'><h1>Project: Mobseen</h1></div><div class='workDate'><p>August 2005</p></div><div class='workImage'> <img src='images/print_mobseen1.jpg' alt='Mobseen' /> </div><div class='workCaption'><p>Mobseen Deck Cover</p></div><div class='workImage'> <img src='images/print_mobseen2.jpg' alt='Mobseen' /> </div><div class='workCaption'><p>Mobseen Report</p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design print collateral for Mobseen, a program created by StreetWise and Snickers.<br /><strong>Deliverables:</strong> Branding and imagery as well as print collateral such as posters and presentations.<br /><br />Illustrator, Photoshop</p></div></div>"},
            {"id":"CityofVillains", "htmltext":"<div class='workTitle'><h1>Project: City of Villains</h1></div><div class='workDate'><p>October 2005</p></div><div class='workImage'> <img src='images/print_cov1.jpg' alt='City of Villains' /> </div><div class='workCaption'><p>Mousepad</p></div><div class='workImage'> <img src='images/print_cov2.jpg' alt='City of Villains' /> </div><div class='workCaption'><p>Poster</p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design print collateral for City of Villains. <br /><strong>Deliverables:</strong> Posters, mousepads, stickers, pins, postcards, and tshirts were created. <br /><br />Illustrator, Photoshop</p></div></div>"},
            {"id":"UltimateSpiderMan", "htmltext":"<div class='workTitle'><h1>Project: Ultimate Spider-Man</h1></div><div class='workDate'><p>September 2005</p></div><div class='workImage'> <img src='images/print_usm1.jpg' alt='Ultimate Spider-Man' /> </div><div class='workCaption'><p>flyer</p></div><div class='workImage'> <img src='images/print_usm2.jpg' alt='Ultmate Spider-Man' /> </div><div class='workCaption'><p>flyer</p></div><div class='workImage'> <img src='images/print_usm3.jpg' alt='Ultmate Spider-Man' /> </div><div class='workCaption'><p>poster</p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design print marketing collateral for Activision's Ultimate Spider-Man. <br /><strong>Deliverables:</strong> Posters, mousepads, stickers, pins, postcards, and tshirts were created. <br /><br />Illustrator, Photoshop</p></div></div>"},
            {"id":"FuseTV", "htmltext":"<div class='workTitle'><h1>Project: FuseTV</h1></div><div class='workDate'><p>August 2005</p></div><div class='workImage'> <img src='images/print_fuse1.jpg' alt='Ultimate Spider-Man' /> </div><div class='workCaption'><p>postcard</p></div><div class='workImage'> <img src='images/print_fuse2.jpg' alt='Ultmate Spider-Man' /> </div><div class='workCaption'><p>folder</p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design print campaign for FuseTV's After School Special.<br /><strong>Deliverables:</strong> Advertisment, posters, mousepads, stickers, pins, postcards, and tshirts were created. <br /><br />Illustrator, Photoshop</p></div></div>"}], 
        "misc": [
            {"id":"MySpaceTVVideoPlayer", "htmltext":"<div class='workTitle'><h1>Project: MySpaceTV Video Player</h1></div><div class='workDate'><p>March 2008</p></div><div class='workImage'> <img src='images/misc_mstvplayer.jpg' alt='MySpaceTV Player' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Redesign the MySpaceTV video player for a better user experience and to accomodate HD video. <br /><strong>Deliverables:</strong> Enhanced interface for the new MySpaceTV video player. <br /><br />Photoshop</p></div></div>"},
            {"id":"MySpaceMobile", "htmltext":"<div class='workTitle'><h1>Project: MySpace Mobile</h1></div><div class='workDate'><p>November 2007</p></div><div class='workImage'> <img src='images/misc_mobile.jpg' alt='MySpace WAP' /> </div><div class='workCaption'><p></p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design the UI of MySpace Mobile WAP.<br /><strong>Deliverables:</strong> Branded header scaable to different mobile phone sizes and a simple interface to account for data charges.<br /><br />Photoshop</p></div></div>"},
            {"id":"iouApplication", "htmltext":"<div class='workTitle'><h1>Project: i-o-u Application</h1></div><div class='workDate'><p>May 2008</p></div><div class='workImage'> <img src='images/misc_iou1.jpg' alt='i-o-u application' /> </div><div class='workImage'> <img src='images/misc_iou2.jpg' alt='i-o-u application' /> </div><div class='workImage'> <img src='images/misc_iou3.jpg' alt='i-o-u application' /> </div><div class='workCaption'><p>designed for MySpace Developer Platform</p></div><div class='bubbleWrap'><div class='bubbleArrowUp'></div><div class='bubbleFrame'><p><strong>Goal:</strong> Design the UI of the i-o-u application.<br /><strong>Deliverables:</strong> Several mocks of the different views of the application. <br /><br />Photoshop</p></div></div>"}] 
    }     
}