<script type="text/javascript" src="/Core.js"></script>
<script type="text/javascript" src="/HTML.js"></script>
<script type="text/javascript" src="/Runtime.js"></script>
<script type="text/javascript" src="/Website.js"></script>
<script type="text/javascript">
//-----------------------------------------------------------------------------
// Page Customization
//-----------------------------------------------------------------------------
addStyleSheet(STYLE_SHEET_BLACK);
setPageTitle("PeterKemmer.com");
setPageTitleRight("Putting The I In Internet™");
setPageCentered(true);
//-----------------------------------------------------------------------------
// Page Header
//-----------------------------------------------------------------------------
writePageHeader();
//-----------------------------------------------------------------------------
// Page Content
//-----------------------------------------------------------------------------
</script>
Hello everyone!</p>
I've got a new <a href="http://www.peterkemmer.com/resume">resume</a>, and I've got a new domain name.<br>
Check the technique!</p>
<div class="autosize centered">
<div id="slider" class="slider">
<span id="portrait" class="portrait"></span>
</div>
</div></p>
Peter A. Kemmer<br>
1971 - Present<br>
<div id="dsfm" class="dsfm centered">
<a href="http://www.peterkemmer.com/resume">My Resume</a><br>
<a href="http://www.peterkemmer.com/resume/Resume.PeterKemmer.pdf">My Resume in PDF Format</a><br>
<a href="http://www.peterkemmer.com/shipit/">Ship It! (A History In Pictures)</a>
</div>
The technique:</p>
<a class="technique" href="http://www.peterkemmer.com/JavaScript.Core.html">Core.js</a><br>
<a class="technique" href="http://www.peterkemmer.com/JavaScript.HTML.html">HTML.js</a><br>
<a class="technique" href="http://www.peterkemmer.com/JavaScript.Runtime.html">Runtime.js</a><br>
<a class="technique" href="http://www.peterkemmer.com/JavaScript.Website.html">Website.js</a><br>
<a class="technique" href="http://www.peterkemmer.com/JavaScript.PeterKemmer.html">PeterKemmer.html</a><br>
<a class="technique" href="http://www.peterkemmer.com/JavaScript.Resume.PeterKemmer.html">Resume.PeterKemmer.html</a><br>
</td></tr><tr><td>
<div class="centered">
<a href="http://www.flickriver.com/photos/pkmousie/popular-interesting/">
<img src="http://www.flickriver.com/badge/user/all/interesting/noshuffle/medium-tiny/000000/ffffff/7255089@N05.jpg"
border="0"
alt="PKMousie - View my most interesting photos on Flickriver"
title="PKMousie - View my most interesting photos on Flickriver">
</a><br>
<a href="http://PKMousie.imagekind.com">
<img src="http://www.imagekind.com/images/buttons/buy_my_art.gif"
border="0"
alt="Buy my art at ImageKind.com."
title="Buy my art at ImageKind.com.">
</a><br>
</div>
<script type="text/javascript">
//-----------------------------------------------------------------------------
// Page Footer
//-----------------------------------------------------------------------------
writePageFooter();
//-----------------------------------------------------------------------------
// Slideshow
//-----------------------------------------------------------------------------
//-----------------------------------------------------------------------------
// Constants - DON'T FORGET TO ESCAPE YOUR QUOTES!!!
//-----------------------------------------------------------------------------
// Portraits should be the same height (200px), the width is not as important
var _attributes = new Attributes("height", "200px");
var PORTRAITS = new Array(
getImg("/pictures/gui/PeterKemmer.3764.Nx200.png", null, _attributes),
getImg("/pictures/gui/00011110v2.Nx200.png", null, _attributes),
getImg("/pictures/gui/AroundHome.4686.Nx200.png", null, _attributes),
getImg("/pictures/gui/PeterKemmer.1177.Nx200.png", null, _attributes),
getImg("/pictures/gui/Flashes.5769.Nx200.png", null, _attributes),
getImg("/pictures/gui/Kevin'sCoyoteCreek.3441.Nx200.png", null, _attributes),
getImg("/pictures/gui/Peter&Peaches.1146.Nx200.png", null, _attributes),
getImg("/pictures/gui/PeterKemmer.4786.Nx200.png", null, _attributes),
getImg("/pictures/gui/Kevin'sCoyoteCreek.3451.Nx200.png", null, _attributes),
getImg("/pictures/gui/Portraits.1374.Nx200.png", null, _attributes),
getImg("/pictures/gui/PeterKemmer.1183.Nx200.png", null, _attributes)
);
//-----------------------------------------------------------------------------
// Variables
//-----------------------------------------------------------------------------
// Randomly select one of the portraits to be the first shown!
gPortraitIndex = Math.floor(PORTRAITS.length * Math.random());
gDegrees = 1337;
//-----------------------------------------------------------------------------
// Functions
//-----------------------------------------------------------------------------
/**
* Run the portrait slideshow
*/
function runSlideshow() {
var sin = Math.sin(gDegrees * Math.PI / 180);
var cos = Math.cos(gDegrees * Math.PI / 180);
var slider = getElement("slider");
var portrait = getElement("portrait");
// Pad the sides of the slider div to makeit look slidey!
if (cos > 0) {
slider.style.paddingLeft = Math.round(150 * Math.abs(cos)) + "px";
slider.style.paddingRight = "0";
} else if (cos < 0) {
slider.style.paddingLeft = "0";
slider.style.paddingRight = Math.round(150 * Math.abs(cos)) + "px";
}
// Make sin wave look more like an upside down egg carton
// and range from only 0.0 to 0.5, capping the peak value
// Then subtract a sliver to force complete transparency!
setAlpha(portrait, Math.abs(sin) * 0.50 - 0.01);
// Increment counters/clip maximum values if necessary!!!
gDegrees += 0.5;
if (gDegrees >= 180) {
gDegrees = 0;
portrait.innerHTML = PORTRAITS[gPortraitIndex++];
}
if (gPortraitIndex > PORTRAITS.length - 1) {
gPortraitIndex = 0;
}
}
//-----------------------------------------------------------------------------
// Startup
//-----------------------------------------------------------------------------
runSlideshow();
setSmartInterval("runSlideshow()", 10);
</script>