var baseUrl = '/ajax/get_genre';
var depthMax = 4;
function getGenreList(id, code, depth) {
	var form = $('#'+id)[0];
	var fullCode = getFullCode(id, code, depth);
	var url = baseUrl+'?code='+fullCode+'&depth='+depth;
	// selectbox reset
	for (var i=depth+1; i<depthMax; i++) {
		var selectObj = form["q[genre"+(i+1)+"]"];
		$('option', selectObj).each(function(){
			$(this).remove();
		});
	}
	$.get(url, function(data){

		// to json data		
		var json = eval("("+data+")");
		// append option
		var selectObj = form["q[genre"+(depth+2)+"]"];
		if (json.length>0) {
			// append blank option
			// IE系で動作しなかった為、htmlに変更
			//var opt = new Option('', '');
			//$(selectObj).append(opt);
			$(selectObj).append('<option value=""></option>');
		} else {
			return;
		}

		
		for (var i=0; i<json.length; i++) {
			// IE系で動作しなかった為、htmlに変更
			//var opt = new Option(json[i].name, json[i].code);
			//$(selectObj).append(opt);
			$(selectObj).append('<option value="'+json[i].code+'">'+json[i].name+'</option>');
		}
		
		// selected option
		//selectObj.options[1].selected = true;
	});
}

function getFullCode(id, code, depth) {
	var fullCode = '';
	var form = $('#'+id)[0];
	for (var i=0; i<depth+1; i++) {
		var selectObj = form["q[genre"+(i+1)+"]"];
		fullCode += selectObj.value;
	}
	return fullCode;
}