var currPortId;
var prevPortId;

var p2008 = [
		//{"type":"Website", "title":"The CC Salon", "client":"CC Hair Salon", "url":"www.theccsalon.com", "pre":"theccsalon", 
		//		 "desc":""},
		//{"type":"Website", "title":"Lansdowne Orthodontics", "client":"Dr. Hukmani, DDS", "url":"www.lansdowneortho.com", "pre":"lansdowneortho", 
		//		 "desc":""}
		{"type":"Website", "title":"Lansdowne Orthodontics", "client":"Lansdowne Orthodontics", "url":"www.lansdowneortho.com", "pre":"lansdowneortho", "desc":"Lansdowne Orthodontics opened a new office in Lansdowne, VA and we we're tasked to design and launch their new website concurrently.", "newItem": true},
		{"type":"Website", "title":"Intrepics.com", "client":"Intrepics", "url":"www.intrepics.com", "pre":"intrepics", 
				 "desc":"INTREPICS is an elite government management consulting firm that needed a new web presence.  We created 3D wireframe animations to reflect their expert knowledge of government management - inside and out."}
	]

var p2007 = [
		{"type":"Website", "title":"Scott P. Guice, DDS", "client":"Dr. Scott P. Guice, DDS", "url":"www.lakenormandentistry.com", "pre":"lakenormandentistry", 
				 "desc":"Dr. Scott Guice wanted to a new website for his growing practice without the cookie cutter template look. This is what we came up with."},
		{"type":"Website", "title":"Cluu Cards", "client":"Cluu Design, LLC", "url":"www.cluudesign.com/cluucards", "pre":"cluucards", 
				 "desc":"Forget the boring, often discarded, invitations and announcements! Cluu Cards are charming and magnetic—literally! We created this mini-site to showcase Cluu Designs latest offerings."},
		{"type":"Website", "title":"Ashbrook Center for Dentistry", "client":"Ashbrook Center for Dentistry", "url":"www.ashbrookdentistry.com", "pre":"ashbrookdentistry", 
				 "desc":"During their new office construction, Ashbrook Center for Dentistry contacted Perception Studios to design a site that was clean and coheasive with their existing marketing campaign and design initiative."},
		{"type":"Website", "title":"APALRC", "client":"Asian Pacific American Legal Resource Center", "url":"www.apalrc.org", "pre":"apalrc", 
				 "desc":"APALRC is a non-profit organization offering much needed legal help to Asian Pacific Americans who cannot afford the services of legal counsel.  We wanted to help them establish their online presence and are proud to be a part of this pro-bono project. "},
		{"type":"Website", "title":"Alkéme Entertainment", "client":"Alkéme Entertainment, LLC", "url":"www.alkeme.com", "pre":"alkeme", 
				 "desc":"Alkéme Entertainment is an up and coming entertainment firm focused on marketing and serving local musical artists. "},
		{"type":"Website", "title":"Argentum Development Company", "client":"Argentum Development Company", "url":"www.argentumdev.com", "pre":"argentumdev", 
				 "desc":"Argentum Development Company is investing heavily in the exploding tourism industry in the Middle East.  With projects fast coming down the pipe, Argentum needed an information site done within two days."},
		{"type":"Website", "title":"ihottz", "client":"International Hospitality Trade & Training Zone", "url":"www.ihottz.com", "pre":"ihottz", 
				 "desc":"This site was a part of the Argentum Development project. We we're able to complete both sites on the extremely tight schedule."},
		{"type":"Website", "title":"Fresh Pro Laundry", "client":"Argentum Development Company", "url":"www.freshprolaundry.com", "pre":"freshprolaundry", 
				 "desc":"Fresh Professional Laundry is no ordinary laundramat!  Serving the commericial industry, their proposed facilities will be huge. Working with Argentum Development, we completed this information site within 2 days."},
		{"type":"Website", "title":"PowerBrands Corp", "client":"PowerBrands Corporation", "url":"www.powerbrandscorp.com", "pre":"powerbrandscorp", 
				 "desc":"The Power Brands team has achieved global recognition developing award winning brands for 25 years. With their design in hand, they needed someone to complete the coding.  We we're glad to help."}
	]

