$(document).ready(function(){
						   
	if($('#pis').length > 0 ){					
		
		var pis = $("#pis_input").attr("value");
		
		if(pis >= 5){			
			var button = '<input id="submit_pis" style="margin: 4px 0px 0px 7px; float:left;" name="submit" type="image" title="Klicks in Rocks umwandeln | 5:1" src="/images/counter.png"></input>';		
			$('#counter_form').append(button);
		}		
		
		$("#counter_form").submit(function(){	
			
			$.ajax({
				type: "POST", url: "/counter/ajax_counter.php", data: "action=update&pis=" + pis,
				complete: function(data){
									
			
					
					var result = data.responseText.split('#####');
					var pis = result[0]-1;
					var rocks = result[1];
					
					var plus_rocks = result[2]; 
					
					$('#submit_pis').fadeOut(2500).hide();
					
					var plus = '<p id="plus_pis" style="font-size: 12pt; margin: 1px 0px 0px 4px; font-weight: bold; color: red; "> +' + plus_rocks + '</p>';		
					$('#counter_form').append(plus);
					setTimeout(function(){ 
						$("#plus_pis").fadeIn(2500);
					},2500);
										
					$('#pis').fadeOut(1500);					
				
					setTimeout(function(){ 
						$("#pis").remove();
					},1500);
					//$('#pisnew').hide().append(pis).fadeIn(2500);
					setTimeout(function(){ 
						$('#pisnew').hide().append(pis).fadeIn(1500);
						//$('#pisnew').animate({fontSize: "1em", opacity: "1", Color: "#ff0000"}, 1500);
					},1500);
					
					
					/*$("element").animate({ CSS-Eigenschaft: "Wert" (, CSS-Eigenschaft: "Wert")}, Geschwindigkeit, callbackFunction);*/
					$('#rocks').fadeOut(1500);					
				
					setTimeout(function(){ 
						$("#rocks").remove();
					},1500);
					
					setTimeout(function(){ 
						$('#rocksnew').hide().append(rocks).fadeIn(1500);
						//$('#pisnew').animate({fontSize: "1em", opacity: "1", Color: "#ff0000"}, 1500);
					},1500);


					//$('#rocks').fadeOut(5000).remove();
//					$('#rocksnew').hide().append(rocks);
//					$('#rocksnew').fadeIn(5000);
					$('#submit_pis').fadeOut(2500).hide();		
					
					$('#plus_pis').fadeOut(4000);					
				
					setTimeout(function(){ 
						$("#plus_pis").remove();
					},4000);

				}
			});
			
			return false; 
			
		});
	}
	$("#aTritt_form").submit(function(){	
			
			$.ajax({
				type: "POST", url: "/ajax/ajax_aTritt.php", data: "action=update&pis=" + pis,
				complete: function(data){
					
				}
			});
	});
	
});