
// I should always change the date in this when I update the website.
var header="&nbsp;Best viewed at greater than or equal to 1280x1024 in Firefox or IE with javascript enabled.";

// The sideBar variable just controls the side image with my name. I plan on eventually merging the footer variable into this.
var sideBar="<p id='sideBar'><br><br><a href='http://www.waylonwinn.com' class='showTip Lhome'><img src='uploadjpgs/sideBarBanner.png'></a>\n\
	<br>\n\
	<a href= 'mailto:waylon@waylonwinn.com' class='showTip Lemail'><img src='uploadjpgs/emailThumb.jpg'></a>\n\
	<br>\n\
	<a href= 'http://www.linkedin.com/in/waylonwinn' class='showTip Llinkedin' target='_blank'><img src='uploadjpgs/linkedin.jpg'></a>\n\
	<br>\n\
	<!--\n\
	<a href= 'http://www.waylonwinn.com/blog/' class='showTip Lblog' target='_blank'><img src='uploadjpgs/blog.jpg'></a>\n\
	-->\n\
	</p>"

// Footer currently controls the email, blog, and linkedin buttons. The layout of the website used to be different and these assets used to be placed at the bottom of the page.
var footer="&copy; 2011  <a href='mailto:waylon@waylonwinn.com' class='showTip Lemail'>Waylon Winn</a>.\n\
	<br>\n\
	All copyrighted work is created as fan art and are properties of their respective companies."

