function constructLi(photo){
	//return "<div class= \"sortableitem\" id=\""+photo.id+"\"><a href=\""+constructURL(photo.farm,photo.server,photo.id,photo.secret,'b')+"\" title=\""+photo.title._content+"\"><img src=\""+constructURL(photo.farm,photo.server,photo.id,photo.secret,'s')+"\"></a> </div>";
	return "<li class= \"sortableitem\" id=\""+photo.id+"\"><a href=\""+photo.full+"\" title=\""+photo.info+"\"><img src=\""+photo.thumb+"\"></a> </li>";
}

function addToCategory(photos,type){
	for(var i=0;i<photos.length;i++){
		$(type).append(constructLi(photos[i]));
	}
}

//load the portfolio
function loadPortfolio(doc){
	//load the images from the json file
	var request = {};
	request.hi = 'loveyou';
	getPhoto = new RepeatGetAction('getPortfolio.php', request, 100);
	getPhoto.go();
	getPhoto.successFunc = function (getBack) {
		var photo = eval('(' + getBack.response + ')');
		addToCategory(photo.design,'#design');
		addToCategory(photo.painting,'#painting');
		addToCategory(photo.drawing,'#drawing');
		//convert them into fish
		$('#gallery a').lightBox();
	}
	getPhoto.failFunc = function (getBack) {
    	return getBack.error;
  	}
	

}

function addLoadEvent(func) { 
var oldonload = window.onload; 
if (typeof window.onload != 'function') { 
	window.onload = func; 
} else { 
	window.onload = function() { 
		oldonload(); 
		//func(); 
	} 
  } 
}

//load Diana's portfolio
addLoadEvent(loadPortfolio(document));