function slideShow() {
	// test for dom support and existing elements first
	if ($('imgcontainer')) {
		// get slideImages, create array
		var canvas = $('imgcontainer');
		slideImages = $$('#imgcontainer img');
		// hide slideImages
		hideImgs();
		// show start image
		showImg(0);
		// create slideshow navigation buttons
		imgNav = document.createElement('div');
		imgNav.setAttribute('id','imgnav');
		canvas.appendChild(imgNav);
		// create buttons
		for(var i=0; i<slideImages.length; i++) {
			var imgBtn = document.createElement('a');
			imgBtn.setAttribute('id','imgBtn-' + i);
			imgBtnCount = document.createTextNode(i+1);
			imgNav.appendChild(imgBtn);
			imgBtn.appendChild(imgBtnCount);
			imgBtn.onmouseover = function() { showImg(this); }
		}
		// add active class to first button
		$('imgBtn-0').className = 'imgNavActive';
	}
}

function hideImgs() {
	// hide all slideImages
	for(var i=0; i<slideImages.length; i++) {
		slideImages[i].className = 'hide';
	}
}

function showImg(imgNo) {
	// if input for "imgNo" is object
	if(imgNo.nodeType == 1) {
		var newImgNo = imgNo.firstChild.nodeValue -1;
		// hide all other slideImages
		hideImgs();	
		slideImages[newImgNo].className = 'show';
		// add inactive-class to other buttons
		var imgBtns = $$('#imgnav a');
		for(var i=0; i<imgBtns.length; i++) {
			imgBtns[i].className = 'imgNavInactive';
		}
		// add active-class to current button
		$('imgBtn-'+newImgNo).className = 'imgNavActive';
	// if input for "imgNo" is a valid value
	} else if(imgNo.nodeType != 1) {
		slideImages[imgNo].className = 'show';
	} else {
		return false
	}
}