// JavaScript Document
var activeTab = "a" // by default starts with 'a'
var section = 'water_';
var sideImage = 'image_';
var myTab = 'tab_';
var myFootTab = 'footab_';

// ! QnA SECTION ? ///
var curAnswer = "1";
var curItem = null;

function init() {
	curItem = document.getElementsByTagName('li')[0];	
}


function showSection(subsec) {
	
	
	document.getElementById(section + activeTab).style.display = "none";
	document.getElementById(section + subsec).style.display = "block";	
	
	if (document.getElementById(sideImage + activeTab)) {
		document.getElementById(sideImage + activeTab).style.display = "none";
	}	
	if (document.getElementById(sideImage + subsec)) {
		document.getElementById(sideImage + subsec).style.display = "block";
	}	
	document.getElementById(myTab + activeTab).className = "";
	document.getElementById(myTab + subsec).className = "current";
	document.getElementById(myFootTab + activeTab).className = "";
	document.getElementById(myFootTab + subsec).className = "current";
	activeTab = subsec;
	
	return false;
}


function showAnswer(who, q) {
	curItem.className = "";
	q.parentNode.className = "clicked";	
	document.getElementById('a_'+curAnswer).style.display = "none";
	document.getElementById('a_'+who).style.display = "block";
	curItem = q.parentNode;
	curAnswer = who;
}