var main_portfolio_n;

window.onload = function() {
	var c = document.getElementById('main_portfolio');
	var w = c.clientWidth || c.offsetWidth;
	main_portfolio_n = Math.floor(w/210);
	setMainPortfolio();
}

window.onresize = function() {
	var c = document.getElementById('main_portfolio');
	var w = c.clientWidth || c.offsetWidth;
	var n = Math.floor(w/210);
	if (n!=main_portfolio_n) {
		main_portfolio_n = n;
		setMainPortfolio();
	}
}

function setMainPortfolio() {
	var str = '';
	for(var i=0; i<main_portfolio_n; i++) {
		if (portfolio_data[i]==undefined) break;
		str += 
			(i?'<th>&nbsp;</th>':'')+
			'<td><div>'+portfolio_data[i]['name']+'<br/>'+
			'<noindex><a href="'+portfolio_data[i]['link']+'" target="_blank"><small>'+portfolio_data[i]['link']+'</small></a></noindex></div>'+
			'<a href="/portfolio/'+portfolio_data[i]['href']+'" title="'+portfolio_data[i]['name']+'">'+
			'<img src="'+portfolio_data[i]['icon']+'" vspace="6" alt="'+portfolio_data[i]['name']+'"></a></td>';
	}
	document.getElementById('main_portfolio').innerHTML = '<table><tr>'+str+'</tr></table>';
}

// ### DEBUG ###

function show_obj(obj) {
	var win = window.open('', 'js_object', 'left=100,top=100,width=600,height=400,scrollbars=yes');
	var out = '';
	for(i in obj)
		out += i+' = '+obj[i]+'<br>';
	win.document.write('Object: '+obj+'<br>'+out);
	win.focus();
}