$(document).ready(function() {
	equalHeight($(".content"));
	equalHeight($(".column"));
});

		
	function setTagActive(navItem) {

		var navItem1 = document.getElementById("overview_active");
		if (navItem1 != null) {
			navItem1.id = "overview";
			//navItem1.setAttribute("id", "overview");
		}
			 
		var navItem2 = document.getElementById("features_active");
		if (navItem2 != null) {
			navItem2.id = "features";
			//navItem2.setAttribute("id", "features");
		}
			 
		var navItem3 = document.getElementById("specifications_active");
		if (navItem3 != null) {
			navItem3.id = "specifications";
			//navItem3.setAttribute("id", "specifications");
		}
			 
		var navItem4 = document.getElementById("supplies_active");
		if (navItem4 != null) {
			navItem4.id = "supplies";
			//navItem4.setAttribute("id", "supplies");
		}
			 
		var navItem5 = document.getElementById("modules_active");
		if (navItem5 != null) {
			navItem5.id = "modules";
		}
			 
		//navItem.setAttribute("id", (navItem.id +"_active"));
		//alert("boo");

		var test = document.getElementById(navItem.id)
		test.id = (navItem.id +"_active");
		//navItem.id = (navItem.id +"_active");
	};



function equalHeight(group) 
{
	tallest = 0;
	group.each(function() {
		thisHeight = $(this).height();
		if(thisHeight > tallest) {
			tallest = thisHeight;
		}
	});
	group.height(tallest);
}

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}	
}

if (window.attachEvent) window.attachEvent("onload", sfHover);

	function toggleOffAll() {
		var ele1 = document.getElementById("overview_content");
		ele1.style.display = "none";
		var ele2 = document.getElementById("features_content");
		ele2.style.display = "none";
		var ele3 = document.getElementById("specifications_content");
		ele3.style.display = "none";
		var ele4 = document.getElementById("supplies_content");
		ele4.style.display = "none";
		var ele5 = document.getElementById("modules_content");
		ele5.style.display = "none";
	};
	
function toggle(toggleOn) {
		toggleOffAll();
        var ele = document.getElementById(toggleOn);
        if(ele.style.display == "block") {
            ele.style.display = "none";
        }
        else {
            ele.style.display = "block";
        }
}