// This is the content for the 3d menu.
var threedWork="<div class='content'>\n\
	<br>\n\
	<br>\n\
	ENVIRONMENT WORK\n\
	<br>\n\
	<a href='uploadjpgs/ww_podValleyA.jpg' class='showTip LPodValley' rel='lightbox[3d]'><img src='uploadjpgs/thumb/ww_podValleyA-thumb.jpg'></a>\n\
	<a href='uploadjpgs/podA.jpg' class='showTip LPod' rel='lightbox[3d]'><img src='uploadjpgs/thumb/podA-thumb.jpg'></a>\n\
	<a href='uploadjpgs/podB.jpg' class='showTip LPod' rel='lightbox[3d]'><img src='uploadjpgs/thumb/podB-thumb.jpg'></a>\n\
	<a href='uploadjpgs/podC.jpg' class='showTip LPod' rel='lightbox[3d]'><img src='uploadjpgs/thumb/podC-thumb.jpg'></a>\n\
	<a href='uploadjpgs/Reich_CliffWallA.jpg' class='showTip LCliffWallA' rel='lightbox[3d]'><img src='uploadjpgs/thumb/Reich_CliffWallA-thumb.jpg'></a>\n\
	<a href='uploadjpgs/Reich_CliffWallB.jpg' class='showTip LCliffWallB' rel='lightbox[3d]'><img src='uploadjpgs/thumb/Reich_CliffWallB-thumb.jpg'></a>\n\
	<a href='uploadjpgs/Reich_CliffWallC.jpg' class='showTip LCliffWallC' rel='lightbox[3d]'><img src='uploadjpgs/thumb/Reich_CliffWallC-thumb.jpg'></a>\n\
	<a href='uploadjpgs/Reich_GuardTowerCorner.jpg' class='showTip LGTower' rel='lightbox[3d]'><img src='uploadjpgs/thumb/Reich_GuardTowerCorner-thumb.jpg'></a>\n\
	<a href='uploadjpgs/Reich_GuardTower.jpg' class='showTip LGTower' rel='lightbox[3d]'><img src='uploadjpgs/thumb/Reich_GuardTower-thumb.jpg'></a>\n\
	<a href='uploadjpgs/wWinn-wall.jpg' class='showTip LWall' rel='lightbox[3d]'><img src='uploadjpgs/thumb/wWinn-wall-thumb.jpg'></a>\n\
	<a href='uploadjpgs/StadiumLarge.jpg' class='showTip Lstadium' rel='lightbox[3d]'><img src='uploadjpgs/thumb/StadiumLarge-thumb.jpg'></a>\n\
	<a href='uploadjpgs/Radio.jpg' class='showTip Lfarcry' rel='lightbox[3d]'><img src='uploadjpgs/thumb/Radio-thumb.jpg'></a>\n\
	<a href='uploadjpgs/PhotoEnlarger.jpg' class='showTip LfarcryB' rel='lightbox[3d]'><img src='uploadjpgs/thumb/PhotoEnlarger-thumb.jpg'></a>\n\
	<a href='uploadjpgs/PhotoEnlargerB.jpg' class='showTip LfarcryB' rel='lightbox[3d]'><img src='uploadjpgs/thumb/PhotoEnlargerB-thumb.jpg'></a>\n\
	<a href='uploadjpgs/PlantClose.jpg' class='showTip Lplant' rel='lightbox[3d]'><img src='uploadjpgs/thumb/PlantClose-thumb.jpg'></a>\n\
	<a href='uploadjpgs/armageddon.jpg' class='showTip Larmageddon' rel='lightbox[3d]'><img src='uploadjpgs/thumb/armageddon-thumb.jpg'></a>\n\
	<br>\n\
	CHARACTERS\n\
	<br>\n\
	<a href='uploadjpgs/zealothead.jpg' class='showTip LzealotBust' rel='lightbox[3d]'><img src='uploadjpgs/thumb/zealothead-thumb.jpg'></a>\n\
	<a href='uploadjpgs/DWIII_Face.jpg' class='showTip LmadA' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_Face-thumb.jpg'></a>\n\
	<a href='uploadjpgs/DWIII_FaceB.jpg' class='showTip LmadA' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_FaceB-thumb.jpg'></a>\n\
	<a href='uploadjpgs/DWIII_GloveA.jpg' class='showTip LmadB' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_GloveA-thumb.jpg'></a>\n\
	<a href='uploadjpgs/DWIII_GloveB.jpg' class='showTip LmadB' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_GloveB-thumb.jpg'></a>\n\
	<a href='uploadjpgs/DWIII_Helm.jpg' class='showTip LmadC' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_Helm-thumb.jpg'></a>\n\
	<a href='uploadjpgs/DWIII_HighResModel.jpg' class='showTip LmadD' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_HighResModel-thumb.jpg'></a>\n\
	<a href='uploadjpgs/DWIII_HighResModelB.jpg' class='showTip LmadD' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_HighResModelB-thumb.jpg'></a>\n\
	<a href='uploadjpgs/wwinn-DWIII_MadrigalTorso.jpg' class='showTip LmadF' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_MadrigalTorso-thumb.jpg'></a>\n\
	<a href='uploadjpgs/wwinn-DWIII_MadrigalTorsoB.jpg' class='showTip LmadF' rel='lightbox[3d]'><img src='uploadjpgs/thumb/wwinn-DWIII_MadrigalTorsoB-thumb.jpg'></a>\n\
	</div>\n\
	"
	
