var newLevel;

function getModels(obj, level){

	var catId = obj.value;
	if(catId == 0){
		resetForm(level);
		return;
	}

	newLevel = level;
	itemService.getChildren(catId, processGetModels, level);
}

function processGetModels(data){

	$("level" + newLevel).style.display = "inline";

	var jsfunc = "";
	if(data.length > 0){
		if(data[0][2] == "C" || data[0][2] == "S") // category or series
			jsfunc = "onChange=\"getModels(this, " + (newLevel+1) + ")\"";
	}

	var htmlText = "<select name='level" + newLevel + "' class='formTxt' style='width:135px;' " + jsfunc + ">";
	htmlText += "<option value='0'>" + please_select + "</option>";
	for(var i = 0 ; i < data.length; i ++){
		htmlText += "<option value='" + data[i][0] + "'>";
		htmlText += data[i][1] + "</option>";
	}
	htmlText += "</select>";
	if(newLevel == 2 || categorySearch == false)
		htmlText += " <span class=\"RunRedTxt\">*</span>";
	$("level" + newLevel).innerHTML = htmlText;

	resetForm(newLevel + 1);	
/*	for(var level = newLevel + 1; level <= 5; level ++){
		$("level" + level).style.display = "none";
		var htmlText = "<select name='level" + level + "' class='formTxt' style='width:135px;' " + jsfunc + ">";
		htmlText += "<option value='0'>" + please_select + "</option>";
		htmlText += "</select>";		
		$("level" + level).innerHTML = htmlText;
	}*/
}

function resetForm(fromLevel){
	for(var level = fromLevel; level <= 5; level ++){
		$("level" + level).style.display = "none";
		var htmlText = "<select name='level" + level + "' class='formTxt' style='width:135px;'>";
		htmlText += "<option value='0'>" + please_select + "</option>";
		htmlText += "</select>";		
		$("level" + level).innerHTML = htmlText;
	}
}