$(document).ready(function(){
}).load(function(){
	showImages();
}).resize(function(){

});

function overImage(id) {
	x = homepageItems[id];
	if (x['type'] == 'portfolio')
	 	var title = '' + x['catname'];
	else
		var title = 'Current Projects';
		
	title += ' > '+x['itemname'];
	
	$('#infotext').get(0).innerHTML = title;
}

function outImage(id) {
	$('#infotext').get(0).innerHTML = '';	
}

function loadImages() {
	var images = '<table cellspacing="0" cellpadding="0" id="homepage" border="1"><tr>';
	var w = 960
	var iw = 160;
	var ipc = 6; //Limit to 3 rows of 6 images each.
	var maxRows = 3; 
	
	var c = 1;
	var r = 1;

	for(var i=0;i<homepageItems.length;i++) {
		if (homepageItems[i]['type'] == 'portfolio')
			link = '/projects/view/';
		else
			link = '/projects/current/';
			
		link += homepageItems[i]['catid']+'/'+homepageItems[i]['subcatid']+'/'+homepageItems[i]['itemid'];
		
		images += '<td><a href="'+link+'" onmouseover="overImage(\''+i+'\');" onmouseout="outImage(\''+i+'\');"><img src="/newthumb.php?s=i/'+homepageItems[i]['imagefile']+'&w='+iw+'&h='+iw+'&t"></a></td>';
		if (c%ipc==0 && c!=0) {
			r++;
			if (r <= maxRows) {
				images += '</tr><tr>';
			} else {
				break;
			}
		}
		c++;
	}
		
	images += '</tr></table>';
	
	return images;
}