var _curSet, _curPortfolio;

/////////////////////////
/// SET DEFAULT PF ITEM /
/////////////////////////
DEFAULT = "hoh";

function portfolio(photocount, title, desc, curset)
{
	this._path = curset;
	this._iPhotoCount = photocount;
	this._strTitle = title;
	this._strDesc = desc;
	this._curPhoto = 1;
}

function initialize()
{
	var iPhotoCount, strTitle, strDesc;
	
	_curSet = getVar("id");
	if (_curSet == "-1")
		_curSet = DEFAULT;
	
	switch(_curSet)
	{
		case "mars":
			iPhotoCount = 4;
			strTitle = "Mars";
			strDesc = "<p>Three website designs for Mars brands, including a <a href=\"http://www.nfl.com/snickers\" target=\"_blank\">Snickers Ice Cream Chillin' At Training Camp Sweekpstakes</a>, <a href=\"http://www.doveicecream.com\" target=\"_blank\">Dove Bar Ice Cream</a>, and the <a href=\"http://www.doveicecream.com/myminimoment\" target=\"_blank\">Dove Bar My Mini Moment Contest.</a>";
		
		break;
		
		case "ae":
			iPhotoCount = 5;
			strTitle = "American Eagle";
			strDesc = "<p>AE Spring Break '07 website where users could explore the girls' and guys' suites to find out more info on AE outfits, national acts that were performing, beach snapshots, and read a blog to keep up with all the activities. Deliverables also included multiple html emails to promote the site and a MySpace page.<BR><a href=\"http://dev.aespringbreak.reflexdt.com\" target=\"_blank\">View the archived site.";
		break;
		
		case "hunt":
			iPhotoCount = 2;
			strTitle = "Huntington Bank"; 
			strDesc = "<i>Online Banking Interface and Demo</i><BR>The new website design needed to match current brand standards, be well organized, easy to use, and appeal to a wide demographic. An interactive flash demo was also designed and developed to introduce users to the new site and security features. <a href=\"https://www.huntington.com/onlinebankingdemo\" target=\"_blank\">View the demo.";
		break;

		case "hoh":
			iPhotoCount = 6;
			strTitle = "NGK Spark Plugs Haus of Hotties";
			strDesc = "<p>Designed the look of this online game from the opening screen animation, elevator user interface, as well as the rooms and outfits of the models. Video was shot for each room with the models reacting to answers and performing different rewards. <i>Bronze Award Winner at the 2010 One Show Entertainment Awards.</i> <a href=\"http://www.hausofhotties.com\" target=\"_blank\">Visit the Haus of Hotties.</a>";
			
		break;
		
		case "gl":
			iPhotoCount = 3;
			strTitle = "Gabriel Logan";
			strDesc = "Website redesign for a store fixture manufacturer providing custom solutions for the retail environment &#8212; specializing in slatwall, showcases, wall systems, and fitting rooms. An interactive slatwall configuration tool was also developed for the site.<BR> <a href=\"http://www.gabriellogan.com\" target=\"_blank\">Visit the live site.";
		break;
		
		case "studio":
			iPhotoCount = 4;
			strTitle = "The Studio by Charles Penzone";
			strDesc = "<p>Logo, service menu, appointment cards, store signage, direct mail postcards, and advertisements were all designed and produced for <i>The Studio</i>, a new salon developed by Charles Penzone in an effort to target a younger demographic and develop the skills of new technicians.";

		break;
		
		case "becker":
			iPhotoCount = 3;
			strTitle = "Christopher Becker Photography";
			strDesc = "<p>Three separate websites for a multifaceted photographer, based in Kennebunkport, Maine, specializing in fine art, adventure travel, and documentary style wedding photography. Sites needed to showcase the work and be easily updated by the photographer.<BR> <a href=\"http://www.chrisbeckerphoto.com\" target=\"_blank\">Visit chrisbeckerphoto.com</a>";

		break;
		
		case "reflex":
			iPhotoCount = 3;
			strTitle = "Reflex Design & Technology";
			strDesc = "<p>Logo, business card and website design for a local digital marketing company that focused on interactive design and application development.";
		break;
		
		case "dove":
			iPhotoCount = 3;
			strTitle = "Eric Dove";
			strDesc = "<p>Local singer/songwriter needed a re-design of his web site to match his country/rock vibe. Performing originals and covers up to 5 nights a week, the site needed an easily updatedable schedule, photo gallery, and music samples. A t-shirt design was also created that was sold at shows. <a href=\"http://www.ericdove.com\" target=\"_blank\">Visit the live site.</a>";
				break;
		

		case "gf":
			iPhotoCount = 2;
			strTitle = "Glory Foods";
			strDesc = "Updated website design to match the Southern-style and home cooked feel of the brand, incorporating new video demos and recipes. <BR> <a href=\"http://www.gloryfoods.com\" target=\"_blank\">Visit Glory Foods.com</a>";
	
			break;
		

		case "10tv":
			iPhotoCount = 5;
			strTitle = "10TV Show You Care & Vote!";
			strDesc = "<p>Interface design for a CD-rom which was used to increase awareness of the social issues, educate voters on the electoral process, and provide information on local, state, and federal candidates for the 2004 Presidential Election. Distributed to college students throughout Ohio, it also contained a video of how to use voting machines and moments in history.";
				break;
		
		case "delight":
			iPhotoCount = 2;
			strTitle = "International Delight";
			strDesc = "<p>An updated website with flash intro was created to give this coffee creamer company a more premium feel to its brand. <BR> <a href=\"http://www.internationaldelight.com\" target=\"_blank\">Visit International Delight.com</a>";
			
			break;

		case "ecreek":
			iPhotoCount = 3;
			strTitle = "Eagle Creek";
			strDesc = "<p>Logo and website design for a national leadership and training company whose mission is to positively impact the individual, team and organization through experiential learning and interactive facilitation.<BR> <a href=\"http://www.eaglecreekohio.com\" target=\"_blank\">Visit the live site.</a>";
				break;
		
		case "cbr":
			iPhotoCount = 4;
			strTitle = "NGK Spark Plugs Custom Babe Racing";
			strDesc = "<p>Interface design for an online game where users get to customize a 3D character with car parts then race her down a track. Used to help promote NGK's social networking site:<BR>Art of Fast.<BR><BR> <a href=\"http://www.artoffast.com\" target=\"_blank\">Visit Art of Fast</a> &nbsp; | &nbsp; <a href=\"http://www.artoffast.com/cbr\" target=\"_blank\">Play Custom Babe Racing</a>";
		break;


		case "mr":
			iPhotoCount = 4;
			strTitle = "Music Royale";
			strDesc = "<p>Website and newsletter email design for a local music store that sells high-end guitars and amplifiers, plus offers music lessons and a rock school. CD package design was also created for the owner's jazz/rock band, Champipple.<BR><a href=\"http://www.musicroyale.com\" target=\"_blank\">Visit the live site.</a>";
		break;
		
			case "don":
			iPhotoCount = 3;
			strTitle = "Donatos Pizza";
			strDesc = "<p>Website for Donatos Pizza is redesigned to match their new restaurant branding, featuring online ordering, and a catering menu planner.<BR> <a href=\"http://www.donatos.com\" target=\"_blank\">Visit the live site.</a>";
		break;
		
		case "pzne":
			iPhotoCount = 4;
			strTitle = "Charles Penzone Family of Salons";
			strDesc = "What started as a website re-design, expanded to online gift card purchases and appointment scheduling. Holiday emails, animated web banners, and downtown wallscapes were also designed to help market this salon and day spa brand.";
		break;
		
		case "ltd":
			iPhotoCount = 4;
			strTitle = "Limited Brands";
			strDesc = "<p>An all flash site that translated the design of the 2001 annual report into a unique and exciting on-line experience. Based on Les Wexner's letter to shareholders, the site is divided into chapters separated by visual transitions. The user can choose a linear path or use the navigation at the top to go to a specific chapter.";
		break;

		case "ford":
			iPhotoCount = 3;
			strTitle = "Ford's Th!nk Mobility";
			strDesc = "<p>Redesign of Ford's electric bike and vehicle website, thinkmobility.com. Added e-commerce functionality, a product configuration tool, and a dealer extranet subsite. Responsible for all design and art direction of the initial site launch and promotional poster design.";
		break;
		
		case "vs":
			iPhotoCount = 4;
			strTitle = "Victoria's Secret";
			strDesc = "<p>After art directing a team at Resource for over a year on monthly site launches, we were given the opportunity to redesign the interface with a new look and feel.  Other pages show the site at it's original debut in 1999. Glam Lounge was updated every month, with behind the scenes photos, video, and TV commercials.";
			
			
		break;
		
			case "ibp":
			iPhotoCount = 4;
			strTitle = "Innocent Bystander Productions";
			strDesc = "<p>My creative outlet, where I get to be the client. I don't get many packaging or video editing projects with my current job, so this area fuels that passion. These are DVD package designs for the documentary movies I shoot and edit for an annual ski trip. A soundtrack accompanies each movie. <a href=\"http://www.youtube.com/user/innocentbystander666\" target=\"_blank\">View the compilation video.</a>";
		break;
	}
	
	// assign the pf variable to use after page loads
	_curPortfolio = new portfolio(iPhotoCount, strTitle, strDesc, _curSet);	
	
	setNav();
	setInfo();
}

