var current_cat=1;

function runEffect(cat_id){
  var options = {};
  var temp_cat=	current_cat;
	$('#li-'+current_cat).removeClass('active');
	$('#li-'+cat_id).addClass('active');
	current_cat=cat_id;	
	var div = 'cat-'+temp_cat;
	$("#"+div).hide('clip',options,500,callback);
};
	
//callback function to bring a hidden box back
function callback(){
	  var div = 'cat-'+current_cat;
	  //run the effect
	  $("#"+div).show('drop',{},500);
};