/**************
HOME PAGE TO WORK LAYOUT


doWork()
nothing needed
**************************/
var slideCount = 0;
var ssto;		var classnumb;
var ssprev = 1;	var projto;
var snprev = 1; var section;
var numbs;
function changeSS(ssto,classnumb){
	document.getElementById('curss').innerHTML = '<img src="images/screen_shots/' + ssto +'" class="ss" alt="The Model Child" />';
	document.getElementById('changess1').style.background = 'url(images/changeSSb.jpg)';
	document.getElementById('changess2').style.background = 'url(images/changeSSb.jpg)';
	document.getElementById('changess3').style.background = 'url(images/changeSSb.jpg)';
	document.getElementById('changess' + classnumb).style.background = 'url(images/changeSSa.jpg)';
	ssprev = classnumb;
}
function ssover(classnumb){
	if(ssprev != classnumb){
		document.getElementById('changess' + classnumb).style.background = 'url(images/changeSSc.jpg)';
	}
}
function ssout(classnumb){
	if(ssprev == classnumb){
		document.getElementById('changess' + classnumb).style.background = 'url(images/changeSSa.jpg)';
	}else{
		document.getElementById('changess' + classnumb).style.background = 'url(images/changeSSb.jpg)';
	}
}

function changeProj(projto,classnumb,numbs){
	document.getElementById('curss').innerHTML = '<img src="images/screen_shots/' + projto +'1.jpg" class="ss" alt="' + projto + '" />';
	document.getElementById('proj1').style.background = 'url(images/ssNav/1b.jpg)';
	if(numbs >= 2){ document.getElementById('proj2').style.background = 'url(images/ssNav/2b.jpg)'; }
	if(numbs >= 3){ document.getElementById('proj3').style.background = 'url(images/ssNav/3b.jpg)'; }
	if(numbs >= 4){ document.getElementById('proj4').style.background = 'url(images/ssNav/4b.jpg)'; }
	document.getElementById('proj' + classnumb).style.background = 'url(images/ssNav/' + classnumb + 'a.jpg)';
	document.getElementById('changeSS').innerHTML = '<a href="#" onclick="changeSS(\'' + projto + '1.jpg\',1); return false;" onmouseover="ssover(1); return false;" onmouseout="ssout(1); return false;" id="changess1"></a><a href="#" onclick="changeSS(\'' + projto + '2.jpg\',2); return false;" onmouseover="ssover(2); return false;" onmouseout="ssout(2); return false;" id="changess2"></a><a href="#" onclick="changeSS(\'' + projto + '3.jpg\',3); return false;" onmouseover="ssover(3); return false;" onmouseout="ssout(3); return false;" id="changess3"></a>';
	if(projto =='child'){
		document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>This web site was done as the Senior Web Consultant for Prajna Creative and is a site for a child modeling company that is releasing a book in the near future. I designed this site, scripted the front end interface, built the database and online community and built an online upload and file manager for model submissions.<br /><br /><br /></p><h1>SOLUTION:</h1><p><a href="http://www.themodelchild.com" target="_blank">themodelchild.com</a><br /><br /><br /></p><h1>SKILLS USED:</h1><p>XHTML 1.0 Transitional, CSS, Javascript, PHP, MySQL, Photoshop, Illustrator, Dreamweaver, Flash, Actionscript 2.0, Branding Integration, Project Management, Bids and Revisions</p>';
	}else if(projto =='tpp'){
		document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>This web site was done as the web director for Prajna Creative and is the base for a web service provided to individuals in the entertainment industry including professional football players, actors, etc. The project also involved input on the brand identity creation done by Austin O\'Brion, founder of Prajna Creative. The first solution is the one I recommended, the client was insistent on pursuing the second.</p><h1>SOLUTION:</h1><p><a href="http://www.feelthisstyle.com/tppold" target="_blank">feelthisstyle.com/tppold</a><br /><a href="http://www.feelthisstyle.com/tpp" target="_blank">feelthisstyle.com/tpp</a></p><h1>SKILLS USED:</h1><p> XHTML 1.0 Transitional, CSS, Javascript, PHP, Photoshop CS2, Illustrator CS2, Dreamweaver 8, Flash 8, Actionscript 2.0, Photo Retouching / Color Balencing, Branding Integration, Project Management, Client Meetings, Bids and Revisions</p>';
	}else if(projto =='ace'){
		document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>This is an ongoing project with a company based out of Burnsville, MN. The project was a company site that had a corporate but still personalized style to it to promote the business and provide examples viewing and easy online contact. From this point content is still being added and I am updating photos and doing site updates as they come in.<br/><br/></p><h1>SOLUTION:</h1><p><a href="http://allcraftsmenexteriors.com/" target="_blank">allcraftsmenexteriors.com</a><br/>NOTE: This site is currently undergoing construction.<br/><br/></p><h1>SKILLS USED:</h1><p> HTML, CSS, PHP, MySQL, Photoshop CS2, Illustrator CS2, Dreamweaver 8, Flash 8, Actionscript 2.0, Photo Retouching / Color Balencing</p>';
	}else if(projto =='aztec'){
		document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>This was the first project done as a web designer at Prajna Creative.  The project was only a two week project with the intention of revising it.  I am currently working with Prajna Creative to create a new site for Aztec, it\'s holding company and it\'s partners.<br/><br/><br /></p><h1>SOLUTION:</h1><p>This site is no longer active, to request more screen shots, please contact me at kevin@feelthisstyle.com<br/><br/><br/></p><h1>SKILLS USED:</h1><p>XHTML, CSS, ActionScript 2.0, Photoshop, Illustrator, Dreamweaver, Flash, photo manipulation, bidding, working with a team</p>';
	}else if(projto =='note'){
		document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>This project was a class project that was very open with the focus on usability testing.  The direction I took was to create an online notebook application for students or business professionals with the idea that with everything in a database, searching, collaborating, organization and studying is much faster and easier.  Testing included competitor analysis, mock up testing, paper prototyping, beta testing and a final report analyzing degree of problems verses cost of fixing.  The interface as room to add online community and advanced searching aspects.</p><h1>SOLUTION:</h1><p><a href="http://www.feelthisstyle.com/notes" target="_blank">feelthisstyle.com/notes</a><br />email: kevin@feelthisstyle.com<br />password: 123</p><h1>SKILLS USED:</h1><p>XHTML 1.0 Transitional, CSS, AJAX, PHP, MySQL, Photoshop, Illustrator, Dreamweaver, Project Management, Usability Testing, Cost/Value Evaluation</p>';
	}else if(projto =='beats'){
		document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>This was another class project.  The problem given here was to create a music sequencer in Actionscript 2.0.  You also have the ability to send your beat to a friend using PHP.  The PHP script converts your beat into a string of variables sent and give to the flash document through the GET method.</p><br /><br /><br /><h1>SOLUTION:</h1><p><a href="http://feelthisstyle.com/link/files/index.php" target="_blank">feelthisstyle.com/link/files/index.php</a></p><br /><br /><h1>SKILLS USED:</h1><p>Flash, Actionscript 2.0, XHTML 1.0 Transitional, CSS, PHP, Photoshop, Illustrator, Dreamweaver, Project Management</p>';
	}else if(projto =='mouse'){
		document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>For this project we where to take an old ball mouse, rip the guts out and create an alternative input device to control a photo gallery which was to be written in Processing.</p><br/><br /><h1>SOLUTION:</h1><p>For this project I created a small box that is held like a gaming controller that senses tilt through a water sensor I built out of PVC pipe.  It also senses the user blowing on it through a small lever adaptation I put together.</p><br/><br /><h1>SKILLS USED:</h1><p>Processing, Photoshop, Interface Design, Mechanical Planning / Physical Construction</p>';
	}else if(projto =='prock'){
		document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>This was a project done for school to make a flash web site.  The focus of the project is to use external content.  I wanted to expand to experiment with the design too and came up with an interesting interface.  I also took a style I had not designed in before, researched it including color schemes, shapes and other design elements and created this site.  This site pulls sound, text, XML and CSS from external sources.</p><br /><br /><h1>SOLUTION:</h1><p><a href="http://feelthisstyle.com/punkrock/" target="_blank">feelthisstyle.com/punkrock</a></p><br /><h1>SKILLS USED:</h1><p>Flash, Actionscript 2.0, XHTML 1.0 Transitional, CSS, XML, Photoshop, Illustrator, Dreamweaver</p>';
	}
	ssprev = 1;
	document.getElementById('changess1').style.background = 'url(images/changeSSa.jpg)';
	snprev = classnumb;
}
function projover(classnumb){
	if(snprev != classnumb){
		document.getElementById('proj' + classnumb).style.background = 'url(images/ssNav/' + classnumb + 'c.jpg)';
	}
}
function projout(classnumb){
	if(snprev == classnumb){
		document.getElementById('proj' + classnumb).style.background = 'url(images/ssNav/' + classnumb + 'a.jpg)';
	}else{
		document.getElementById('proj' + classnumb).style.background = 'url(images/ssNav/' + classnumb + 'b.jpg)';
	}
}
//*****************
//NUMBERS
//*****************
function changNumbs(section){
	if(section == 'interactive'){
		snprev = 1;
		document.getElementById('workFill').style.background = 'url(images/workWorkBG.jpg) no-repeat';
		document.getElementById('workFill').innerHTML = '<div id="curss"><img src="images/screen_shots/child1.jpg" class="ss" alt="The Model Child" /></div><div id="changeSS"><a href="#" onclick="changeSS(\'child1.jpg\',1); return false;" onmouseover="ssover(1); return false;" onmouseout="ssout(1); return false;" id="changess1"></a><a href="#" onclick="changeSS(\'child2.jpg\',2); return false;" onmouseover="ssover(2); return false;" onmouseout="ssout(2); return false;" id="changess2"></a><a href="#" onclick="changeSS(\'child3.jpg\',3); return false;" onmouseover="ssover(3); return false;" onmouseout="ssout(3); return false;" id="changess3"></a></div>';
		document.getElementById('newsFill').innerHTML = '<div id="proj1"><a href="#" onclick="changeProj(\'child\',1,4); return false;" onmouseover="projover(1); return false;" onmouseout="projout(1); return false;"></a></div><div id="proj2"><a href="#" onclick="changeProj(\'tpp\',2,4); return false;" onmouseover="projover(2); return false;" onmouseout="projout(2); return false;"></a></div><div id="proj3"><a href="#" onclick="changeProj(\'ace\',3,4); return false;" onmouseover="projover(3); return false;" onmouseout="projout(3); return false;"></a></div><div id="proj4"><a href="#" onclick="changeProj(\'aztec\',4,4); return false;" onmouseover="projover(4); return false;" onmouseout="projout(4); return false;"></a>';
		document.getElementById('proj1').style.background = 'url(images/ssNav/1a.jpg)';
		document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>This web site was done as the Senior Web Consultant for Prajna Creative and is a site for a child modeling company that is releasing a book in the near future. I designed this site, scripted the front end interfase, built the database and online community and built an online upload and file manager for model submitions.<br /><br /><br /></p><h1>SOLUTION:</h1><p><a href="http://www.themodelchild.com" target="_blank">themodelchild.com</a><br /><br /><br /></p><h1>SKILLS USED:</h1><p>XHTML 1.0 Transitional, CSS, Javascript, PHP, MySQL, Photoshop, Illustrator, Dreamweaver, Flash, Actionscript 2.0, Branding Integration, Project Management, Bids and Revisions</p>';
		document.getElementById('slidePrint').innerHTML = '<a href="#" onclick="changNumbs(\'print\'); return false;"><img src="images/subPrintUn.jpg" class="subTitle" alt="Print" width="13" height="54" /></a>'
		document.getElementById('slideInt').innerHTML = '<img src="images/subIneractive.jpg" class="subTitle" alt="Interactive" width="13" height="95" />'
		document.getElementById('slideExp').innerHTML = '<a href="#" onclick="changNumbs(\'experimental\'); return false;"><img src="images/subExperUn.jpg" class="subTitle" alt="Eperimental" width="13" height="109" />'
		document.getElementById('changess1').style.background = 'url(images/changeSSa.jpg)';
	}
	if(section == 'print'){
		snprev = 1;
		document.getElementById('workFill').style.background = 'url(images/workWorkPrintBG.jpg) no-repeat';
		document.getElementById('workFill').innerHTML = '<div id="curss"><img src="images/screen_shots/wood1.jpg" class="ss" alt="Wood Trust" /></div><div id="changeSS"><a href="#" onclick="changeSS(\'wood1.jpg\',1); return false;" onmouseover="ssover(1); return false;" onmouseout="ssout(1); return false;" id="changess1"></a><a href="#" onclick="changeSS(\'wood2.jpg\',2); return false;" onmouseover="ssover(2); return false;" onmouseout="ssout(2); return false;" id="changess2"></a><a href="#" onclick="changeSS(\'wood3.jpg\',3); return false;" onmouseover="ssover(3); return false;" onmouseout="ssout(3); return false;" id="changess3"></a></div>';
		document.getElementById('newsFill').innerHTML = '<div id="proj1"><a href="#" onclick="'/*changeProj(\'wood\',1,1); return false;" onmouseover="projover(1); return false;*/+'" onmouseout="projout(1); return false;"></a></div>';
		document.getElementById('proj1').style.background = 'url(images/ssNav/1a.jpg)';
		document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>This was a freelance job for a company in Wisconsin.  The job was to come up with a bandanna for an outdoor event hosted by this company and these bandannas where given out as promotional materials.  The text and logos where provided to me.  The finished design was to be screen printed, one color onto cloth and appeal to children and parents.<br /><br /><br /></p>'/*<h1>SOLUTION:</h1><p><a href="http://www.themodelchild.com" target="_blank">themodelchild.com</a><br /><br /><br /></p>*/ + '<h1>SKILLS USED:</h1><p>Photoshop, Illustrator, Print Optimization</p>';
		document.getElementById('slidePrint').innerHTML = '<img src="images/subPrint.jpg" class="subTitle" alt="Print" width="13" height="54" />'
		document.getElementById('slideInt').innerHTML = '<a href="#" onclick="changNumbs(\'interactive\'); return false;"><img src="images/subInteractiveUn.jpg" class="subTitle" alt="Interactive" width="13" height="95" /></a>'
		document.getElementById('slideExp').innerHTML = '<a href="#" onclick="changNumbs(\'experimental\'); return false;"><img src="images/subExperUn.jpg" class="subTitle" alt="Eperimental" width="13" height="109" />'
		document.getElementById('changess1').style.background = 'url(images/changeSSa.jpg)';
	}
	if(section == 'experimental'){
		snprev = 1;
		document.getElementById('workFill').style.background = 'url(images/workWorkExpBG.jpg) no-repeat';
		document.getElementById('workFill').innerHTML = '<div id="curss"><img src="images/screen_shots/note1.jpg" class="ss" alt="These Notes" /></div><div id="changeSS"><a href="#" onclick="changeSS(\'note1.jpg\',1); return false;" onmouseover="ssover(1); return false;" onmouseout="ssout(1); return false;" id="changess1"></a><a href="#" onclick="changeSS(\'note2.jpg\',2); return false;" onmouseover="ssover(2); return false;" onmouseout="ssout(2); return false;" id="changess2"></a><a href="#" onclick="changeSS(\'note3.jpg\',3); return false;" onmouseover="ssover(3); return false;" onmouseout="ssout(3); return false;" id="changess3"></a></div>';
		document.getElementById('newsFill').innerHTML = '<div id="proj1"><a href="#" onclick="changeProj(\'note\',1,4); return false;" onmouseover="projover(1); return false;" onmouseout="projout(1); return false;"></a></div><div id="proj2"><a href="#" onclick="changeProj(\'beats\',2,4); return false;" onmouseover="projover(2); return false;" onmouseout="projout(2); return false;"></a></div><div id="proj3"><a href="#" onclick="changeProj(\'mouse\',3,4); return false;" onmouseover="projover(3); return false;" onmouseout="projout(3); return false;"></a></div><div id="proj4"><a href="#" onclick="changeProj(\'prock\',4,4); return false;" onmouseover="projover(4); return false;" onmouseout="projout(4); return false;"></a>';
		document.getElementById('proj1').style.background = 'url(images/ssNav/1a.jpg)';
		document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>This project was a class project that was very open with the focus on usability testing.  The direction I took was to create an online notebook application for students or business professionals with the idea that with everything in a database, searching, collaborating, organization and studying is much faster and easier.  Testing included competitor analysis, mock up testing, paper prototyping, beta testing and a final report analyzing degree of problems verses cost of fixing.  The interface as room to add online community and advanced searching aspects.</p><h1>SOLUTION:</h1><p><a href="http://www.feelthisstyle.com/notes" target="_blank">feelthisstyle.com/notes</a><br />email: kevin@feelthisstyle.com<br />password: 123</p><h1>SKILLS USED:</h1><p>XHTML 1.0 Transitional, CSS, AJAX, PHP, MySQL, Photoshop, Illustrator, Dreamweaver, Project Management, Usability Testing, Cost/Value Evaluation</p>';
		document.getElementById('slidePrint').innerHTML = '<a href="#" onclick="changNumbs(\'print\'); return false;"><img src="images/subPrintUn.jpg" class="subTitle" alt="Print" width="13" height="54" /></a>'
		document.getElementById('slideInt').innerHTML = '<a href="#" onclick="changNumbs(\'interactive\'); return false;"><img src="images/subInteractiveUn.jpg" class="subTitle" alt="Interactive" width="13" height="95" /></a>'
		document.getElementById('slideExp').innerHTML = '<img src="images/subExper.jpg" class="subTitle" alt="Eperimental" width="13" height="109" />'
		document.getElementById('changess1').style.background = 'url(images/changeSSa.jpg)';
	}
}
function doWork(from){
	if(done == true || currentStep ==1){
		done = false;
		if(currentStep == 1){
			if(from =='home'){ slide.start(); slideEmail.start(); slideDesc.start(); slideSubj.start(); slideBody.start(); slideSubm.start();}
			document.getElementById('workFill').innerHTML = '';
			document.getElementById('linkWork').style.visibility = 'hidden';
			document.getElementById('workFill').style.background = '';
			document.getElementById('workFill').style.visibility = 'visible';
			run('work',270,400,true,false);
			currentStep++;
			stepst = setTimeout("doWork()",speed);
		}else if(currentStep == 2){
			document.getElementById('workFill').style.background = 'url(images/workWorkBG.jpg) no-repeat';
			document.getElementById('workFill').innerHTML = '<div id="curss"><img src="images/screen_shots/child1.jpg" class="ss" alt="The Model Child" /></div><div id="changeSS"><a href="#" onclick="changeSS(\'child1.jpg\',1); return false;" onmouseover="ssover(1); return false;" onmouseout="ssout(1); return false;" id="changess1"></a><a href="#" onclick="changeSS(\'child2.jpg\',2); return false;" onmouseover="ssover(2); return false;" onmouseout="ssout(2); return false;" id="changess2"></a><a href="#" onclick="changeSS(\'child3.jpg\',3); return false;" onmouseover="ssover(3); return false;" onmouseout="ssout(3); return false;" id="changess3"></a></div>';
			document.getElementById('changess1').style.background = 'url(images/changeSSa.jpg)';
			document.getElementById('linkContact').style.visibility = 'hidden';
			run('contact',270,185,true,true);
			document.getElementById('resumeFill').innerHTML = '';
			currentStep++;
			stepst = setTimeout("doWork()",speed);
		}else if(currentStep == 3){
			document.getElementById('contactContent').innerHTML = '<div id="innerNavContainer"><div class="innerNav"><a href="#" onclick="workHome(); return false;"><img src="images/innerNav/homeStroke.jpg"alt="home" /></a></div><div class="innerNav"><img src="images/innerNav/work.jpg" alt="work" /></div><div class="innerNav"><a href="#" onclick="doResume(\'work\'); return false;"><img src="images/innerNav/resumeStroke.jpg" alt="resume" /></a></div><div class="innerNav"><a href="#" onclick="doContact(\'work\'); return false;"><img src="images/innerNav/contactStroke.jpg" alt="contact" /></a></div></div>';
			document.getElementById('linkResume').style.visibility = 'hidden';
			run('resume',140,52,false,true);
			currentStep++;
			stepst = setTimeout("doWork()",speed);
		}else if(currentStep == 4){
			//document.getElementById('resumeFill').style.background = 'url(images/interactive.jpg) bottom left no-repeat';
			document.getElementById('resumeFill').innerHTML = '<img src="images/interactive2.jpg" /><a href="#" onclick="workHome(); return false;" class="close"></a>';
			theSlide.start();
			theSlide2.start();
			theSlide3.start();
			document.getElementById('slidePrint').innerHTML = '<a href="#" onclick="changNumbs(\'print\'); return false;"><img src="images/subPrintUn.jpg" class="subTitle" alt="Print" width="13" height="54" /></a>'
			document.getElementById('slideInt').innerHTML = '<img src="images/subIneractive.jpg" class="subTitle" alt="Interactive" width="13" height="95" />'
			document.getElementById('slideExp').innerHTML = '<a href="#" onclick="changNumbs(\'experimental\'); return false;"><img src="images/subExperUn.jpg" class="subTitle" alt="Eperimental" width="13" height="109" />'
			document.getElementById('slidePrint').style.display = 'block';
			document.getElementById('slideInt').style.display = 'block';
			document.getElementById('slideExp').style.display = 'block';
			document.getElementById('linkHome').style.visibility = 'hidden';
			document.getElementById('newsFill').style.background = '';
			document.getElementById('newsFill').innerHTML = '';
			document.getElementById('newsFill').style.width = '59px';
			run('news',60,400,false,false);
			currentStep++;
			stepst = setTimeout("doWork()",speed);
		}else if(currentStep == 5){
			document.getElementById('newsFill').style.height = '300px';
			document.getElementById('newsFill').innerHTML = '<div id="proj1"><a href="#" onclick="changeProj(\'child\',1,4); return false;" onmouseover="projover(1); return false;" onmouseout="projout(1); return false;"></a></div><div id="proj2"><a href="#" onclick="changeProj(\'tpp\',2,4); return false;" onmouseover="projover(2); return false;" onmouseout="projout(2); return false;"></a></div><div id="proj3"><a href="#" onclick="changeProj(\'ace\',3,4); return false;" onmouseover="projover(3); return false;" onmouseout="projout(3); return false;"></a></div><div id="proj4"><a href="#" onclick="changeProj(\'aztec\',4,4); return false;" onmouseover="projover(4); return false;" onmouseout="projout(4); return false;"></a>';
			document.getElementById('proj1').style.background = 'url(images/ssNav/1a.jpg)';
			document.getElementById('workDescription').innerHTML = '<h1>PROBLEM:</h1><p>This web site was done as the Senior Web Consultant for Prajna Creative and is a site for a child modeling company that is releasing a book in the near future. I designed this site, scripted the front end interfase, built the database and online community and built an online upload and file manager for model submitions.<br /><br /><br /></p><h1>SOLUTION:</h1><p><a href="http://www.themodelchild.com" target="_blank">themodelchild.com</a><br /><br /><br /></p><h1>SKILLS USED:</h1><p>XHTML 1.0 Transitional, CSS, Javascript, PHP, MySQL, Photoshop, Illustrator, Dreamweaver, Flash, Actionscript 2.0, Branding Integration, Project Management, Bids and Revisions</p>';
			fadeDesc.start();
			currentStep = 1;
			clearTimeout(stepst);
		}
	}else{
		stepst = setTimeout("doWork()",speed);
	}
}