
// 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; 2009  <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\
	<a href='uploadjpgs/wWinn-wall.jpg' class='showTip LWall' rel='lightbox[3d]'><img src='uploadjpgs//thumb/wWinn-wall-thumb.jpg'></a>\n\
	<!--\n\
	<a href='uploadjpgs/WaylonWinn-ZealotTorso.jpg' class='showTip LzealotTorso' rel='lightbox[3d]'><img src='uploadjpgs/thumb/WaylonWinn-ZealotTorso-thumb.jpg'></a>\n\
	<a href='uploadjpgs/ZealotRender.jpg' class='showTip LzealotRender' rel='lightbox[3d]'><img src='uploadjpgs/thumb/ZealotRender-thumb.jpg'></a>\n\
	-->\n\
	<a href='uploadjpgs/zealothead.jpg' class='showTip LzealotBust' rel='lightbox[3d]'><img src='uploadjpgs/thumb/zealothead-thumb.jpg'></a>\n\
	<a href='uploadjpgs/Major.jpg' class='showTip Lmajor' rel='lightbox[3d]'><img src='uploadjpgs/thumb/MajorClose-thumb.jpg'></a>\n\
	<!--\n\
	<a href='uploadjpgs/wWinn-throne.jpg' class='showTip Lthrone' rel='lightbox[3d]'><img src='uploadjpgs/thumb/wWinn-throne-thumb.jpg'></a>\n\
	-->\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_GloveA.jpg' class='showTip LmadB' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_GloveA-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_MadrigalMain.jpg' class='showTip LmadF' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_MadrigalMain-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\
	<!--\n\
	<a href='uploadjpgs/DWIII_MadrigalWinningFront.jpg' class='showTip LmadG' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_MadrigalWinningFront-thumb.jpg'></a>\n\
	<a href='uploadjpgs/DWIII_MadrigalWinningRear.jpg' class='showTip LmadG' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWIII_MadrigalWinningRear-thumb.jpg'></a>\n\
	-->\n\
	<a href='uploadjpgs/DWII_LowPoly.jpg' class='showTip LdwIILowPoly' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWII_LowPoly-thumb.jpg'></a>\n\
	<a href='uploadjpgs/DWII_HighPoly.jpg' class='showTip LdwIIHighPoly' rel='lightbox[3d]'><img src='uploadjpgs/thumb/DWII_HighPoly-thumb.jpg'></a>\n\
	<a href='uploadjpgs/StadiumLarge.jpg' class='showTip Lstadium' rel='lightbox[3d]'><img src='uploadjpgs/thumb/StadiumLarge-thumb.jpg'></a>\n\
	<!--\n\
	<a href='uploadjpgs/KanedaHead.jpg' class='showTip Lkaneda' rel='lightbox[3d]'><img src='uploadjpgs/thumb/KanedaHead-thumb.jpg'></a>\n\
	<a href='uploadjpgs/ayden.jpg' class='showTip Layden' rel='lightbox[3d]'><img src='uploadjpgs/thumb/ayden-thumb.jpg'></a>\n\
	-->\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/GardenGloves.jpg' class='showTip LgardenGloves' rel='lightbox[3d]'><img src='uploadjpgs/thumb/GardenGloves-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/RoundChair.jpg' class='showTip LroundChair' rel='lightbox[3d]'><img src='uploadjpgs/thumb/RoundChair-thumb.jpg'></a>\n\
	<!--\n\
	<a href='uploadjpgs/SmallProps.jpg' class='showTip Lprops' rel='lightbox[3d]'><img src='uploadjpgs/thumb/SmallProps-thumb.jpg'></a>\n\
	-->\n\
	</div>\n\
	"
	
// This is the content for the 2d menu.
var twodWork="<div class='content'>\n\
	<br>\n\
	<br>\n\
	<a href='uploadjpgs/wWinn-2d-female.jpg' class='showTip Lnude' rel='lightbox[2d]'><img src='uploadjpgs/thumb/wWinn-2d-female-thumb.jpg'></a>\n\
	<a href='uploadjpgs/wwinn-2d-hands.jpg' class='showTip Lhand' rel='lightbox[2d]'><img src='uploadjpgs/thumb/wwinn-2d-hands-thumb.jpg'></a>\n\
	<a href='uploadjpgs/wwinn_charcoal_08_09.jpg' class='showTip Lcharcoal' rel='lightbox[2d]'><img src='uploadjpgs/thumb/wwinn_charcoal_08_09-thumb.jpg'></a>\n\
	<a href='uploadjpgs/wwinn-2d-head.jpg' class='showTip Lhead' rel='lightbox[2d]'><img src='uploadjpgs/thumb/wwinn-2d-head-thumb.jpg'></a>\n\
	<a href='uploadjpgs/wWinn-2d-feet.jpg' class='showTip Lfeet' rel='lightbox[2d]'><img src='uploadjpgs/thumb/wWinn-2d-feet-thumb.jpg'></a>\n\
	<!--\n\
	<a href='uploadjpgs/markerSketch.jpg' class='showTip Lmarker' rel='lightbox[2d]'><img src='uploadjpgs/thumb/markerSketch-thumb.jpg'></a>\n\
	<a href='uploadjpgs/2d-tunnel.jpg' class='showTip Lmarker' rel='lightbox[2d]'><img src='uploadjpgs/thumb/2d-tunnel-thumb.jpg'></a>\n\
	-->\n\
	</div>\n\
	"
