$(document).ready(function() {		
	
	// simple example, using all default options
	//$('div.expandable p').expander();
	  
	// *** OR ***
	  
	// override some default options
	$('ul.projects_workedon').each(function(r){
		$(this).attr('id','project-'+r);
		$('li',this).each(function(i){
			if(i >= 4){
				$(this).hide();
			}
			if(i == 4){
				$(this).parent().append('<a class="proj-expand" id="read-'+r+'" href="#">expand &#62;</a>');
			}
	  	});
	});
	
	$('.proj-expand').click(function(){
		var id = $(this).attr('id').substring(5);
		$("ul#project-"+id+" li").slideDown();
		$(this).slideUp();
		return false;
	});
});