(function($) {

	window.app = {

		spritely: {

			init: function() {
				$('#kahn')
					.sprite({fps: 4, no_of_frames: 3})
					.isDraggable()
					.activeOnClick()
					.active();
				$('#kahn1')
					.sprite({fps:  5, no_of_frames: 3})
					.isDraggable()
					.activeOnClick()
					.active();
				$('#kahn2')
					.sprite({fps:  6, no_of_frames: 3})
					.isDraggable()
					.activeOnClick()
					.active();
				$('#wolkenH').pan({fps: 30, speed: 0.7, dir: 'left', depth: 10});
				$('#wolkenV').pan({fps: 30, speed: 1, dir: 'left', depth: 20});
				$('#berge').pan({fps: 30, speed: 2, dir: 'left', depth: 30})
				$('#tuetraum').pan({fps: 30, speed: 3, dir: 'left', depth: 30})
				$('#fluss').pan({fps: 30, speed: 1, dir: 'left', depth: 70});
				$('#ballonR').pan({fps: 30, speed: 3, dir: 'up', depth: 100});
				$('#ballonG').pan({fps: 30, speed: 2, dir: 'up', depth: 100});
				$('#ballonB').pan({fps: 30, speed: 1, dir: 'up', depth: 100});
				$('#fluss, #berge, #tuetraum, #wolkenH, #wolkenV').spRelSpeed(5);

				$('body').flyToTap();
				{
				var stage_left = (($('body').width() - 900) / 10);
				var stage_top = 5;
				$('#kahn').spRandom({top: stage_top + 100, left: stage_left + 180, right: 738, bottom: 100, speed: 4500, pause: 5000});
				$('#kahn1').spRandom({top: 96, left: 190, right: 728, bottom: 96, speed: 5000, pause: 5000});
				$('#kahn2').spRandom({top: 93, left: 180, right: 718, bottom: 93, speed: 5500, pause: 5000});
				}

				$('#berge').spStart();
				$("#berge").mouseover(function(){
					$('#kahn, #kahn1, #kahn2').spState(1);
					$('#berge, #tuetraum, #wolkenH, #wolkenV').spChangeDir('left');
					$('#berge, #tuetraum, #wolkenH, #wolkenV').spStart();
				});

				$("#hg_left").mouseover(function(){
					$('#kahn, #kahn1, #kahn2').spState(2);
					$('#berge, #tuetraum, #wolkenH, #wolkenV').spChangeDir('right');
					$('#berge, #tuetraum, #wolkenH, #wolkenV').spStart();
				});

				$('#bier')
					.sprite({fps: 1, no_of_frames: 1})
					.lockTo('#berge', {
					'left': 212,
					'bg_img_width': 1798
				});

				$('#tequila')
					.sprite({fps: 1, no_of_frames: 1})
					.lockTo('#berge', {
					'left': 352,
					'bg_img_width': 1798
				});

				$('#schnitzel')
					.sprite({fps: 1, no_of_frames: 1})
					.lockTo('#berge', {
					'left': 495,
					'bg_img_width': 1798
				});

				$('#JGA')
					.sprite({fps: 1, no_of_frames: 1})
					.lockTo('#berge', {
					'left': 681,
					'bg_img_width': 1798
				});

				$('#span')
					.sprite({fps: 1, no_of_frames: 1})
					.lockTo('#berge', {
					'left': 769,
					'bg_img_width': 1798
				});

				$('#fass')
					.sprite({fps: 1, no_of_frames: 1})
					.lockTo('#berge', {
					'left': 902,
					'bg_img_width': 1798
				});

				$('#grill')
					.sprite({fps: 1, no_of_frames: 1})
					.lockTo('#berge', {
					'left': 1086,
					'bg_img_width': 1798
				});

				$('#prosec')
					.sprite({fps: 1, no_of_frames: 1})
					.lockTo('#berge', {
					'left': 1356,
					'bg_img_width': 1798
				});

				$('#herz')
					.sprite({fps: 1, no_of_frames: 1})
					.lockTo('#berge', {
					'left': 1564,
					'bg_img_width': 1798
				});

			}
		},
	};


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