// minimize and maximize functions
function shrink(id){
	new Effect.SlideUp(id, {duration: 0.3, fps:60, queue:'end', transition: Effect.Transitions.linear});
	$(id + '_div').innerHTML = '<img src="images/maximize.gif" style="cursor:pointer; cursor:hand;" onclick="grow(\'' + id + '\');">';
	}
 function grow(id){
	new Effect.SlideDown(id, {duration: 0.3, fps:60, queue:'end', transition: Effect.Transitions.linear});
	$(id + '_div').innerHTML = '<img src="images/minimize.gif" style="cursor:pointer; cursor:hand;" onclick="shrink(\'' + id + '\');">';
	}
	
	 function shrinkBig(id){
	new Effect.SlideUp(id, {duration: 0.3, fps:60, queue:'end', transition: Effect.Transitions.linear});
	$(id + '_div').innerHTML = '<img src="images/big_maximize.gif" style="cursor:pointer; cursor:hand;" onclick="growBig(\'' + id + '\');">';
	}
 function growBig(id){
	new Effect.SlideDown(id, {duration: 0.3, fps:60, queue:'end', transition: Effect.Transitions.linear});
	$(id + '_div').innerHTML = '<img src="images/big_minimize.gif" style="cursor:pointer; cursor:hand;" onclick="shrinkBig(\'' + id + '\');">';
	}