//yeah, globals.  Deal with it.
window.Families = [];
window.Categories = [];
window.CategoryLines = [];
window.Items = [];
var cABkgd='#5EC02F';  //Sihl-green anchor background color

function getElementsByClassName(classn,tag) {
	var a = [];	var els = document.getElementsByTagName(tag);
	for(var i=0,j=els.length; i<j; i++)
		if (els[i].className==classn) {a.push(els[i]);}
	return a;
}

function getElementsByFirstOfID(idn,tag) {
	var a = [];   var els = document.getElementsByTagName(tag);
	for (var i=0,j=els.length;i<j;i++)  {
		s = els[i].id;
		if(s.substr(0,1)==idn) {a.push(els[i]);}
		}
	return a;
}

function getMenus () {
	window.Families = getElementsByClassName('family','li');
	window.Categories = getElementsByClassName('hide category','ul');
	window.CategoryLines = getElementsByFirstOfID('c','li');
	window.Items = getElementsByClassName('hide item','ul');
}

function showCategory(eAnchor,eCategory) {
	//hide intro
	var el = document.getElementById('intro');
	el.style.display='none';

	//white all families
	/**** #^@$#!ng IE! ****/
	//alert(eAnchor+' '+eCategory)
	for (i in window.Families) {
		window.Families[i].style.backgroundColor='';
		window.Families[i].style.color='';
	}
	//gray family anchor
	var el = document.getElementById(eAnchor);
	//el.style.backgroundColor=cABkgd;
	el.style.backgroundColor='#5EC02F';
	el.style.color=("#FFF");

	clearCategories();
	hideCategories();

	//show clicked category
	var el = document.getElementById(eCategory);
	el.style.display = 'block';
}

function showProducts(eAnchor,eProducts) {
	
	clearCategories();
	hideItems();
	
	//alert(eAnchor+', '+eProducts)
	var el = document.getElementById(eAnchor);
	el.style.backgroundColor=cABkgd;
	el.style.color=("#FFF");	

	var el = document.getElementById(eProducts);
	el.style.display = 'block';
}

function hideItems() {	
	for (i in window.Items) {
		var el=document.getElementById(window.Items[i].id);
			el.style.display = 'none';
	  }
}

function hideCategories() {
	clearCategories();
	hideItems();
	
	for (i in window.Categories) {
		var el=document.getElementById(window.Categories[i].id);
			el.style.display = 'none';
	  }
}

function clearCategories() {
	for (i in window.CategoryLines) {
		window.CategoryLines[i].style.backgroundColor='';
		window.CategoryLines[i].style.color='';
	  }
}