// This is the content for the WIPS menu.
var wips="<div class='content'>\n\
	<br>\n\
	<br>\n\
	WIPs\n\
	<br>\n\
	<a href='uploadjpgs/WaylonWinn-AkiraBikeA-WorkInProgress.08-10-09.jpg' class='showTip LakiraBike' rel='lightbox[wips]'><img src='uploadjpgs/thumb/WaylonWinn-AkiraBikeA-WorkInProgress.08-10-09-thumb.jpg'></a>\n\
	<a href='uploadjpgs/WaylonWinn-AkiraBikeB-WorkInProgress.08-10-09.jpg' class='showTip LakiraBike' rel='lightbox[wips]'><img src='uploadjpgs/thumb/WaylonWinn-AkiraBikeB-WorkInProgress.08-10-09-thumb.jpg'></a>\n\
	<a href='uploadjpgs/WaylonWinn-AkiraBikeC-WorkInProgress.08-10-09.jpg' class='showTip LakiraBike' rel='lightbox[wips]'><img src='uploadjpgs/thumb/WaylonWinn-AkiraBikeC-WorkInProgress.08-10-09-thumb.jpg'></a>\n\
	<a href='uploadjpgs/WaylonWinn-AkiraBikeD-WorkInProgress.08-10-09.jpg' class='showTip LakiraBike' rel='lightbox[wips]'><img src='uploadjpgs/thumb/WaylonWinn-AkiraBikeD-WorkInProgress.08-10-09-thumb.jpg'></a>\n\
	<a href='uploadjpgs/wWinn-MajorZBrushB.jpg' class='showTip Lmajor' rel='lightbox[wips]'><img src='uploadjpgs/thumb/wWinn-MajorZBrushB-thumb.jpg'></a>\n\
	<a href='uploadjpgs/wWinn-MajorZBrushC.jpg' class='showTip Lmajor' rel='lightbox[wips]'><img src='uploadjpgs/thumb/wWinn-MajorZBrushC-thumb.jpg'></a>\n\
	</div>\n\
	"



