function selectFact(id) {
	//rotate images
	var maxid = 14;
	var minid = 1;
	var imgs = document.getElementById('funfacts') .getElementsByTagName('img');
	for (i = 0; i < imgs.length; i++) imgs[i].src = imgs[i].src.replace('_active', '_off');
	if (id > maxid) id = maxid;
	if (id < minid) id = minid;
	curr_page = id;
	
	if (id < 6 && id > (minid - 1)) {
		document.getElementById('funfact' + id) .src = document.getElementById('funfact' + id) .src.replace('_on', '_active');
		document.getElementById('funfact' + id) .src = document.getElementById('funfact' + id) .src.replace('_off', '_active');
	}
	
	//rotate body content
	var divs = document.getElementById('funfactsinfo') .getElementsByTagName('div');
	for (i = 0; i < divs.length; i++) {
		if (divs[i].id == 'funfactsinfo' + id)
		divs[i].className = 'ffi'; else
		divs[i].className = 'ffi invisible';
	}
	
	//Rotate Selected Link
	var spans = document.getElementById('border') .getElementsByTagName('span');
	var links = document.getElementById('border') .getElementsByTagName('a');
	for (i = 0; i < spans.length; i++) {
		if (spans[i].className == 'lbl2') spans[i].className = 'invisible lbl2';
	}
	for (i = 0; i < links.length; i++) {
		links[i].className = links[i].className.replace('invisible', '');
	}
	
	document.getElementById('link' + id) .className = 'invisible';
	document.getElementById('span' + id) .className = 'lbl2';
	
	return false;
}
function overfact(id) {
	document.getElementById('funfact' + id) .src = document.getElementById('funfact' + id) .src.replace('_off', '_on');
	return false;
}

function leftfact(id) {
	document.getElementById('funfact' + id) .src = document.getElementById('funfact' + id) .src.replace('_on', '_off');
	return false;
}