function addButtons(){
$(".toggler").click(function () {
    	// height UL slides to
	
	var ulHeight = $(this).prev("ul").children().size();
	
	var liHeight = $(this).prev("ul").find("li:first").innerHeight();
	
	var oldHeight = ulHeight*liHeight;
	
	
	
	var overflowCutoffHeight = 190;
	
	
	var newHeight = $(this).prev("ul").height();
	$(this).toggleClass("togglerSelected");
	
	//alert( ulHeight );
	// if UL height is larger than x = animate to x height
	// else if UL height is x = animate back to proper height
	if (newHeight > overflowCutoffHeight){$(this).prev("ul").css({height: oldHeight}).animate({ height: overflowCutoffHeight }, 500); $(this).text("View More");} // make small
	else {$(this).prev("ul").css({height: overflowCutoffHeight}).animate({ height: oldHeight }, 500); $(this).text("View Less");} // expand
});
}



/*function addButtons(){
$(".toggler").click(function () {
    	// height UL slides to
	var p = 200;
	var ulHeight = $(this).prev("ul").children().size();
	var oldHeight = ulHeight*10;
	
	
	var newHeight = $(this).prev("ul").height();
	$(this).toggleClass("togglerSelected");
	
	alert( ulHeight );
	// if UL height is larger than 174 = animate to 174 height
	// else if UL height is 174 = animate back to proper height
	if (newHeight > p){$(this).prev("ul").css({height: oldHeight}).animate({ height: p }, 500); $(this).text("View More");} // make small
	else {$(this).prev("ul").css({height: p}).animate({ height: oldHeight }, 500); $(this).text("View Less");} // expand
});
}*/

