var Id = 0;
var IsCollapsed = false;
var InfoLoaded = false;

function ShowHideSection(CatId)
{
	Id = CatId;
	
	if(!IsCollapsed && !InfoLoaded)
	{
		new Ajax.Request (
			'/IncludeMiniModules/Ajax/Subcategories.php', 
			{
				method: 'post',
				parameters: 'CatId=' + CatId,
				onSuccess: FillSection,
				onFailure: DoFail
			}
		);
	}
	else if(InfoLoaded && !IsCollapsed)
	{
		IsCollapsed = true;
		$('Cats_' + Id).style.display = "block";
		$('CatExp_' + Id).src = '/img/cmi.gif';	
	}
	else
	{
		$('CatExp_' + Id).src = '/img/cpl.gif';
		$('Cats_' + Id).style.display = "none";
		IsCollapsed = false;
	}
		
	return false;
}

function FillSection(response)
{
	eval("SubCat=" + response.responseText);

	$('Cats_' + Id).style.display = "block";
	IsCollapsed = true;
	InfoLoaded = true;

	ul = document.createElement("ul");
	
	for(i = 0; i < SubCat.length; i++)
	{
		li = document.createElement("li");
			a = document.createElement("a");
			a.href = SubCat[i].SubCatLink;
				h = document.createElement("h3");
				h.innerHTML = SubCat[i].SubCatName;
				a.appendChild(h);			
			li.appendChild(a);
			span = document.createElement("span");;
				span.innerHTML = " (" + SubCat[i].ArtNr + ")";
			li.appendChild(span);
		ul.appendChild(li);			
	}
	$('Cats_' + Id).appendChild(ul);		
			
	$('CatExp_' + Id).src = '/img/cmi.gif';		
}