var url_top = "http://api.coneco.net/";
var url_categories = url_top + 'cws/v1/SearchCategories_json';
var apiKey = "b9b8b855c554442c60514b07eadab62b";
function getCategolyList(id){
	var cat = $($("SELECT")[0]).val();
	if(!cat){
		alert("左からカテゴリを選択してください。");
	}
	showMessage("読み込み中...");
	$.ajax({
		dataType: "jsonp",
		data: {
			page: 1,
			apikey: apiKey,
			alt:"json-in-script",
			categoryId:cat
		},
		cache: true,
		url: url_categories,
		success: function (data) {
			hideMessage();
			fncDispGroup3(data);
		}
	});
	$("select",$("#coneco_widget_sample")).click(
		function(){
			$("#message").hide();
			$("#category_list").hide();
			$("#category3")[0].selectedIndex = 0;
		}
	);
}
function fncDispGroup3(json){
//	console.log(json);
	var len = json.Category.length;
	var pull = $("#category3")[0];
	pull.options.length=len+1;
	pull.options[0].value = json.Current.Id;
	var strName = json.Current.Name;
	if(json.Current.Id == "0"){
		strName = "coneco.net全体"
	}
	pull.options[0].text = "▼"+strName;
	pull.options[0].style.backgroundColor = "orange";
	for(var i=0;i<len;i++){
		pull.options[i+1].value = json.Category[i].Id;
		pull.options[i+1].text = ((i==len-1)?"└":"├")+json.Category[i].Name;
		pull.options[i+1].style.backgroundColor = "orange";
	}
	$(pull).change(
		function(){
			createTag();
//			setColor();
		}
	);
}
function hideMessage(){
	$("#message").hide();
	$("#category_list").show();
}
function showMessage(str){
	$("#message").html(str);
	$("#message").show();
	$("#category_list").hide();
}