function setUpAgeSlider() {
	$("select#age-select").css('display', 'none').selectToUISlider({
		sliderOptions: {
			change: function(event, ui) {
				var raw_value = ui.value;
				var textAge = '';
				var dataAge = '';
				switch(raw_value) {
					case 0:
						textAge = 'any age';
						dataAge = 'toy';
						break;
					case 1:
						textAge = 'newborns';
						dataAge = 'newborns';
						break;
					case 2:
						textAge = '6 mo-olds';
						dataAge = 'age-6mo';
						break;
					case 3:
						textAge = '1 yr-olds';
						dataAge = 'age-1';
						break;
					case 4:
						textAge = '18 mo-olds';
						dataAge = 'age-18mo';
						break;
					case 17:
						textAge = '14+';
						dataAge = 'age-adult';
						break;
					default:
						textAge = (raw_value - 3) + ' yr-olds';
						dataAge = 'age-' + (raw_value - 3);
				}
//				var only = $('#ages .only');
//				if (raw_value == 0) {
//					only.hide();
//				} else {
//					only.show();
//				}
//				$('#ages .age').html(textAge);
				
				$('.toy').each(function() {
					if (!$(this).hasClass(dataAge)) {
//						$(this).addClass('dim');
						$(this).animate({opacity: 0.25}, 400);
					} else {
//						$(this).removeClass('dim');
						$(this).animate({opacity: 1.0}, 400);
					}
				});
			}
		}
	});
//	$('#ages .only').hide();
//	$('#ages .age').html('all ages');
}
function setUpStickyAside() {
	$(window).scroll(function() {
		var asideLeft = $('#aside-left');
		var scrollTop = $(document).scrollTop();
		var bottomOfPage = $('#masthead').outerHeight(true) + $('#content').outerHeight(false);
		var bottomLimit = bottomOfPage - asideLeft.outerHeight(false);
		
		if ( window.XMLHttpRequest && ($(window).height() >= asideLeft.outerHeight(false)) ) {
			switch (true) {
				case (scrollTop > bottomLimit):
					asideLeft.css('top', bottomLimit + 134);
					asideLeft.removeClass('stuck');
//					asideLeft.css({
//						top: bottomLimit + 134
//					});
//					asideLeft.removeClass('stuck');
//					asideLeft.addClass('bottom');
					break;
				case (scrollTop > 500 - 134):
//					asideLeft.css('top', scrollTop + 134);
//					asideLeft.removeClass('bottom');
					asideLeft.addClass('stuck');
					break;
				default:
					asideLeft.css({
						position: 'absolute',
						top: '500px'
					});
//					asideLeft.removeClass('bottom');
					asideLeft.removeClass('stuck');
			}
		}
	});
}
//function setUpGridImageMovement() {
// This is not performant with large grids.
//	$('ul.grid-list li').hover(function() {
//		$('a.image img', this).animate({top: '-1em'}, 1000);
//	}, function() {
//		$('a.image img', this).animate({top: 0}, 1000);
//	});
//}
$(document).ready(function() {
	setUpAgeSlider();
	setUpStickyAside();
//	setUpGridImageMovement();
});