// This is the content for the WIPS menu.
var wips="<div class='content'>\n\
	<br>\n\
	<br>\n\
	<!--\n\
	<a href='uploadjpgs/AkiraBikeScene.jpg' class='showTip LakiraBike' rel='lightbox[wips]'><img src='uploadjpgs/thumb/AkiraBikeScene-thumb.jpg'></a>\n\
	-->\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\
	<!--\n\
	<a href='uploadjpgs/Roy.jpg' class='showTip Lroy' rel='lightbox[wips]'><img src='uploadjpgs/thumb/Roy-thumb.jpg'></a>\n\
	-->\n\
	</div>\n\
	"
// Extra Work for Petroglyph.
var extraWork="<div class='content'>\n\
	<br>\n\
	<br>\n\
	<a href='uploadjpgs/ExtraWork/WWinn-FPS-Sepulchre.jpg' class='showTip LFPS' rel='lightbox[extra]'><img src='uploadjpgs/ExtraWork/WWinn-FPS-Sepulchre-thumb.jpg'></a>\n\
	<a href='uploadjpgs/ExtraWork/WWinnE.jpg' class='showTip Lweapons' rel='lightbox[extra]'><img src='uploadjpgs/ExtraWork/WWinnE-thumb.jpg'></a>\n\
	<a href='uploadjpgs/ExtraWork/WWinnD.jpg' class='showTip Lweapons' rel='lightbox[extra]'><img src='uploadjpgs/ExtraWork/WWinnD-thumb.jpg'></a>\n\
	<a href='uploadjpgs/ExtraWork/WWinnC.jpg' class='showTip Lweapons' rel='lightbox[extra]'><img src='uploadjpgs/ExtraWork/WWinnC-thumb.jpg'></a>\n\
	<a href='uploadjpgs/ExtraWork/WWinnB.jpg' class='showTip Lweapons' rel='lightbox[extra]'><img src='uploadjpgs/ExtraWork/WWinnB-thumb.jpg'></a>\n\
	<a href='uploadjpgs/ExtraWork/WWinnA.jpg' class='showTip Lweapons' rel='lightbox[extra]'><img src='uploadjpgs/ExtraWork/WWinnA-thumb.jpg'></a>\n\
	<a href='uploadjpgs/ExtraWork/StadiumLarge.jpg' class='showTip Lweapons' rel='lightbox[extra]'><img src='uploadjpgs/ExtraWork/StadiumLarge.jpg-thumb.jpg'></a>\n\
	</div>\n\
	"

// This is the content for the old menu.
var old="<div class='content'>\n\
	<br>\n\
	<br>\n\
	<a href='uploadjpgs/old_lift.jpg' class='showTip Llift' rel='lightbox[old]'><img src='uploadjpgs/thumb/old_lift-thumb.jpg'></a>\n\
	<a href='uploadjpgs/cockpit.jpg' class='showTip Lcockpit' rel='lightbox[old]'><img src='uploadjpgs/thumb/cockpit-thumb.jpg'></a>\n\
	<a href='uploadjpgs/old_elemental04.jpg' class='showTip Lelemental' rel='lightbox[old]'><img src='uploadjpgs/thumb/old_elemental04-thumb.jpg'></a>\n\
	<a href='uploadjpgs/old_elemental02.jpg' class='showTip Lelemental' rel='lightbox[old]'><img src='uploadjpgs/thumb/old_elemental02-thumb.jpg'></a>\n\
	<a href='uploadjpgs/old_elementalNodes.jpg' class='showTip Lelemental' rel='lightbox[old]'><img src='uploadjpgs/thumb/old_elementalNodes-thumb.jpg'></a>\n\
	<a href='uploadjpgs/old_elemental01.jpg' class='showTip Lelemental' rel='lightbox[old]'><img src='uploadjpgs/thumb/old_elemental01-thumb.jpg'></a>\n\
	</div>\n\
	"
// This is the content for the tools menu.
var tools="<div class='content'>\n\
	<br>\n\
	<br>\n\
	Coming soon!\n\
	</div>"

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.',

	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 and texture; 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.",

    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] = display2d;
			menuArray[2] = 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 = "";
				}
			}
		}
	}
