var currentThumbnail = '';
function loadImage(sourceId, contentFrame, subFrame) {
	setCurrentThumbnail(sourceId);
	
	/* load the frame targets */
	if ( contentFrame != '' ) {
		window.parent.document.getElementById('iframe01').src = './html/' + contentFrame;
	}
	
	if ( subFrame != '' ) {
		window.parent.document.getElementById('iframe03').src = './html/' + subFrame;
	}
}

function setCurrentThumbnail(sourceId) {
	if ( currentThumbnail != '' ) {
		document.getElementById(currentThumbnail).className = document.getElementById(currentThumbnail).className.replace('thumbSelected', 'thumbUnselected');
	}

	currentThumbnail = sourceId;
	document.getElementById(currentThumbnail).className = document.getElementById(currentThumbnail).className.replace('thumbUnselected', 'thumbSelected');
}