

function changeCategory(elemId)
		{
			var html = "";
			selectCategId = "category_"+elemId;
			categoryId = document.getElementById(selectCategId).value;

			if(categoryId == '0') {
				alert("No one category selected.\n You have to choose one category!");
				//TO DO Empty the subcategories
			}

			// Subcategories options
			html  = "<select class='categories' name='subcategory["+elemId+"]' id='subcategory_"+elemId+"'>";
			html += "<option value='0'>Sub Categories</option>";
			if(categoryId != 0)
				for(i in categories[categoryId][0]) {
					mname = categories[categoryId][0][i].name;
					mid   = categories[categoryId][0][i].mid;
					html += "<option value=\""+mid+"\">"+mname+"</option>\n";
				}
			html += "</select>";
			subcategoryId = "td_subcategory_"+elemId;
			document.getElementById(subcategoryId).innerHTML = html;

			// Genre options
			html  = "<select class='categories' name='genre["+elemId+"]' id='genre_"+elemId+"'>";
			html += "<option value='0'>Genre</option>\n";
			if(categoryId != 0)
				for(i in categories[categoryId][1]) {
					mname = categories[categoryId][1][i].name;
					mid   = categories[categoryId][1][i].mid;
					html += "<option value=\""+mid+"\">"+mname+"</option>\n";
				}
			html += "</select>";
			genreId = "td_genre_"+elemId;
			document.getElementById(genreId).innerHTML = html;

			// Media options
			html  = "<select class='categories' name='media["+elemId+"]' id='media_"+elemId+"'>";
			html += "<option value='0'>Media</option>\n";
			if(categoryId != 0)
				for(i in categories[categoryId][2]) {
					mname = categories[categoryId][2][i].name;
					mid   = categories[categoryId][2][i].mid;
					html += "<option value=\""+mid+"\">"+mname+"</option>\n";
				}
			html += "</select>";
			mediaId = "td_media_"+elemId;
			document.getElementById(mediaId).innerHTML = html;


			//alert(html);
		}