// JavaScript Document

function showNextFact() {
	//var facts = document.getElementByClassName('fact');
	var facts = $('didYouKnow').select('[class="fact"]');
	var selectedFact = 0;
	var newSelectedFact = -1;
	for (var i = 0; i < facts.length; i++) {
		if (facts[i].style.display == 'block') {
			selectedFact == i;
			newSelectedFact = i + 1;
			facts[i].style.display = 'none';
		}
	}
	if (newSelectedFact >= 0 && newSelectedFact < facts.length) {
		facts[newSelectedFact].style.display = 'block';
		$('factPrevious').style.display = 'block';
	}
	if (newSelectedFact == (facts.length - 1)) {
		$('factNext').style.display = 'none';
	}
}

function showPreviousFact() {
	//var facts = document.getElementByClassName('fact');
	var facts = $('didYouKnow').select('[class="fact"]');
	var selectedFact = 0;
	var newSelectedFact = -1;

	for (var i = 0; i < facts.length; i++) {
		if (facts[i].style.display == 'block') {
			selectedFact == i;
			newSelectedFact = i - 1;
			facts[i].style.display = 'none';
		}
	}
	if (newSelectedFact >= 0) {
		facts[newSelectedFact].style.display = 'block';
	}
	if (facts.length > 1 && newSelectedFact < (facts.length - 1)) {
		$('factNext').style.display = 'block';
	}
	if (newSelectedFact == 0) {
		$('factPrevious').style.display = 'none';
	}
}

function toggleProfile(el) {
	var text = $(el).select('[class="profileText"]');
	text[0].toggle();
	
	var controls = $(el).select('[class="profileControls"]');
	var preview = $(el).select('[class="profilePreview"]');
	if (controls[0].innerHTML == 'close') {
		controls[0].innerHTML = 'more';
		controls[1].style.display = 'none';
		preview[0].style.display = 'block';
	} else {
		controls[0].innerHTML = 'close';
		controls[1].style.display = 'block';
		preview[0].style.display = 'none';
	}
}