ProjectList = function() {
};

ProjectList.prototype = {
	load: function(url) {
		var http = new JKL.ParseXML(url);
		var data = http.parse();
		this.setItems(data.items.item);
	},
	setItems: function(items) {
		if(!items.length) {
			items = [items];
		}
		var html = '<table cellpadding="0" cellspacing="0" border="0" id="list">'+
		'<thead>'+
		'<tr>'+
    	'<td class="id"><img src="img/ttl_id.gif" alt="ID" /></td>'+
        '<td class="name"><img src="img/ttl_name.gif" alt="NAME" /></td>'+
        '<td class="url"><img src="img/ttl_url.gif" alt="URL" /></td>'+
        '<td class="summary"><img src="img/ttl_summary.gif" alt="SUMMARY" /></td>'+
		'</tr>'+
		'</thead>'+
		'<tbody id="tbody">';
		for(var i=0,l=items.length; i < l; i++) {
			var item = items[i];
			var line = i%2 ? "l1" : "l2";
			var target = item.url.target ? item.url.target : "_self";
			html += '<tr class="'+line+'">'+
			'<td class="id">'+StringUtil.addZero(i+1, 3)+'</td>'+
			'<td class="name">'+item.name+'</td>'+
			'<td class="url"><a href="'+item.url["#text"]+'" target="'+target+'">'+item.url["#text"]+'</a></td>'+
			'<td class="summary">'+item.summary+'</td>'+
			'</tr>';
		}
		html += '</tbody>'+
		'</table>';
		document.getElementById("list").innerHTML = html;
	}
}

StringUtil = function(){}
StringUtil.addZero = function(value, num) {
	value = String(value);
	var l = num - value.length;
	while(l--) {
		value = "0" + value;
	}
	return value;
}
StringUtil.setBreak = function(value, num) {
	var tmp = '';
	if(value.indexOf(".")==-1 && value.indexOf("/")==-1 && value.indexOf(" ")>-1) {
		return value;
	}
	if(value.length > num) {
		tmp = value.substr(0, num);
		tmp += '<br />'+this.setBreak(value.substr(num, value.length), num);
		return tmp;
	} else {
		return value;
	}
}

var app = new ProjectList();
app.load("config.xml");