(function($) {
			$(document).ready(function() {
				/*$('#logo').click(function() {
					document.location.href = 'http://www.spritely.net/';
				});*/
			
				$('#animation')
					.sprite({fps: 9, no_of_frames: 3})
					.spRandom({top: 50, bottom: 200, left: 300, right: 320})
					.isDraggable()
					.activeOnClick()
					.active();
				$('#arriere_plan').pan({fps: 30, speed: 0.7, dir: 'left', depth: 10});
				$('#second_plan').pan({fps: 30, speed: 2, dir: 'left', depth: 30});
				$('#premier_plan').pan({fps: 30, speed: 3, dir: 'left', depth: 70});
                                $('#element').pan({fps: 30, speed: 3, dir: 'up', depth: 70});
				$('#premier_plan, #second_plan, #arriere_plan').spRelSpeed(8);
				
				window.actions = {
					fly_slowly_forwards: function() {
						$('#animation')
							.fps(10)
							.spState(1);
						$('#premier_plan, #second_plan, #arriere_plan')
							.spRelSpeed(10)
							.spChangeDir('left');
					},
					fly_slowly_backwards: function() {
						$('#animation')
							.fps(10)
							.spState(2);
						$('#premier_plan, #second_plan, #arriere_plan')
							.spRelSpeed(10)
							.spChangeDir('right');
					},
					fly_quickly_forwards: function() {
						$('#animation')
							.fps(20)
							.spState(1);
						$('#premier_plan, #second_plan, #arriere_plan')
							.spRelSpeed(30)
							.spChangeDir('left');
					},
					fly_quickly_backwards: function() {
						$('#animation')
							.fps(20)
							.spState(2);
						$('#premier_plan, #second_plan, #arriere_plan')
							.spRelSpeed(30)
							.spChangeDir('right');
					},
					fly_like_lightning_forwards: function() {
						$('#animation')
							.fps(25)
							.spState(1);
						$('#premier_plan, #second_plan, #arriere_plan')
							.spSpeed(40)
							.spChangeDir('left');
					},
					fly_like_lightning_backwards: function() {
						$('#animation')
							.fps(25)
							.spState(2);
						$('#premier_plan, #second_plan, #arriere_plan')
							.spSpeed(40)
							.spChangeDir('right');
					}
				};
				
				window.page = {
					hide_panels: function() {
						$('.panel').hide(300);
					},
					show_panel: function(el_id) {
						this.hide_panels();
						$(el_id).show(300);
					}
				}
				
			});
		})(jQuery);