function setInfo()
{
	// this is were the summary information is set.
	var titleID = "pfTitle", bodyID = "pfBody", listItemID = _curPortfolio._path;
	var objTitle = (document.layers)?document[titleID]:document.all?document.all[titleID]:document.getElementById(titleID);
	var objBody = (document.layers)?document[bodyID]:document.all?document.all[bodyID]:document.getElementById(bodyID);
	var objListItem = (document.layers)?document[listItemID]:document.all?document.all[listItemID]:document.getElementById(listItemID);
	
	
	objTitle.appendChild(document.createTextNode(_curPortfolio._strTitle));
	objBody.innerHTML = _curPortfolio._strDesc;
	
	objListItem.className = "on";
	showPhoto(1)
}

function setNav()
{
	var containerID = "pgnums";
	var objUl = (document.layers)?document[containerID]:document.all?document.all[containerID]:document.getElementById(containerID);
	

	var objLi, objImg, prevID, txtPage;
	var i = 1;
	
	for ( i=1; i<= _curPortfolio._iPhotoCount; i++)
	{
		// adding a bubble
		objLi = document.createElement("li");
		objLi.setAttribute("id", "pg" + i);
		
		objAnchor = document.createElement("a");
		objAnchor.setAttribute("id", "a" + i);
		objAnchor.href = "#";
		objAnchor.appendChild(document.createTextNode(i));			
		objAnchor.onclick = function(){
			showPhoto(this.id.substring(1));
		}
		
		objLi.appendChild(objAnchor);
		objUl.appendChild(objLi);
	}
}

function showPhoto(pid)
{
	_curPortfolio._curPhoto = pid;
	
	var idImg = "pfCurImage", pageID = "pg" + _curPortfolio._curPhoto;
	var objImg = (document.layers)?document[idImg]:document.all?document.all[idImg]:document.getElementById(idImg);
	var objPage = (document.layers)?document[pageID]:document.all?document.all[pageID]:document.getElementById(pageID);
	
	objImg.src = "images/pf/" + _curPortfolio._path + "/" + pid + ".jpg";
	
	resetPages();
	objPage.className = "on";
}

function resetPages()
{
	var pageID, objPage;
	for ( i=1; i<= _curPortfolio._iPhotoCount; i++)
	{
		pageID = "pg" + i;
		objPage = (document.layers)?document[pageID]:document.all?document.all[pageID]:document.getElementById(pageID);
		objPage.className = "off";
	}
}