$(document).ready(function(){
	
	// Local copy of jQuery selectors, for performance.
	var jpPlayTime = $("#jplayer_play_time");
	var jpTotalTime = $("#jplayer_total_time");

	$("#jquery_jplayer").jPlayer({
		
		ready:function(){
		
			this.element.jPlayer("setFile", "http://www.touristik-verwaltung.de/stream.php");
		},
		volume: 50,
		oggSupport: false,
		preload: 'none'
	})
	.jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
		
		jpPlayTime.text($.jPlayer.convertTime(playedTime));
		jpTotalTime.text($.jPlayer.convertTime(totalTime));
	});
});

(function($) {
			
			window.app = {
				
				run:false,
				isStop:true,
				
				init:function(){
					
					window.app.events();
				},
				
				start:function(){
					
					if(window.app.run == false){
						
						window.app.run = true;
						window.app.parts();
						
						window.app.objects.flieger();
						window.app.objects.surfer();
						
					}else{
						
						$('#stage-surfer').spStart();
						$('#stage-flieger').spStart();
						$('#stage-land').spStart();
						$('#stage-gras').spStart();
					}
				},
				
				stop:function(){
					
					$('#stage-surfer').spStop();
					$('#stage-flieger').spStop();
					$('#stage-land').spStop();
					$('#stage-gras').spStop();
					
					console.log("stop");
				},
				
				banner:function(target, cat, fn, delay){
	
					if($(target+":empty"))
					{
						$.ajax({
							type: "GET",
							url: 'banner.php',
							data: "cat="+cat+"&fn="+fn+"&ajax=true",
							success: function(response){
								
								$(target).html(response);	
							}
						});
					}
					
					setInterval(function(){
						
						$.ajax({
							type: "GET",
							url: 'banner.php',
							data: "cat="+cat+"&fn="+fn+"&ajax=true",
							success: function(response){
							   
								$(target).fadeOut("slow",function() {
										
									$(target).html(response).fadeIn("slow");
								});	
							}
						});
						
					}, delay);
					
					$(target).mouseover(function(){
						
						$('#stage-flieger').spRandom({top: $('#stage-flieger').css("top"),bottom: $('#stage-flieger').css("top"),left: $('#stage-flieger').css("left"),right: $('#stage-flieger').css("left")});
					
					}).mouseout(function(){
						
						$('#stage-flieger').spRandom({top: 5,bottom: 30,left: 300,right: 250});
					});
				},
				
				objects:{
				
					flieger:function(){
					
						$('#stage-flieger').sprite({fps: 0,no_of_frames: 0,rewind: true}).spRandom({top: 5,bottom: 30,left: 300,right: 250});
					},
					surfer:function(){
					
						$('#stage-surfer').pan({fps: 30, speed: 3, dir: 'right', depth: 60});
					}
				},
					
				parts:function(){
						
					$('#stage-land').pan({fps: 30, speed: 2, dir: 'left', depth: 30});
					$('#stage-gras').pan({fps: 30, speed: 3, dir: 'left', depth: 70});
					$('#stage-gras, #stage-land').spRelSpeed(6);
				},
				
				events:function(){
					
					$('#tpl-animation-button').click(function(){
					
						if(window.app.isStop == true)
						{				
							$(this).css("background","#cc0000").find("span > a").html("STOP ANIMATION");
							$("#stage").fadeIn(500);
							
							window.app.start();
							
							window.app.isStop = false;
						
						}else{
							
							$(this).css("background","#444").find("span > a").html("START ANIMATION");
							$("#stage").fadeTo(500, 1, function(){
								
								window.app.stop();
							});
							
							window.app.isStop = true;
						}
						
						return false;
					});
				}
			};
				
			window.page = {
				
				hide_panels: function() {
					
					$('.panel').hide(300);
				},
				show_panel: function(el_id) {
					
					this.hide_panels();
					$(el_id).show(300);
				}
			};
			
			$(document).ready(function() {
				
				window.app.init();
				
				$("#stage").fadeTo(500, 1);
				
				window.app.banner('#stage-advertisment', '3', 'adc5e7ae', 10000);
			});
			
		})(jQuery);