var webcount = 9;
		var devcount = 9;
		var prncount = 6;
		var illcount = 16;
		var brncount = 11;
		var illArray = new Array(illcount);
		var prnArray = new Array(prncount);
		var webArray = new Array(webcount);
		var devArray = new Array(devcount);
		var brnArray = new Array(brncount);
		
		
		var illFArray = new Array(illcount);
		var prnFArray = new Array(prncount);
		var webFArray = new Array(webcount);
		var devFArray = new Array(devcount);
		var brnFArray = new Array(brncount);		
		
		var illTArray = new Array(illcount);
		var prnTArray = new Array(prncount);
		var webTArray = new Array(webcount);
		var devTArray = new Array(devcount);
		var brnTArray = new Array(brncount);		

		var illDArray = new Array(illcount);
		var prnDArray = new Array(prncount);
		var webDArray = new Array(webcount);
		var devDArray = new Array(devcount);
		var brnDArray = new Array(brncount);		
	
				
		var layoutArray = new Array(6);
		layoutArray[0] = new Image();	layoutArray[0].src="ill.jpg"
		layoutArray[1] = new Image();	layoutArray[1].src="design.gif"
		layoutArray[2] = new Image();	layoutArray[2].src="print.gif"
		layoutArray[3] = new Image();	layoutArray[3].src="dev.gif"
		layoutArray[4] = new Image();	layoutArray[4].src="logo.gif"
		layoutArray[5] = new Image();	layoutArray[5].src="clear.gif"
		
		
		illArray[0] = new Image();		illArray[0].src = "illustration/crops/bad-pacman.gif";
		illFArray[0] = "illustration/bad-pacman.jpg";
		illTArray[0] = "Bad pacman";
		illDArray[0] = "";
		illArray[1] = new Image();		illArray[1].src = "illustration/crops/boris.gif";
		illFArray[1] = "illustration/boris.jpg";
		illTArray[1] = "Boris: polar bear";
		illDArray[1] = "Boris of the <a href='http://www.pdza.org/' class='inLink'>pt defiance zoo</a> in tacoma";
		illArray[2] = new Image();		illArray[2].src = "illustration/crops/ceci.gif";
		illFArray[2] = "illustration/ceci.gif";
		illTArray[2] = "ceci n'est pas une trap";
		illDArray[2] = "";
		illArray[3] = new Image();		illArray[3].src = "illustration/crops/elasmobranchii.jpg";
		illFArray[3] = "illustration/elasmobranchii.jpg";
		illTArray[3] = "Elasmobranchii";
		illDArray[3] = "";
		illArray[4] = new Image();		illArray[4].src = "illustration/crops/cimg4849.jpg";
		illFArray[4] = "illustration/cimg4849.jpg";
		illTArray[4] = "Smokeout";
		illDArray[4] = "";
		illArray[5] = new Image();		illArray[5].src = "illustration/crops/cth.jpg";
		illFArray[5] = "illustration/cth.jpg";
		illTArray[5] = "Cthulhu";
		illDArray[5] = "";
		illArray[6] = new Image();		illArray[6].src = "illustration/crops/gape.jpg";
		illFArray[6] = "illustration/gape.jpg";
		illTArray[6] = "Under the moon";
		illDArray[6] = "";
		illArray[7] = new Image();		illArray[7].src = "illustration/crops/microphone.gif";
		illFArray[7] = "illustration/microphone.jpg";
		illTArray[7] = "Micro phone";
		illDArray[7] = "";
		illArray[8] = new Image();		illArray[8].src = "illustration/crops/monkey.gif";
		illFArray[8] = "illustration/monkey.jpg";
		illTArray[8] = "Grease monkey";
		illDArray[8] = "Personal tribute to the <a class='inLink' href='http://greasemonkey.mozdev.org/'>best firefox extension ever</a>.  Shiney version of <a class='inLink' href='http://gregtaff.com/portfolio/index.asp?index=5&amp;view=brn'>this</a>";
		illArray[9] = new Image();		illArray[9].src = "illustration/crops/mr_Pink.jpg";
		illFArray[9] = "illustration/mr_Pink.jpg";
		illTArray[9] = "Mr Pink";
		illDArray[9] = "Steve Buscemi";
		illArray[10] = new Image();		illArray[10].src = "illustration/crops/pliers.gif";
		illFArray[10] = "illustration/pliers.gif";
		illTArray[10] = "pliers";
		illDArray[10] = "";
		illArray[11] = new Image();		illArray[11].src = "illustration/crops/scorpion.jpg";
		illFArray[11] = "illustration/scorpion.gif";
		illTArray[11] = "Scorpion";
		illDArray[11] = "";
		illArray[12] = new Image();		illArray[12].src = "illustration/crops/shark.gif";
		illFArray[12] = "illustration/shark.gif";
		illTArray[12] = "Its a trap!";
		illDArray[12] = "";
		illArray[13] = new Image();		illArray[13].src = "illustration/crops/turtle.jpg";
		illFArray[13] = "illustration/turtle.jpg";
		illTArray[13] = "Morla?";
		illDArray[13] = "";
		illArray[14] = new Image();		illArray[14].src = "illustration/crops/turtle_desktop_softer.jpg";
		illFArray[14] = "illustration/turtle_desktop_softer.gif";
		illTArray[14] = "Turtle";
		illDArray[14] = "<a href='illustration/turtle_desktop_softer_full.gif'  class='inLink'>[desktop]</a>";
		illArray[15] = new Image();		illArray[15].src = "illustration/crops/worm.gif";
		illFArray[15] = "illustration/worm.gif";
		illTArray[15] = "Tequila worm";
		illDArray[15] = "illustration to accomany a web design project.  read about it <a href='http://gregtaff.com/portfolio/index.asp?index=4&amp;view=web' class='inLink'>here</a>";
		prnArray[0] = new Image();		prnArray[0].src = "print/crops/1.gif";
		prnFArray[0] = "print/1.gif";
		prnTArray[0] = "Logos: Fall 1 2003";
		prnDArray[0] = "college newspaper in Longview WA";
		prnArray[1] = new Image();		prnArray[1].src = "print/crops/2.gif";
		prnFArray[1] = "print/2.gif";
		prnTArray[1] = "Logos: Fall 3 2003";
		prnDArray[1] = "college newspaper in Longview WA";
		prnArray[2] = new Image();		prnArray[2].src = "print/crops/3.gif";
		prnFArray[2] = "print/3.gif";
		prnTArray[2] = "Logos: Spring 1 2003";
		prnDArray[2] = "college newspaper in Longview WA";
		prnArray[3] = new Image();		prnArray[3].src = "print/crops/4.gif";
		prnFArray[3] = "print/4.gif";
		prnTArray[3] = "Logos: Spring 2 2003";
		prnDArray[3] = "college newspaper in Longview WA";
		prnArray[4] = new Image();		prnArray[4].src = "print/crops/5.jpg";
		prnFArray[4] = "print/5.gif";
		prnTArray[4] = "Logos: Fall 2 2003";
		prnDArray[4] = "college newspaper in Longview WA";
		prnArray[5] = new Image();		prnArray[5].src = "print/crops/6.gif";
		prnFArray[5] = "print/6.gif";
		prnTArray[5] = "Logos: Fall 4 2003";
		prnDArray[5] = "college newspaper in Longview WA";
		webArray[0] = new Image();		webArray[0].src = "webdesign/crops/28.gif";
		webFArray[0] = "webdesign/28.gif";
		webTArray[0] = "Twenty eight";
		webDArray[0] = "Blog layout/design.  scrapped header Im still quite fond of <a href='webdesign/28_extra.jpg' class='inLink'>link</a>.";
		webArray[1] = new Image();		webArray[1].src = "webdesign/crops/asa.jpg";
		webFArray[1] = "webdesign/asa.jpg";
		webTArray[1] = "Auto Spares Australia";
		webDArray[1] = "Template site plus Os Commerce.";
		webArray[2] = new Image();		webArray[2].src = "webdesign/crops/flame.gif";
		webFArray[2] = "webdesign/flame.gif";
		webTArray[2] = "Flame breather";
		webDArray[2] = "Blogger template design contest winner.  (see: <a href='bloggercontest.pdf' target='_blank' class='inLink'>page 2</a>)";
		webArray[3] = new Image();		webArray[3].src = "webdesign/crops/m4.jpg";
		webFArray[3] = "webdesign/m4.jpg";
		webTArray[3] = "M4 bayonets";
		webDArray[3] = "Layout for a website devoted to bayonets.  The client requested (simple, old, military).  Online at <a href='http://www.m4bayonets.com/' class='inLink'>[http://www.m4bayonets.com/]</a>";
		webArray[4] = new Image();		webArray[4].src = "webdesign/crops/pearls.jpg";
		webFArray[4] = "webdesign/pearls.jpg";
		webTArray[4] = "Pearls Actually";
		webDArray[4] = "Template + Os Commerce.  The client asked for earth tones.";
		webArray[5] = new Image();		webArray[5].src = "webdesign/crops/spoon.gif";
		webFArray[5] = "webdesign/spoon.gif";
		webTArray[5] = "Spoon clan software";
		webDArray[5] = "Layout for a site pertaining to cgi scripting.  The client requested something regal, elegant and a bit sarcastic.  (Note: while the original cgi scripting site is no longer maintained, the layout was recycled for a personal site and is now online at <a href='http://spoonclan.com/' class='inLink'>[http://spoonclan.com/]</a>)";
		webArray[6] = new Image();		webArray[6].src = "webdesign/crops/tequila.gif";
		webFArray[6] = "webdesign/tequila.gif";
		webTArray[6] = "Tequila stories";
		webDArray[6] = "Design & illustration for a site devoted to drinking stories.  The client asked for something that felt 'south of the border'.  Traditional imagery and themes seemed to alter the context I wanted so I went with a wanted poster feel.  Still in development.  Ill update when the site goes live :D  see the full size illustration <a href='http://gregtaff.com/portfolio/index.asp?index=31&view=ill' class='inLink'>here</a>. <span style='font-weight:bold;color:red;'>Note:</span>  if drinking is your thing, please do it responsibly!";
		webArray[7] = new Image();		webArray[7].src = "webdesign/crops/trager.gif";
		webFArray[7] = "webdesign/trager.gif";
		webTArray[7] = "Sylvia Trager";
		webDArray[7] = "real estate website.  I was responsible for the layout with art direction from <a href='http://webeddy.com/'>webeddy</a>.";
		webArray[8] = new Image();		webArray[8].src = "webdesign/crops/txt1.gif";
		webFArray[8] = "webdesign/txt1.gif";
		webTArray[8] = "TXT-1 Parts";
		webDArray[8] = "Site dedicated to high end remote controlled cars.  TXT-1 parts was recently rebranded and is online at <a href='http://www.clodparts.com/' class='inLink'>[http://www.clodparts.com/]</a>";
		devArray[0] = new Image();		devArray[0].src = "dev/crops/fwgo.gif";
		devFArray[0] = "dev/fwgo.gif";
		devTArray[0] = "Grocery outlet FW";
		devDArray[0] = "<b>Outlet store website</b> <i>still in beta</i> Developed a site to provide location and contact information as well as up to date leads on new inventory.  Shipment lists are parsed into a database then fed to the web site.  Future versions will allow customers to opt into alerts when specific products are recieved (for instance: Count Chocula in July).  My primary responsibilities were the backend creation/maintenance, as well as the layout and site administration.<br/><br/>Design was left to my discretion.<br /><br />related skills:<br />• ASP<br />• html/css<br />• javascript";
		devArray[1] = new Image();		devArray[1].src = "dev/crops/infoscape.gif";
		devFArray[1] = "dev/infoscape.gif";
		devTArray[1] = "Infoscape";
		devDArray[1] = "<b>Enterprise intranet site</b><br />Infoscape is the Intranet site for a cold rolling steel mill.  Infoscape was constructed using html, css, javascript, ASP and microsoft SQL server.  My primary responsibilities were administration, interface design, and back-end design and maintenance.  <br /><br />The client wanted a redesign of the existing intranet site to make it more usable, attractive, and useful.<br /> <br /> &#8226; In order to bring more relevant and useful information to the users, the site was more closely tied to the dynamic data produced or gathered by employees not associated with information technology.  (For example: Safety information, MSDSs, marketing data, industry news, employment opportunities, paint data, etc).  <br /><br /> &#8226; The menu on the left had gotten too long and scrolled off screen for users with low resolution.  To alleviate the problem, each submenu was placed in a collapsing folder and users were given the option of removing each menu item as well as adding their own.  <br /><br /> &#8226; The site was given a face lift using photoshop and css.  The design is bright, elegant and clean. <br /><br />related skills:<br /> &#8226; ASP<br /> &#8226; Microsoft SQL<br /> &#8226; html/css<br /> &#8226; javascript";
		devArray[2] = new Image();		devArray[2].src = "dev/crops/kiosk.gif";
		devFArray[2] = "dev/kiosk.gif";
		devTArray[2] = "Trade show KIOSK";
		devDArray[2] = "<b>Flash conversion of the steelscape website.</b><br />This interface is intended to serve as a more interesting means of presenting information about the company for use at trade shows and in the corporate lobbies.  Responsible for the entire conversion.  The client wanted a means of gathering requests for more information built into the touch screen.  This was accomplished by a simple ASP back end and an on screen keyboard. <a  class='inLink' href='flashanimation/touch_screen.htm'> [view full] </a>(2mb).<br /><br />related skills:<br /> &#8226; macromedia flash<br /> &#8226; ASP";
		devArray[3] = new Image();		devArray[3].src = "dev/crops/logging.gif";
		devFArray[3] = "dev/logging.gif";
		devTArray[3] = "Logging Sports";
		devDArray[3] = "Loggingsports is dedicated to amateur logging competitions.  The Client wanted a means for different organizations and clubs to register events and competitions with minimal upkeep on his part. This was accomplished by allowing the organizers of each event (people the client may or may not know personally) to generate the copy while maintaing the security of the data base.<br /><br />related skills:<br />• ASP<br />• Microsoft SQL<br />• html/css<br />• javascript";
		devArray[4] = new Image();		devArray[4].src = "dev/crops/pos.jpg";
		devFArray[4] = "dev/pos.jpg";
		devTArray[4] = "POS: Dada";
		devDArray[4] = "<b>Site dedicated to the DaDa art movement.</b><br />POS was built with flash, html, javascript, and freeware perl cgi.  My primary responsibilities were project planning, creation of flash and html interfaces, research and editing, site administration, and to a small extent original copy (text content). <br /><br />related skills:<br /> &#8226; macromedia flash<br /> &#8226; html/css<br /> &#8226; javascript";
		devArray[5] = new Image();		devArray[5].src = "dev/crops/rendur.gif";
		devFArray[5] = "dev/rendur.gif";
		devTArray[5] = "rendur";
		devDArray[5] = "<b>Rapid html and css prototyping tool.</b>  It renders markup and css as you type allowing you to quickly test ideas that are floating around in your head without the hassle of loading your favorite IDE, saving a temporary file to your disk, then opening it with the browser.  <em>This is a personal project.</em>  <a href='http://rendur.com' class='inLink'>http://rendur.com</a>";
		devArray[6] = new Image();		devArray[6].src = "dev/crops/sixsigma.gif";
		devFArray[6] = "dev/sixsigma.gif";
		devTArray[6] = "Sixsigma initiative";
		devDArray[6] = "<b>Intranet homepage for steelscape's sixsigma initiative.</b>  The site was constructed using html, css, javascript, and ASP.  My primary responsibilities where construction of the backend and the user interface.   <br /><br />The client requested that the front end be elegant, but *SEXY*.  The client also requested that the back function such that his six sigma team could keep the site up to date without any html skill.<br /><br /> &bull; The interface was created in photo shop, then coded in html, asp, and javascript, then formated with CSS.  <br /><br /> &bull; The back end was simplified into a series of lists (vocabulary terms, team members, project, events etc) which could be easily resorted, arranged, modified, deleted from, and appended.  Javascript was used to streamline the interface so the controls and input fields are hidden until relevant in order to prevent inexperienced users from being overwhelmed by the large number of interactive items required to keep the site up to date.<br /><br />related skills:<br /> &bull; ASP<br /> &bull; html/css<br /> &bull; javascript";
		devArray[7] = new Image();		devArray[7].src = "dev/crops/substance.gif";
		devFArray[7] = "dev/substance.gif";
		devTArray[7] = "Substance r2";
		devDArray[7] = "<b>Revision 2.</b> The site was given a face lift when it was decided the layout did not reflect the growing user community.  The site was also given a new ASP back end.  My primary responsibilities were the backend creation/maintenance, as well as the layout and site administration.<br /><br />Design was left to my discretion.<br /><br />related skills:<br />• ASP + SQL<br />• html/css<br />• javascript";
		devArray[8] = new Image();		devArray[8].src = "dev/crops/substance2.gif";
		devFArray[8] = "dev/substance2.jpg";
		devTArray[8] = "Substance";
		devDArray[8] = "<b>E/N site featuring mock news/social satire and opinion.</b><br /> Substance was an integration of flash, html, javascript, css and a custom perl back end.  My primary responsibilities were flash and html creation and site administration.  Copy (text content) was submitted / consumed by the user base. <br /><br />Design was left to my discretion.<br /><br />related skills:<br />• macromedia flash<br />• html/css<br />• javascript";
		brnArray[0] = new Image();		brnArray[0].src = "logo/crops/badbeat.gif";
		brnFArray[0] = "logo/badbeat.gif";
		brnTArray[0] = "Bad beat poker";
		brnDArray[0] = "<b>Bad Beat Poker Club</b><br /> Client asked for elegant, and simple, but was open to new ideas.";
		brnArray[1] = new Image();		brnArray[1].src = "logo/crops/death-rider.gif";
		brnFArray[1] = "logo/death-rider.gif";
		brnTArray[1] = "Rider";
		brnDArray[1] = "<b>rider</b><br /> The client asked for something cheap to print yet stark and attention arresting. ";
		brnArray[2] = new Image();		brnArray[2].src = "logo/crops/dogfish.gif";
		brnFArray[2] = "logo/dogfish.gif";
		brnTArray[2] = "dog Fish";
		brnDArray[2] = "mock up for a restaurant and lounge company.  Not currently in use.";
		brnArray[3] = new Image();		brnArray[3].src = "logo/crops/dome.gif";
		brnFArray[3] = "logo/dome.gif";
		brnTArray[3] = "Big dome";
		brnDArray[3] = "<b>Big Dome Fabrication</b><br /> Client asked to convey creativity and quality work.";
		brnArray[4] = new Image();		brnArray[4].src = "logo/crops/frog.gif";
		brnFArray[4] = "logo/frog.gif";
		brnTArray[4] = "Frog with hog";
		brnDArray[4] = "<b>Frog with hog</b><br /> The client asked for something that wasn't 'sissy'";
		brnArray[5] = new Image();		brnArray[5].src = "logo/crops/monkey.gif";
		brnFArray[5] = "logo/monkey.gif";
		brnTArray[5] = "GreaseMonkey";
		brnDArray[5] = "<b>GreaseMonkey</b><br /> This logo wasn't commissioned by the makers of grease monkey.  It is not in use.  It is Just a tribute to an awesome extension.  Shiney version <a class='inLink' href='index.asp?index=8&view=ill'>here</a>";
		brnArray[6] = new Image();		brnArray[6].src = "logo/crops/oe.gif";
		brnFArray[6] = "logo/oe.gif";
		brnTArray[6] = "Old english";
		brnDArray[6] = "<b>Old English sketch comedy</b><br /> The client asked that the logo not be silly and have nothing to do with beer.  ";
		brnArray[7] = new Image();		brnArray[7].src = "logo/crops/owl.gif";
		brnFArray[7] = "logo/owl.gif";
		brnTArray[7] = "Night owl";
		brnDArray[7] = "<b>night owl productions</b><br /> The client asked for something abstract and intense.  She specified - not a drawing of an owl.";
		brnArray[8] = new Image();		brnArray[8].src = "logo/crops/socialsuicide.gif";
		brnFArray[8] = "logo/socialsuicide.gif";
		brnTArray[8] = "Social suicide";
		brnDArray[8] = "<b>alt/punk/rock band logo.</b><br />  The client left the design to my discretion.";
		brnArray[9] = new Image();		brnArray[9].src = "logo/crops/substance.gif";
		brnFArray[9] = "logo/substance.gif";
		brnTArray[9] = "Substance";
		brnDArray[9] = "<b>E/N site logo</b><br /> <a href='logo/substance-storm-front.gif'  class='inLink'>[Click to view poster design]</a>   ";
		brnArray[10] = new Image();		brnArray[10].src = "logo/crops/wetnet.gif";
		brnFArray[10] = "logo/wetnet.gif";
		brnTArray[10] = "Wet net";
		brnDArray[10] = "<b>Animated website logo</b><br /> <a href='logo/wetnet-logo.html'  class='inLink'>[Click to view]</a>  <b>The logo itself is not my work.  I was asked to create the animation effects</b>.  The client asked for 'rain drop effects'.";