function loadpage(page)
{
	if (page == 1)
	{
	mywindow = window.open("http://www.hoboditty.com/eblencomics/fortune/fortune.html", "_blank","width=800, height=500, left=50, top=50, titlebar=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no");
	}
	else if (page == 2)
	{
	mywindow = window.open("dvd.html", "_blank","width=960, height=708, left=25, top=25, titlebar=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no");
	}
	else if (page == 3)
	{
	mywindow = window.open("eblencomics/fortune/fortune.html", "_blank","width=800, height=500, left=50, top=50, titlebar=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no");
	}
	else if (page == 4 || page==5)
	{
	mywindow = window.open("http://www.eblencomics.com/fortune/fortune.html", "_blank","width=800, height=500, left=50, top=50, titlebar=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no");
	}
	else if (page == 9)
	{
	mywindow = window.open("about.htm", "_self","scrollbars=no");
	}
	else
	{
	mywindow = window.open("../eblencomics/fortune/fortune.html", "_blank","width=800, height=500, left=50, top=50, titlebar=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no");
	}
}
function setflash()
{
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="960" height="708">\n');
document.write('<param name="movie" value="flash/imagesflipping.swf" />\n');
document.write('<param name=quality value=high />\n');
document.write('<embed src="flash/imagesflipping.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="960" height="708"></embed>\n');
document.write('</object>\n');
}
function sendemail()
{
	var theiremail=document.getElementById('viewer_email').value;
	var message=document.getElementById('message').value;
	if(theiremail.match('@')!='@' || theiremail=='' || theiremail==undefined)
	{document.getElementById('errortext').innerHTML="Sorry, that email address is not valid.";}
	else if(message.match('<')=='<' || message.match('$')=='$' || message.match('{')=='{' || message=='' || message==undefined)
	{document.getElementById('errortext').innerHTML="Sorry, that message is not valid.  No code please.<br />"+message;}
	else
	{
	 	//send message;
		document.getElementById('errortext').innerHTML="Thank you for the communication.";
		var caller='sendemail_eblendesign';
		createRequest();
		var url = "portfolio.php?c="+caller+'&e='+escape(theiremail)+'&m='+escape(message);
		//alert(url);
		request.open("POST", url, true);
		request.send(null);
	}
}
function getcontent(request)

