(function($) {

	window.app = {
	
		spritely: {
			
			init: function() {
				$('#stage-students')
					.sprite({fps: 6, no_of_frames: 4})
					.spRandom({top: 140, bottom: 190, left: 400, right: 400})
					.active();
				$('#stage-clouds').pan({fps: 30, speed: 1, dir: 'left', depth: 10});
				$('#stage-buildings').pan({fps: 30, speed: 2, dir: 'left', depth: 30});
				$('#stage-park').pan({fps: 30, speed: 3, dir: 'left', depth: 70});
				$('#stage-park, #stage-buildings, #stage-clouds').spRelSpeed(3);
				
				$('#stage-slider')
					.slider({
						value: 18,
						min: 18,
						max: 36,
						slide: function() {
							window.app.spritely.sliderChange($(this).slider('value'));
						},
						change: function() {
							window.app.spritely.sliderChange($(this).slider('value'));
						}
				});
			},
	        
			sliderChange: function(value) {
				if ($('#stage-drag-me').css('display') == 'block') {
					if (!$.browser.msie) {
						$('#stage-drag-me').fadeOut('slow');
					} else {
						$('#stage-drag-me').hide();
					}
				}
				var sliderSpeed = value / 3;
				if (sliderSpeed < 6) {
					var sliderSpeed = 6;
				}
				$('#stage-park, #stage-buildings, #stage-clouds').spRelSpeed(sliderSpeed - 4);
				
				var studentsSpeed = sliderSpeed;
				$('#stage-students').fps(studentsSpeed);
			}

		}

	};

	$(document).ready(function() {
		window.app.spritely.init();
	});

})(jQuery);