var catid;
var count;
var selected;
function showcats(catid,count) {
	var cat = document.getElementsByTagName('LI');
	for (var i = 0; i < cat.length; i++) {
  	if (cat[i].className == "cat"){
  		cat[i].style.background = '#b32b25';
		}
  }

  var cats = document.getElementsByTagName('LI');
	for (var i = 0; i < cats.length; i++) {
		if (cats[i].className == "subcat"){
			cats[i].style.display = 'none';
		}
	}

  var as = document.getElementsByTagName('A');
	for (var i = 0; i < as.length; i++) {
		if (as[i].className == "ul"){
			as[i].style.color = 'white';
		}
	}

	var li = document.getElementById(catid);
  li.style.background='#ffd400';

	var temp = "a" + catid;
	as =  document.getElementById(temp);
  as.style.color='black';

  for (var i = 0; i < count; i++){
		var temp = "cat" + catid + i;
		document.getElementById(temp).style.display = "block";
  }

	selected = catid;
	return true;
}

$(document).ready(function(){
  $('.cat a.ul').click(function(){
  	$('.cat ul').slideUp(400);
  	var p = $(this).parent();
  	var ul = p.find('ul.sub');
		$(ul).slideDown(400);
  });
});