// JavaScript Document
function showContent($elementToShow){					
	switch($elementToShow){
		case "blacQube":
			$("#details").html($blacQubeDetails);
			$("#detail-image").html("<img src='img/work/blacQube-big.jpg' border='0' width='290' height='290' alt='blacQube'>");
			break;
		case "socialRadar":
			$("#details").html($socialRadarDetails);
			$("#detail-image").html("<img src='img/work/socialRadar-big.jpg' border='0' width='290' height='290' alt='Social Radar'>");
			break;
		case "gourmetworrier":
			$("#details").html($gourmetworrierDetails);
			$("#detail-image").html("<img src='img/work/gourmetworrier-big.jpg' border='0' width='290' height='290' alt='Gourmet Worrier'>");
			break;
		case "symphony":
			$("#details").html($symphonyDetails);
			$("#detail-image").html("<img src='img/work/symphony-big.jpg' border='0' width='290' height='290' alt='Symphony'>");
			break;
		case "childrens-mercy":
			$("#details").html($childrensmercyDetails);
			$("#detail-image").html("<img src='img/work/childrens-mercy-big.jpg' border='0' width='290' height='290' alt='Childrens Mercy'>");
			break;
		case "hlscommunications":
			$("#details").html($hlscommunicationsDetails);
			$("#detail-image").html("<img src='img/work/hlscommunications-big.jpg' border='0' width='290' height='290' alt='HLS Communications'>");
			break;
		case "nbwebexpress":
			$("#details").html($nbwebexpressDetails);
			$("#detail-image").html("<img src='img/work/nbwebexpress-big.jpg' border='0' width='290' height='290' alt='NB Web Express'>");
			break;
		case "att":
			$("#details").html($attDetails);
			$("#detail-image").html("<img src='img/work/att-big.jpg' border='0' width='290' height='290' alt='AT&T'>");
			break;
			default:
		alert($elementToShow);
	}
}



$blacQubeDetails = "<p class='first'>BlacQube ipsum dolor sit amet, consectetur adipiscing elit. Nullam et leo id massa placerat suscipit vitae sed leo. Duis in tempor nisl. Nulla at nibh nisi. Proin vitae leo dolor, eu consequat massa. Nulla facilisi. Integer consectetur cursus blandit. Nam nec vulputate nunc. Donec fermentum viverra risus, nec convallis orci ullamcorper in.</p>";
$blacQubeDetails += "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et leo id massa placerat suscipit vitae sed leo. Duis in tempor nisl. Nulla at nibh nisi. Proin vitae leo dolor, eu consequat massa. Nulla facilisi. Integer consectetur cursus blandit. Nam nec vulputate nunc. Donec fermentum viverra risus, nec convallis orci ullamcorper in.</p>";


$socialRadarDetails = "<h3 class='first'>Social Radar</h3><p>Social Radar allows you to track, measure, analyze, and understand chatter from all over the Web in an easy-to-use web-based control panel. Leverage actionable insights in all of your business strategies.</p>";
$socialRadarDetails += "<p>Designing the internal control panel for Social Radar required a layout that allowed advanced users to gain access to the plethora of features while maintaining an easy path for everyone else. </p>";
$socialRadarDetails += "<p>✓ <a href='http://www.infegy.com/socialradar.php' target='_blank'>Click here to visit the site</a></p>";


$gourmetworrierDetails = "<h3 class='first'>Gourmet Worrier</h3><p>Gourmet Worrier is a foodie blog who's author is passionate about Mediterranean/Levantine cuisine, sustainability, whole foods, GM & fair trade. </p>";
$gourmetworrierDetails += "<p>Working within the MoveableType framework I was able to build a custom CSS layout using the designs provided by the site's author.</p>";
$gourmetworrierDetails += "<p>✓ <a href='http://www.gourmetworrier.com/' target='_blank'>Click here to visit the site</a></p>";


$childrensmercyDetails = "<h3 class='first'>Children's Mercy</h3><p>Children's Mercy Hospitals and Clinics is a comprehensive pediatric medical center which is the only free-standing children's hospital between St. Louis and Denver.</p>";
$childrensmercyDetails += "<p>Working with the existing corporate brand identity I extended it to the web and designed their new dot com.</p>";
$childrensmercyDetails += "<p>✓ <a href='http://www.childrens-mercy.org/' target='_blank'>Click here to visit the site</a></p>";


$symphonyDetails = "<h3 class='first'>Ascension Health</h3><p>You Are Symphony, Ascension Health's business change initiative is designed to find dedicated people to help sustain and expand Ascension Health's mission.</p>";
$symphonyDetails += "<p>I assisted in the design and built this advanced flash site using a remoting database back end allowing the client to update the job openings and track metrics from an easy to use control panel.</p>";
$symphonyDetails += "<p>✓ <a href='http://www.youaresymphony.com/' target='_blank'>Click here to visit the site</a></p>";


$hlscommunicationsDetails = "<p class='first'>hlscommunicationsDetails ipsum dolor sit amet, consectetur adipiscing elit. Nullam et leo id massa placerat suscipit vitae sed leo. Duis in tempor nisl. Nulla at nibh nisi. Proin vitae leo dolor, eu consequat massa. Nulla facilisi. Integer consectetur cursus blandit. Nam nec vulputate nunc. Donec fermentum viverra risus, nec convallis orci ullamcorper in.</p>";
$hlscommunicationsDetails += "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et leo id massa placerat suscipit vitae sed leo. Duis in tempor nisl. Nulla at nibh nisi. Proin vitae leo dolor, eu consequat massa. Nulla facilisi. Integer consectetur cursus blandit. Nam nec vulputate nunc. Donec fermentum viverra risus, nec convallis orci ullamcorper in.</p>";


$nbwebexpressDetails = "<h3 class='first'>NB Web Express</h3><p>Shop online for New Balance shoes and apparel, including New Balance running shoes, walking shoes, tennis shoes, retro sneakers and more...</p>";
$nbwebexpressDetails += "<p>I worked with the team at NB Web Express to design and build the 2009 Summer Ad Campaign.  The campaign required both print and web elements having the same feel using the same assets.</p>";
$nbwebexpressDetails += "<p>✓ <a href='http://www.nbwebexpress.com/' target='_blank'>Click here to visit the site</a></p>";

$attDetails = "<h3 class='first'>AT&T Connected Communities</h3><p>The AT&T Connected Communities program is a strategic way to deliver on demand content and connect residents with AT&T's next-generation services, while helping builders, developers and multi-family property owners attract and retain today's tech-savvy residents.</p>";
$attDetails += "<p>As part of a team working on the Connected Communities launch I created a group of ads that fit within the brand.</p>";
$attDetails += "<p>✓ <a href='http://www.att.com/gen/press-room?pid=7881' target='_blank'>Click here to visit the site</a></p>";