var Projects =
[
	{
		id: 'wingsoflemuria',
		title: 'Wings Of Lemuria Campaign',
		tags: 'One Man Army - Concept, Art, Programming, Music',
		description: "My on-going personal project. It's basically a turn-based RPG flash game consisting of 3 different races. The look and feel is a mixture of inspiration from starcraft, warhammer 40k, and starwars. This project currently serves as my brainchild and an opportunity to utilize my various skill set in production, concept design, programming, project management, and musical scoring.",
		link:"http://facebook.com/wingsoflemuria",
		agency:"Personal Project",
		agencylink:"http://facebook.com/wingsoflemuria",
		year:"2009-ongoing",
		shortname: 'Wings-Of-Lemuria',
		coverimage: 'uploads/wingsoflemuria.jpg',
		media:[
			{
				type	: "image",
				thumb	: "uploads/thumbs_wingsoflemuria_1.png",
				url	: "uploads/preview_wingsoflemuria_1.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_wingsoflemuria_2.png",
				url	: "uploads/preview_wingsoflemuria_2.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_wingsoflemuria_3.png",
				url	: "uploads/preview_wingsoflemuria_3.png"
			}
			,
			{
				type	: "image",
				thumb	: "uploads/thumbs_wingsoflemuria_4.png",
				url	: "uploads/preview_wingsoflemuria_4.png"
			}
			,
			{
				type	: "image",
				thumb	: "uploads/thumbs_wingsoflemuria_5.png",
				url	: "uploads/preview_wingsoflemuria_5.png"
			}
			,
			{
				type	: "image",
				thumb	: "uploads/thumbs_wingsoflemuria_6.png",
				url	: "uploads/preview_wingsoflemuria_6.png"
			}
		]
	},
	{
		id:'lostplanet2',
		title: 'Capcom\'s Lost Planet 2 Website',
		tags: 'UI-Design, Actionscript3, Website Animation',
		description: "A website project by Capcom. I was assigned to design, develop & animate Lost Planet 2's website. We used the Gaia Framework for Adobe Flash in this project to handle bulk loading as well as handling SWF deep linking. Adobe Illustrator was my best friend in this project. Done under creative & technical direction of Joystick Interactive.",
		link:"http://lostplanet2game.com/",
		agency:"Joystick Interactive",
		agencylink: "http://joystickinteractive.com",
		year:"2010",
		shortname: 'Lost-Planet-2-Website',
		coverimage: 'uploads/lostplanet.jpg',
		media:[
			{
				type	: "image",
				thumb	: "uploads/thumbs_lp2_1.png",
				url	: "uploads/preview_lp2_1.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_lp2_2.png",
				url	: "uploads/preview_lp2_2.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_lp2_3.png",
				url	: "uploads/preview_lp2_3.png"
			}
			,
			{
				type	: "image",
				thumb	: "uploads/thumbs_lp2_4.png",
				url	: "uploads/preview_lp2_4.png"
			}
			,
			{
				type	: "image",
				thumb	: "uploads/thumbs_lp2_5.png",
				url	: "uploads/preview_lp2_5.png"
			}
		]
	},
	{
		id:'left4dead2',
		title: 'Left4Dead2 Youtube Masthead',
		tags: 'UI-Design, Actionscript3, After Effects',
		description: "My role here was to design and build the Youtube Masthead of Valve's sequel to its award-winning  cooperative first-person shooter game, Left4Dead2. First time learning how it's more efficient rendering the video in a bitmap canvas instead of adding the video object into the display list. Done under creative & technical direction of Joystick Interactive.",
		link:"http://joystickinteractive.com/staging/left4dead2/masthead/build2.2/index.html",
		agency:"Joystick Interactive",
		agencylink: "http://joystickinteractive.com",
		year:"2009",
		shortname: 'Left-4-Dead-2-Masthead',
		coverimage: 'uploads/left4dead2.jpg',
		media:[
			{
				type	: "image",
				thumb	: "uploads/thumbs_l4d2_1.png",
				url	: "uploads/preview_l4d2_1.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_l4d2_2.png",
				url	: "uploads/preview_l4d2_2.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_l4d2_3.png",
				url	: "uploads/preview_l4d2_3.png"
			}
			,
			{
				type	: "image",
				thumb	: "uploads/thumbs_l4d2_4.png",
				url	: "uploads/preview_l4d2_4.png"
			}
		]
	}
	,
	{
		id:'qsg',
		title: 'QSG Interactive Flash Demo',
		tags: 'UI-Design, Actionscript',
		description: "A flash demo which includes voice overs and animated demo of QSG's new system.",
		link:"http://www.thesoulwithin.com/clients/qsg/",
		agency:"The Soul Within - Chicago Web Design",
		agencylink: "http://www.thesoulwithin.com",
		year:"2009",
		shortname: 'QSG-Flash-Demo',
		coverimage: 'uploads/qsg.jpg',
		media:[
			{
				type	: "image",
				thumb	: "uploads/thumbs_qsg_1.png",
				url	: "uploads/preview_qsg_1.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_qsg_2.png",
				url	: "uploads/preview_qsg_2.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_qsg_3.png",
				url	: "uploads/preview_qsg_3.png"
			}
		]
	}
	,
	{
		id:'facesofdeath',
		title: 'Faces of Death website',
		tags: 'UI-Design, Actionscript',
		description: "My first (and last) time doing a website design involving skulls and blood. I also remember trying to do those floral artsy design when it was in the rage back in mid-late 2000s. Fun times. Site used css/xml inside Flash.",
		link:"http://facesofdeath.com/",
		agency:"The Soul Within",
		agencylink: "http://thesoulwithin.com",
		year:"2008",
		shortname: 'Faces-of-Death',
		coverimage: 'uploads/facesofdeath.jpg',
		media:[
			{
				type	: "image",
				thumb	: "uploads/thumbs_fod_1.png",
				url	: "uploads/preview_fod_1.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_fod_2.png",
				url	: "uploads/preview_fod_2.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_fod_3.png",
				url	: "uploads/preview_fod_3.png"
			}
			,
			{
				type	: "image",
				thumb	: "uploads/thumbs_fod_4.png",
				url	: "uploads/preview_fod_4.png"
			}
		]
	}
	,
	{
		id:'themthefilm',
		title: 'Them the film website',
		tags: 'UI-Design, Actionscript',
		description: "A quick project done in a week. I designed and develop the site in Flash using Actionscript2.0. I also did the background music (piano + ambience). This is the first time I started doing OOP practices in Flash but in AS2.0. It's a good movie too!",
		link:"http://themthefilm.com/",
		agency:"7th-media",
		agencylink: "http://7th-media.com",
		year:"2007",
		shortname: 'Them-the-film',
		coverimage: 'uploads/themthefilm.jpg',
		media:[
			{
				type	: "image",
				thumb	: "uploads/thumbs_them_1.png",
				url	: "uploads/preview_them_1.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_them_2.png",
				url	: "uploads/preview_them_2.png"
			},
			{
				type	: "image",
				thumb	: "uploads/thumbs_them_3.png",
				url	: "uploads/preview_them_3.png"
			}
			,
			{
				type	: "image",
				thumb	: "uploads/thumbs_them_4.png",
				url	: "uploads/preview_them_4.png"
			}
		]
	}
	
];