var insertLeft = '.latestItemList .leftCol ul';
var insertRight = '.latestItemList .rightCol ul';
var dataURL = '/top/getJobData';

$(function() {
	clear();
	insert();
});

function clear(){	
	$(insertLeft).empty();
	$(insertRight).empty();
}

function insert() {
	$.getJSON(dataURL, function(json) {
		var insertLeftData = '';
		var insertRightData = '';
		var icon = '';
		
		for (var i=0; i<json.length; i++) {
			switch(json[i]['Job']['job'])
			{
				case 1:
					icon = 'icon03';
					break;
				case 2:
					icon = 'icon01';
					break;
				case 3:
				case 4:
					icon = 'icon02';
					break;
			}
			
			if(json[i]['Job']['category'] == 1){
				insertLeftData += "<li><span class='" + icon + "'><a href='/nurse/detail.html?id=" + json[i]['Job']['id'] + "'>" + "【" + json[i]['Job']['company_city'] + "】　　" + json[i]['Job']['job_name'] + '　' + json[i]['Job']['license'] + "</span></a></li>";
			}else if(json[i]['Job']['category'] == 2){
				insertRightData += "<li><span class='" + icon + "'><a href='/care/detail.html?id=" + json[i]['Job']['id'] + "'>" + "【" + json[i]['Job']['company_city'] + "】　　" + json[i]['Job']['job_name'] + '　' + json[i]['Job']['license'] + "</span></a></li>";
			}else if(json[i]['Job']['category'] == 3){
				insertRightData += "<li><span class='" + icon + "'><a href='/medical/detail.html?id=" + json[i]['Job']['id'] + "'>" + "【" + json[i]['Job']['company_city'] + "】　　" + json[i]['Job']['job_name'] + '　' + json[i]['Job']['license'] + "</span></a></li>";
			}
		}
		
		$(insertLeft).append(insertLeftData);
		$(insertRight).append(insertRightData);
	});
}