window.onload = showPic;

function showPic(){
	var captions = document.getElementsByTagName('img');
	var i;
	for(i = 0; i < captions.length; i++){
		var picname = captions[i].className;
		if(picname.indexOf('navpic') > -1){
			var picture =  captions[i];
			picture.alt = picture.name;
		}
	}
	
	var pic = document.getElementById('pic1');
	if(pic){
		var frame = document.getElementById('pagePic');
		frame.src = pic.src;
		var caption = document.getElementById('pgcaption');
		caption.innerHTML = pic.alt;
	}
}

function swap(thumb){
	var frame = document.getElementById('pagePic');
		frame.src = thumb.src;

	var caption = document.getElementById('pgcaption');
	caption.innerHTML = thumb.name;
}