var answerDivs;
var questionDivs;
var questionSlides = new Array();
var answerSlides = new Array();


window.addEvent('domready', function() {
	var nvArray = getURLVariables();
	
	answerDivs = document.getElementsByClassName('answer');
	for (var i = 0; i < answerDivs.length; i++) {
		answerSlides[i] = new Fx.Slide(answerDivs[i].id);
		answerSlides[i].hide();
	}
		
	questionDivs = document.getElementsByClassName('question');
	for (var j = 0; j < questionDivs.length; j++) {
		questionSlides[j] = new Fx.Slide(questionDivs[j].id);
		questionDivs[j].addEvent('mouseover', function(e) {
			this.style.cursor = 'pointer';
		});
		questionDivs[j].addEvent('click', function(e) {
			toggleAnswer(e);
		});
	}
	
	if ( (nvArray['q'] > 0) && (nvArray['q'] <= 8) ) {
		answerSlides[nvArray['q']-1].show();
	}
	
});


function toggleAnswer(e) {
	var question = document.getElementById(e.target.id);
	for (var i = 0; i < questionDivs.length; i++) {
		if (question == questionDivs[i]) {
			answerSlides[i].toggle();
		}
		else {
			answerSlides[i].slideOut();
		}
	}
}

function getURLVariables() {
	var nvArray = new Array();
	var searchString = document.location.search;
	
	// strip off the leading '?'
	searchString = searchString.substring(1);
	
	var nvPairs = searchString.split("&");
	
	for (i = 0; i < nvPairs.length; i++)
	{
		 var nvPair = nvPairs[i].split("=");
		 var name = nvPair[0];
		 var value = nvPair[1];
		 nvArray[name] = value;
	}
	return nvArray;
}

document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
};