var currentBtn;
var currentContent;
var prevBtn;
var prevContent;
var featuresIndex;

var firstTime = true;

function featuresInit () {
	var parent = document.getElementById("features");
	featuresIndex = countChildElements ("features", "li");
	var children = parent.childNodes;
	for(var c=0; c < children.length; c++) {
		children[c].className = 'inactive';
	}
	switchFeature('btn-0','feature-0');
	
}

function countChildElements (parent, child) {
	var parent = document.getElementById(parent);
	var childCount = parent.getElementsByTagName(child).length;
}

function switchFeature(btn,content) {
	if (currentBtn!=document.getElementById(btn)) {
		if (firstTime == false) {
			prevBtn = currentBtn;
			prevContent = currentContent;
			/* for all decent browsers */
			prevBtn.setAttribute("class", "inactive");
			prevContent.setAttribute("class", "inactive");
			/* for IEs */
			prevBtn.setAttribute("className", "inactive");
			prevContent.setAttribute("className", "inactive");
		} else {
			firstTime = false;
		}
		currentBtn = document.getElementById(btn);
		currentContent = document.getElementById(content);
		
		/* for all decent browsers */
		currentBtn.setAttribute("class", "active");
		currentContent.setAttribute("class", "active");
		
		/* for IEs */
		currentBtn.setAttribute("className", "active");
		currentContent.setAttribute("className", "active");
		
	}
}