// function to change price table based on state clicked
function changeTable (whichtable) {
	if(!document.getElementById || !document.createElement || !document.appendChild) return false;
	
	var tablecontainer = document.getElementById("pricetable");
	
	var replaceme = whichtable.getAttribute("href");
	
	var table = document.getElementById("tableimg");
	
	var newtable = document.createElement("img");
	newtable.setAttribute("src",replaceme);
	newtable.id="tableimg";
	newtable.style.display="none";
	
	tablecontainer.removeChild(table);
	
	tablecontainer.appendChild(newtable);	
	new Effect.Appear(newtable, {duration: 1.0});
}


//function to change the FAQ response to correlate with the question clicked
function loadFaq(thisfaq) {
	if(!document.getElementById || !document.createElement || !document.appendChild) return false;
	
	var container = document.getElementById("answers");
	var thePrompt = document.getElementById("prompt");
	var question = thisfaq.getAttribute("rel");
	var questionContainer = document.getElementById(question);
	
	var visibility = questionContainer.style.display;
	
	if(visibility == "block") {
		return false;
	}
	 
	if(thePrompt.style.display != "none") {
		thePrompt.style.display="none";
	}
	
	checkDisplay();
	
	questionContainer.style.display="block";
		
}


//function that checks display attribute of the FAQ answers, and sets any displayed as "block" 
//to "display="none"" so that the newly clicked question's answer replaces the previous
function checkDisplay() {
	var questions = new Array(9);
		questions[0] = "question1";
		questions[1] = "question2";
		questions[2] = "question3";
		questions[3] = "question4";
		questions[4] = "question5";
		questions[5] = "question6";
		questions[6] = "question7";
		questions[7] = "question8";
		questions[8] = "question9";
		questions[9] = "question10";
		
	var x = 0;
	
	for(x = 0; x <= 9; x++)	{
		var question = document.getElementById(questions[x]);
		question.style.display="none";
		
	}
}