{

if(request == "examples")

{
	document.getElementById("leftborder").innerHTML='<img src="images/spacer.gif" height="2000px" width="50px" alt="" />';
	document.getElementById("rightborder").innerHTML='<img src="images/spacer.gif" height="2000px" width="50px" alt="" />';
	//document.getElementById("swapheight").innerHTML='<img src="images/spacer.gif" height="2000px" width="50px" alt="" />';
	
	document.getElementById("content").innerHTML="<p><span id='selected'><a onclick='getcontent(\"examples\")'>Examples</a></span> | <a onclick='getcontent(\"skills\")'>About Eblen</a> | <a onclick='getcontent(\"about\")'>Communication</a></p>";
	
	document.getElementById("swaparea1").innerHTML="<h1><a  href='http://rotoff.shlinklincolnsports.com/' target='_blank'>Rotoff Golf</a></h1><br /><a  href='http://rotoff.shlinklincolnsports.com/' target='_blank'><img src='images/rotoff_mini_big-trans.png' alt='Rotoff Golf' width='230px' /></a><p class='exp'><span class='lp'>Language/Program: PHP, MySQL, XHTML, XML, Javascript, AJAX, CSS, Wordpress</span><br /><br />Rotoff Golf is a fantasy golf website where users can create a team of golfers, join a league, adjust weekly lineups throughout the year, view golfer statistics and team statistics, and ultimately compete for the SLS Cup.  The website is completely automated with a mixture of JavaScript, AJAX, and PHP.  The design is user-friendly and W3C compliant.  The back-end uses a custom SQL database and includes an administration panel to upload data and adjust variables.  <br /><br /><b>Log in to view the complete site.<br />User: jeffs_visitor<br />Password: welcome</b><br /><br /><small>Ongoing Site Maintenance:  Jeff Eblen and Erik Planer</small></p>";
	
	document.getElementById("swaparea2").innerHTML="<h1 class='onclick'><a href='http://www.mysickbeat.com/' target='_blank'>MySickBeat.com</a></h1><br /><a href='http://www.mysickbeat.com/' target='_blank'><img src='images/sick_mini.jpg' alt='MySickBeat' width='230px' /></a><p class='exp'><span class='lp'>Language/Program: XHTML, PHP, CSS, phpBB</span><br /><br />This website is a forum for poker players who have \"bad beats\" and want to vent their frustration.  Forum software, phpBB, was used to create the functionality.  The template created for MySickBeat uses blues and silvers, giving the website a comfortable and clean feel.  This project was completed in one week's time.<br />MySickBeat was a team effort. Shannon Ormond (graphic artist) was commissioned to design the logo and several other elements.<br /><br /><small>Ongoing Site Maintenance:  Steve Smith</small></p>";
	
	document.getElementById("swaparea3").innerHTML="<h1 class='onclick'><a href='http://hoboditty.com/' target='_blank'>Hoboditty.com</a></h1><br /><a href='http://hoboditty.com/' target='_blank'><img src='images/hobo_mini.jpg' alt='Hoboditty' width='230px' /></a><p class='exp'><span class='lp'>Language/Program: PHP, Flash, ActionScript, JavaScript, XHTML, Photoshop, AJAX, CSS, XML, Wordpress</span><br /><br />Completely unique, Hoboditty is a webcomic site designed around a \"stage\".  As the user moves around the site, viewing material or using applications, the \"stage\" displays the content. Using AJAX and the DOM, the website rarely reloads - adding to the liquidity of the design.  Hoboditty is my web programming playground.  After learning new web skills, I apply them to this site.  So far Hoboditty includes sound (background music and special effects), Flash comics with ActionScript controls, moving menus, Wordpress functionality, and more.<br /><br /><small>Ongoing Site Maintenance:  Jeff Eblen</small></p>";
	
	document.getElementById("swaparea4").innerHTML="<h1 class='onclick'><a onclick='loadpage(2)'>Mascord Efficient Living DVD</a></h1><br /><a onclick='loadpage(2)' class='onclick'><img src='images/dvd_mini.jpg' alt='MascordEfficient Living' width='230px' /></a><p class='exp'><span class='lp'>Language/Program: Flash (Javascript, XHTML)</span><br /><br />Mascord 2008 Efficient Living DVD was a companion piece to Mascord and Whirlpool's book about building energy efficient homes.   The DVD's central piece was a PDF enriched by Flash, 3D PDFs, and Sketch-Up models of kitchens amongst other things.  The goal was for customers to be able to actively search through Mascord's energy efficient homes while learning about green building techniques.  Along with contributing to the planning stage, my role entailed Flash, Javascript, XHTML, and AJAX.<br /><br />The Efficient Living link above leads to the flash created as an intro to the DVD.</p>";
	
	document.getElementById("swaparea6").innerHTML="";


	document.getElementById("swaparea5").innerHTML="";
}

else if(request == "skills")

{
	document.getElementById("leftborder").innerHTML='<img src="images/spacer.gif" height="1300px" width="50px" alt="" />';
	document.getElementById("rightborder").innerHTML='<img src="images/spacer.gif" height="1300px" width="50px" alt="" />';
	
	document.getElementById("content").innerHTML="<p><a onclick='getcontent(\"examples\")'>Examples</a> | <span id='selected'><a onclick='getcontent(\"skills\")'>About Eblen</a></span> | <a onclick='getcontent(\"about\")'>Communication</a></p>";
	
	document.getElementById("swaparea1").innerHTML="<h2>Tool Box</h2><div id='toolbox'><p>So far, I utilize the following languages and programs:  <b>XHTML</b>, <b>JavaScript</b>, <b>Flash</b>, <b>ActionScript</b>, <b>AJAX</b>, <b>Photoshop</b>, <b>CSS</b>, <b>PHP</b>, <b>MySQL</b>, <b>XML</b>, <b>Wordpress</b>, and <b>phpBB</b>.  I am always looking to add new tools to my web toolbox.</p></div>";
	document.getElementById("swaparea2").innerHTML="<h2>The Approach</h2><div id='approach'><p>Each project varies to some degree or another.  With that in mind, here are my general steps toward web design:</p><ol><li>We fully discuss the site's goal, market, design preferences, special features, content arrangement, pricing, and timeline.</li><li>After doing some research, we solidify all aspects of the site and commit to the project.</li><li>You will be presented three or four designs to choose from.  With a little back and forth communication a design is eventually chosen.</li><li>I will develop the website and prepare it for deployment.</li><li>Once we are ready, site goes live.  Promotion of the site begins.</li></ol><p>All websites will require some kind of ongoing maintenance.  This will be discussed and planned during the initial meeting.</p></div>";
	document.getElementById("swaparea3").innerHTML="<h2>Testimony</h2><div id='testimony'><span><a href='http://www.mysickbeat.com' target='_blank'><img src='images/sick_100x100.jpg' alt='www.mysickbeat.com' /></a><p>\"Jeff Eblen has designed two fully functional, very well made websites for me.  I provided Jeff with specific instructions for each project, and his work exceeded my expectations and requirements.  The websites he designed for me can be found at <a href='http://www.mysickbeat.com' target='_blank'>www.mysickbeat.com</a> and <a href='http://www.coolcarepackage.com' target='_blank'>www.coolcarepackage.com</a>.  Jeff finished both websites on time, and was honest about what he charged me for.  I would highly recommend Jeff Eblen for any project that he may be a part of.\"<br /><br /><br /><span class='boldRight'>-Steve (<a href='http://www.mysickbeat.com' target='_blank'>www.mysickbeat.com</a>)</span></p></span><span><a onclick='loadpage(2)' class='onclick'><img src='images/dvd_100x100.jpg' alt='Mascord DVD' /></a><p>\"...as time went on, Jeff increased his responsibilities to writing script for DVD's and websites.  Despite difficult deadlines, Jeff kept a positive attitude satisfying large account holders such as Whirlpool Corporation.  Because of Jeff's willingness to learn, adapt, and triumph over virtually any situation, I give him my highest recommendation.\"<br /><br /><br /><span class='boldRight'>-Amy (Publisher for Alan Mascord Design)</span></p></span><span><a href='http://rotoff.shlinklincolnsports.com' target='_blank'><img src='images/rotoff_100x100.jpg' alt='Rotoff Golf' /></a><p>\"...the thing I most enjoyed in working with Jeff was his communication and willingness to help. I don't know how many times a day during the programming process that I would contact him by phone or over IM and he was always there to answer my questions.  His attention to detail really shows in the final results and I am very pleased with the final result...I highly recommend Jeff Eblen to anyone looking for a web design and webprogramming specialist.\"<br /><br /><br /><span class='boldRight'>-Erik (<a href='http://rotoff.shlinklincolnsports.com' target='_blank'>www.shlinklincolnsports.com</a>)</span></p></span><br /><br /></div>";
	document.getElementById("swaparea4").innerHTML="";
	document.getElementById("swaparea5").innerHTML="";
	document.getElementById("swaparea6").innerHTML="";
}

else

{
	document.getElementById("leftborder").innerHTML='<img src="images/spacer.gif" height="800px" width="50px" alt="" />';
	document.getElementById("rightborder").innerHTML='<img src="images/spacer.gif" height="800px" width="50px" alt="" />';
	
	document.getElementById("content").innerHTML="<p><a onclick='getcontent(\"examples\")'>Examples</a> | <a onclick='getcontent(\"skills\")'>About Eblen</a> | <span id='selected'><a onclick='getcontent(\"about\")'>Communication</a></span></p>";
	
	document.getElementById("swaparea2").innerHTML="<div id='webdesign'><div id='errortext' style='color: red;'></div><br /><p>To: numlock42@yahoo.com<br />From: <input type='text' size='40' id='viewer_email' /><br /><br />Message:<br /><textarea id='message' rows='10' cols='60'></textarea><br /><input type='button' onclick='sendemail()' value='Send Email' /></p></div>";
	document.getElementById("swaparea1").innerHTML="<h2>Communication</h2><div id='toolbox'><p><b>Every project is a team effort.  I rely on the client's input and suggestions.  That is why I pride myself in quick, open communication.  Call me or email me - you will receive a prompt reply.<br /><br />Phone: (503)764-5704</b></p></div>";
	document.getElementById("swaparea3").innerHTML="";
	document.getElementById("swaparea4").innerHTML="";
	document.getElementById("swaparea5").innerHTML="";
	document.getElementById("swaparea6").innerHTML="";
}

}