//---------------------------------------------------------------------------
$(document).ready(function()
{
	var currCatGroupID = 0;
	
	//JSON-Objekt mit Kategorien vom Server holen (alles in einem String: 2 verschachtelte JSON-Anweisungen geht net)
	$.getJSON("../getCategories.php", function(json)
	{
		for(var i = 0; i < json.length; i++)
		{
			//Muster des ankommenden Strings: catGroupID#CatGroupName#CatName
			var category = json[i].split("#");
			var catGroupID = category[0];
			var catGroupName = category[1];
			var catName = category[2];
			
			if(currCatGroupID != catGroupID)
			{
				//Optgroup mit Kategorie-Oberbegriff hinzufügen
				$("#katMenu").append('<optgroup label=' + catGroupName + ' id=optgroup' + catGroupID + '></optgroup>');
				//der entsprechenden Optgroup die Kategorien hinzufügen
				$("#optgroup" + catGroupID).append('<option>' + catName + '</option>');
								
				//currCatGroupID neuen Wert zuweisen
				currCatGroupID = catGroupID;
			}
			else
			{
				//der entsprechenden Optgroup die Kategorien hinzufügen
				$("#optgroup" + catGroupID).append('<option>' + catName + '</option>');
			}
		}
	});
});
//---------------------------------------------------------------------------