dw_Tooltip.content_vars = {	// This controls the text that always pops up in the website.

	Lwelcome: "Welcome! Click on the links below to see some of my work. Last update on <b>5/4/2009</b>.",

	Lhome: "Home",
	Lemail: "Click to email me.",
	Lblog: "Exactly what the world needs....another blog. ;)",
	Llinkedin: "My linkedin profile.",
	
	Lweapons: "The weapons are from around May 2008 and were created based on reference supplied by the client. They had to be within a particular triangle range set by the client.",
	LFPS: "Screenshot of a block-out I built for a FPS I was working on while at Boanerges.",

	Lwork: 'Some of my newer 3d work; both personal and commercial.',
	L2d: 'Some of my 2d work.',
	Lwips: 'Things I am working on. This section contains work that is not finished.',
	Lscripting: 'Coming Soon.',
	Loldwork: 'Work that is older than water.',
	LdisplayPrivate: 'Private work. You will be asked for a login name and password when you click on this link.',

	LPodValley: "Small scene I am working on in Unreal. Next up are textures, the fun part. :D",
	LPod: "Pod structure which collects water on an alien world.",
	Larmageddon: "This is a blast from the past. A screenshot of a small section of a level we were working on for Armageddon, a cancelled FPS which used the Reality Engine before it was bought by Epic. It is old now but it had some pretty advanced features back then!",
	Lstairs: "ZBrush cathedral stairs sculpt.",
	Lmeteor: "ZBrush meteor sculpt.",
	LCathA: "Part of a cathedral facade that I supervised for outsourcing. This screenshot shows a version that I polished using our fancy shader and optimized by cutting the asset down by six texture sets and reducing the geometry.",
	LCliffWallA: "My main task on Reich was destruction implementation. On occasion I worked on environments as well. These are some cliff walls I started on. This level was cut before I could texture them. This just shows the AO and NM applied. Another artist was working on the lighting.",
	LCliffWallB: "My main task on Reich was destruction implementation. On occasion I worked on environments as well. High resolution ZBrush sculpt of cliff wall tile piece.",
	LCliffWallC: "My main task on Reich was destruction implementation. On occasion I worked on environments as well. High resolution ZBrush sculpt of cliff wall tile piece.",
	LGTower: "My main task on Reich was destruction implementation. On occasion I worked on environments as well. These are some guard towers I was working on for a level.",
	LzealotTorso: 'Technically this is kind of old even though I just added it to the website. I originally modeled a little more than just the head for the zealot in the next picture. The eyes and tendrils were added in XSI, which is why they are missing in this ZBrush picture.',
	LzealotBust: 'Protoss head bust from StarCraft. XSI and ZBrush.',
	LheadSculpt: "Head I modeled for a test. They didn't want any fine wrinkles or pores.",
	LzealotRender: 'Messing around with mentalray.',
	Lmajor: 'Major Motoko Kusanagi from Ghost in the Shell. XSI and ZBrush.',
	LmadA: 'Character head from Dominance War III contest.',
	LmadB: 'Character arm from Dominance War III contest.',
	LmadC: 'Character helm from Dominance War III contest.',
	LmadD: 'Character high res model from Dominance War III contest.',
	LmadF: 'Viewport screenshot of my DWIII character. This is the low poly model with textures.',
	LmadG: 'This is a render of my DWIII character on his stand and showing the wireframe.',
	LmadH: 'Textures for my Dominance War III character.',
	Lkaneda: "Kaneda's head from Akira. I should really add his hair.",
	Layden: "Head model of my nephew. I might take this one into ZBrush.",
	Lfarcry: "A prop I UVed and textured for Far Cry 2. Another artist made the model.",
	LfarcryB: "A prop I UVed and textured for Far Cry 2. Another artist made the model.",
	Lchaadam: "Head and clothing I made for Chaadam. Pretty tight deadline on this one.",
	LgardenGloves: "Garden gloves I made for a project. I modeled, textured, and created the UVs.",
	Lplant: "I worked on the UVs, texture, and rendering; another artist worked on the model.",
	LroundChair: "I worked on the UVs, texture, and some minor modeling tweaks.",
	Lbandanna: "I worked on the UVs, texture, and model. Yes, it is supposed to be that bright. ;)",
	Lprops: "Worked on the models and bump maps.",
	LdwIILowPoly: "Low poly model for Dominance War II. 5988 triangles based off of a 6k budget.",
	LdwIIHighPoly: "High poly model for Dominance War II.",
	Lstadium: "The stadium is just some environment modeling I did (high poly).",
	LWall: "Worked on models, UVs, and textures.",
	Lthrone: "Worked on modeling, UVs, bump and displacement maps.",
	LCave: "A client sent me basic versions of these cave assets to work on. I changed the original models considerably. I also worked on the UVs and placed all of the decal geometry.",
	
	LmadE: 'A pretty rough concept I made for my Dominance War III character.',
	Lcharcoal: "Charcoal drawing.",
	Lmarker: "Ink and marker.",
	Lhand: "Hand study with charcoal.",
	Lfeet: "Feet studies with charcoal.",
	Lnude: "Figure study with charcoal.",
	Lhead: "Head exercise with charcoal.",
	Lchase: "A speed painting. I like doing these because they are fast and I never have time. ;)",

	LakiraBike: "WIP:Akira bike model. Modeled in Softimage. The modeling is almost finished and then it is time for UVs and textures.",
	Llelouch: "WIP:A sculpt I started based off of an anime character. I have not worked on the ears yet.",
	Lroy: "WIP:Roy, from Blade Runner.",

	Llift: "An old concept I made.",
	Lcockpit: "A cockpit I modeled awhile back. It isn't based off of any particular plane.",
	Lelemental: "Some environment work I created for Elemental. This stuff is pretty ancient right now.",
	Licons: "Some icons I made for Elemental.",
	
	Lresume: "Click on me to view my resume(pdf format).",
	Lbreak: "Click on me to view my demo reel breakdown(pdf format).",
	
	LdemoSmall: "480x270 -- 12.5 megs",
	LdemoLarge: "853x480 -- 29 megs"
}

function displayContent(menuItem){	// This is the function which controls which menu items are shown and hidden.
		if(menuItem.style.display == ""){	// Showing
				menuItem.style.display = "none" // Hiding
			}
		else{	//Build array
			var menuArray = new Array();
			menuArray[0] = display3d;
			menuArray[1] = displayWips;
			
			for (var counter=0; counter<menuArray.length; counter++){ // Step through the array and seperates the current button clicked from the rest.
				if(menuArray[counter] != menuItem){	// Hiding
					menuArray[counter].style.display = "none";
				}
				else{	// Showing
					menuArray[counter].style.display = "";
				}
			}
		}
	}