var p2006 = [
		{"type":"Website", "title":"The Water Cure", "client":"Global Health Solutions, Inc.", "url":"www.watercure.com", "pre":"watercure", 
				 "desc":"The miracles and healing power of water are not widely known. Watercure.com is dedicated to spreading Dr. Batmanghelidj's life work on the healing powers of water. This was our first full-featured e-commerce project."},
		{"type":"Website", "title":"Management CV", "client":"Management CV", "url":"www.managementcv.com", "pre":"managementcv", 
				 "desc":"Management CV is in the business of catering to CEO's and executives of high profile companies.  We were asked to complete their site design on a limited budget with a very short timeframe."},
		{"type":"Website", "title":"Preferred Mortgage Services", "client":"Preferred Mortgage Services, LLC", "url":"www.pmsiloans.com", "pre":"pmsiloans", 
				 "desc":"Preferred Mortgage Services Inc. is a mortgage broker firm servicing the needs of the home owner and home buying public in VA, MD and DC areas."},
		{"type":"Website", "title":"Centuria Group", "client":"Centuria Group, LLC", "url":"www.centuriagroup.net", "pre":"centuriagroup", 
				 "desc":"CENTEX CARGO offers weekly ocean services from Washington (DC), Delaware, Philadelphia (PA), and New York (NY) to Kingston, Jamaica, Port of Spain, Trinidad & Tobago, Port au Prince, Haiti, the Caribbean basin, and any seaports in Central America."},
		{"type":"Website", "title":"Press Liquors", "client":"Lim Enterprises, Inc.", "url":"www.pressliquors.com", "pre":"pressliquors", 
				 "desc":"Press Liquors needed a 1 page information site immediately. We help them set up this site the same day.  The site will eventually offer full e-commmerce capabilities in the near future."},
		{"type":"Website", "title":"Reality InterActive Media", "client":"RIAM, Inc.", "url":"www.perceptionstudios.com/riam.html", "pre":"realityinteractivemedia", 
				 "desc":"This is an archived site that we completed for RIAM, Inc."}
	]

var p2005 = [
		{"type":"Website", "title":"MSH Ventures", "client":"MSH Ventures, LLC", "url":"www.mshventures.com", "pre":"mshventures", 
				 "desc":"MSH Ventures Inc. is a private global investment firm that specializes in strategic minority equity investments, private placements of equity, and joint venture transactions."},
		{"type":"Website", "title":"Culture Care", "client":"KC Corporation", "url":"www.culturecare.net", "pre":"culturecare", 
				 "desc":"Formulated with vitamins, proteins, botanical essences and advanced conditioning ingredients, Culture helps moisturize and strengthen hair without greasy, heavy oils so it can grow beautifully healthy and strong. "},
		{"type":"Website", "title":"The Image House", "client":"The Image House Photography Studio", "url":"www.theimagehouse.com", "pre":"theimagehouse", 
				 "desc":"The Image House is a full design and photography studio based in the Washington DC area."}
	]

function collapsePortfolio(){
	var aPDataNames = ['p2008', 'p2007', 'p2006', 'p2005'];
	for (var i=0; i<aPDataNames.length; i++){
		$(aPDataNames[i]).style.display = "none";
		$("expand" + aPDataNames[i]).style.display = "block";
		$("collapse" + aPDataNames[i]).style.display = "none";
	}
}	

function loadPortfolio(aDataName){
	var aData = eval(aDataName);
	var html = "<br/><ul>";
	for (var i=0; i<aData.length; i++){
		html += "<li id='" + aDataName + "-" + i + "'><a  href='javascript:void(0);' onclick='selectPortItem(\"" + aDataName + "\"," + i + ");'>" + aData[i].title;
		if (aData[i].newItem) html += "<span class='new'>new!</span>";
		html += "</a></li>" + "\n";
	}
	html += "</ul><br/>";
	return html;
}

function selectPortItem(aDataName, aDataIndex){
	var aData = eval(aDataName);
	if (prevPortId) $(prevPortId).className = "";
	$(aDataName + "-" + aDataIndex).className = "port-selected";
	prevPortId = aDataName + "-" + aDataIndex;
	
	
	$("title").innerHTML = aData[aDataIndex].title;
	try{
		$("prevFrame").src = "portfolio/" + aData[aDataIndex].pre + ".html";
	}catch(e){}
	$("client").innerHTML = aData[aDataIndex].client;
	$("type").innerHTML = aData[aDataIndex].type;
	$("desc").innerHTML = aData[aDataIndex].desc;
	$("projURL").innerHTML = "<a href='http://" + aData[aDataIndex].url + "' target='_blank'>http://" + aData[aDataIndex].url + "</a>";
}