/**
 * @author wende
 */

$(document).ready(function() {
	

	$('#scrollbar1').tinyscrollbar({ size: 215 });
	$('#scrollbar2').tinyscrollbar({ size: 215 });
	$('#scrollbar3').tinyscrollbar({ size: 215 });
	$('#scrollbar4').tinyscrollbar({ size: 215 });
	
	$('#tabvanilla').tabs();
	
	$('#buppel_1').fadeOut("fast");
	$('#buppel_2').fadeOut("fast");
	$('#buppel_3').fadeOut("fast");
	$('#buppel_4').fadeOut("fast");
	$('#buppel_5').fadeOut("fast");
	
	if(!($.browser.msie && $.browser.version=="6.0"))
	{
			// Buppel 1
		    
			setInterval(function() {
			
			$('#buppel_1').fadeIn("fast");
				
			$('#buppel_1').animate({"marginLeft": "+=80", "marginTop": "+=0"}, 800, "linear");
		 	
		 	var bezier_params = { start: { x: 0, y: 0, angle: -50 },  end: { 
		     	      x:10,
		     	      y:10, 
		     	      angle: 50 
		     	    }
		     	  };
		 	
		 	$("#buppel_1").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 	
		 	$('#buppel_1').animate({"marginLeft": "+=0", "marginTop": "+=20"}, 200, "linear");
		 	
		 	var bezier_params = {
		    	    start: { 
		    	      x: 10, 
		    	      y: 10, 
		    	      angle: 50
		    	    },  
		    	    end: { 
		    	      x:17,
		    	      y:17, 
		    	      angle: -50
		    	    }
		    	  };
			$("#buppel_1").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 	
			$('#buppel_1').animate({"marginLeft": "+=140", "marginTop": "+=0"}, 1400, "linear");
			
			var bezier_params = {
		    	    start: { 
		    	      x: 17, 
		    	      y: 17, 
		    	      angle: 45
		    	    },  
		    	    end: { 
		    	      x:27,
		    	      y:0, 
		    	      angle: -45
		    	    }
				  };
			
			$("#buppel_1").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
			
			$('#buppel_1').animate({"marginLeft": "+=0", "marginTop": "-=25"}, 250, "linear");
			
			var bezier_params = { start: { 
		  	      x: 27, 
		  	      y: 0, 
		  	      angle: -50
		  	    },  
		  	    end: { 
		  	      x: 42,
		  	      y: -13, 
		  	      angle: 50
		  	    }
		  	  };
			$("#buppel_1").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
			
			$('#buppel_1').animate({"marginLeft": "+=290", "marginTop": "-=0"}, 2900, "linear");
			
			var bezier_params = { start: { 
			      x: 43, 
			      y: -13, 
			      angle: -65
			    },  
			    end: { 
			      x:60,
			      y:8, 
			      angle: 65
			  	    }
			  	  };
			$("#buppel_1").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
			
			$('#buppel_1').animate({"marginLeft": "+=0", "marginTop": "+=150"}, 1500, "linear");
			
			$('#buppel_1').fadeOut("fast");
			
			//---------------------------------------------------------------------------------------
		 	
			$('#buppel_1').animate({"marginLeft": "+=0", "marginTop": "-=150"}, 200, "linear");
			
			var bezier_params = { start: { 
		  	      x: 60, 
		  	      y: 8, 
		  	      angle: 65
		  	    },  
		  	    end: { 
		  	      x:43,
		  	      y:-13, 
		  	      angle: -65
			  	    }
			  	  };
			$("#buppel_1").animate({path : new $.path.bezier(bezier_params)}, 50, "linear");
				
			$('#buppel_1').animate({"marginLeft": "-=290", "marginTop": "+=0"}, 400, "linear");
			
			var bezier_params = { start: { 
		  	      x: 42, 
		  	      y: -13, 
		  	      angle: 50
		  	    },  
		  	    end: { 
		  	      x: 27,
		  	      y: 0, 
		  	      angle: -50
		  	    }
		  	  };
			$("#buppel_1").animate({path : new $.path.bezier(bezier_params)}, 50, "linear");
			
			$('#buppel_1').animate({"marginLeft": "+=0", "marginTop": "+=25"}, 80, "linear");
			
			var bezier_params = {
		    	    start: { 
		    	      x: 27, 
		    	      y: 0, 
		    	      angle: -45
		    	    },  
		    	    end: { 
		    	      x:17,
		    	      y:17, 
		    	      angle: 45
		    	    }
				  };
			
			$("#buppel_1").animate({path : new $.path.bezier(bezier_params)}, 50, "linear");
			
			$('#buppel_1').animate({"marginLeft": "-=140", "marginTop": "+=0"}, 200, "linear");
			
			var bezier_params = {
		    	    start: { 
		    	      x: 17, 
		    	      y: 17, 
		    	      angle: -50
		    	    },  
		    	    end: { 
		    	      x:10,
		    	      y:10, 
		    	      angle: 50
		    	    }
		    	  };
			$("#buppel_1").animate({path : new $.path.bezier(bezier_params)}, 50, "linear");
			
		 	$('#buppel_1').animate({"marginLeft": "+=0", "marginTop": "-=20"}, 80, "linear");
		 	
		 	var bezier_params = { start: { 
			      x: 10, 
			      y: 10, 
			      angle: 50
			    },  
			    end: { 
			      x:0,
			      y:0, 
			      angle: -50 
			    }
			  };
		
		 	$("#buppel_1").animate({path : new $.path.bezier(bezier_params)}, 50, "linear");
		 	
		 	$('#buppel_1').animate({"marginLeft": "-=80", "marginTop": "+=0"}, 100, "linear");
		  	
		 }, 1000);	  
		   
			// Buppel 1 ////////////////////////////////////////////////////////////////////////////////
		    
			// Buppel 2
			
		 setInterval(function() {
			
			 $('#buppel_2').fadeIn("fast");
			 
			$('#buppel_2').animate({"marginLeft": "+=500", "marginTop": "+=0"}, 3000, "linear");
			
			var bezier_params = { start: { 
			      x: 0, 
			      y: 0, 
			      angle: 75
			    },  
			    end: { 
			      x:26,
			      y:-25, 
			      angle: -75
			    }
			  };
		
			$("#buppel_2").animate({path : new $.path.bezier(bezier_params)}, 500, "linear");
			
			$('#buppel_2').animate({"marginLeft": "+=0", "marginTop": "-=45"}, 500, "linear");
			
			var bezier_params = { start: { 
			      x: 27, 
			      y: -25, 
			      angle: -75
			    },  
			    end: { 
			      x: 37,
			      y: -39, 
			      angle: 75
			    }
			  };
		
			$("#buppel_2").animate({path : new $.path.bezier(bezier_params)}, 500, "linear");
			
			$('#buppel_2').animate({"marginLeft": "+=45", "marginTop": "-=0"}, 500, "linear");
			
			 $('#buppel_2').fadeOut("fast");
			
			//---------------------------------------------------------------------------------------
			
			$('#buppel_2').animate({"marginLeft": "-=45", "marginTop": "-=0"}, 500, "linear");
			
			var bezier_params = { start: { 
			      x: 37, 
			      y: -39, 
			      angle: 75
			    },  
			    end: { 
			      x: 27,
			      y: -25, 
			      angle: -75
			    }
			  };
		
			$("#buppel_2").animate({path : new $.path.bezier(bezier_params)}, 500, "linear");
			
			$('#buppel_2').animate({"marginLeft": "+=0", "marginTop": "+=45"}, 500, "linear");
			
			var bezier_params = { start: { 
			      x: 26, 
			      y: -25, 
			      angle: -75
			    },  
			    end: { 
			      x: 0,
			      y: 0, 
			      angle: 75
			    }
			  };
		
			$("#buppel_2").animate({path : new $.path.bezier(bezier_params)}, 500, "linear");
			
			$('#buppel_2').animate({"marginLeft": "-=500", "marginTop": "+=0"}, 3000, "linear");
			
		 }, 1000);
			
		// Buppel 2 ////////////////////////////////////////////////////////////////////////////////
			
		//Buppel 3
		 
		setInterval( function() {
		 
		 $('#buppel_3').fadeIn("fast");
		 
		 $('#buppel_3').animate({"marginLeft": "-=0", "marginTop": "-=30"}, 300, "linear");
		 
		 var bezier_params = { start: { 
		     x: 0, 
		     y: 0, 
		     angle: 65
		   },  
		   end: { 
		     x: -10,
		     y: -10, 
		     angle: -65
		   }
		 };
		
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		
		 $('#buppel_3').animate({"marginLeft": "-=30", "marginTop": "-=0"}, 300, "linear");
		 
		 var bezier_params = { start: { 
		     x: -10, 
		     y: -10, 
		     angle: 65
		   },  
		   end: { 
		     x: -20,
		     y: 0, 
		     angle: -65
		   }
		 };
		
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "-=0", "marginTop": "+=90"}, 900, "linear");
		 
		 var bezier_params = { start: { 
		     x: -20, 
		     y: 0, 
		     angle: -45
		   },  
		   end: { 
		     x: -30,
		     y: 10, 
		     angle: 45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "-=325", "marginTop": "+=0"}, 3250, "linear");
		 
		 var bezier_params = { start: { 
		     x: -30, 
		     y: 10, 
		     angle: 45
		   },  
		   end: { 
		     x: -40,
		     y: 20, 
		     angle: -45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "-=0", "marginTop": "+=70"}, 700, "linear");
		 
		 var bezier_params = { start: { 
		     x: -40, 
		     y: 20, 
		     angle: -45
		   },  
		   end: { 
		     x: -50,
		     y: 30, 
		     angle: 45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "-=65", "marginTop": "+=0"}, 650, "linear");
		 
		 var bezier_params = { start: { 
		     x: -50, 
		     y: 30, 
		     angle: -45
		   },  
		   end: { 
		     x: -60,
		     y: 20, 
		     angle: 45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "-=0", "marginTop": "-=20"}, 200, "linear");
		 
		 var bezier_params = { start: { 
		     x: -60, 
		     y: 20, 
		     angle: 45
		   },  
		   end: { 
		     x: -70,
		     y: 10, 
		     angle: -45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "-=5", "marginTop": "-=0"}, 50, "linear");
		 
		 var bezier_params = { start: { 
		     x: -70, 
		     y: 10, 
		     angle: 45
		   },  
		   end: { 
		     x: -80,
		     y: 20, 
		     angle: -45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "-=0", "marginTop": "+=30"}, 300, "linear");
		 
		 $('#buppel_3').fadeOut("fast");
		 
		//---------------------------------------------------------------------------------------
		 
		 $('#buppel_3').animate({"marginLeft": "-=0", "marginTop": "-=30"}, 300, "linear");
		 
		 var bezier_params = { start: { 
		     x: -80, 
		     y: 20, 
		     angle: -45
		   },  
		   end: { 
		     x: -70,
		     y: 10, 
		     angle: 45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "+=5", "marginTop": "-=0"}, 50, "linear");
		 
		 var bezier_params = { start: { 
		     x: -70, 
		     y: 10, 
		     angle: -45
		   },  
		   end: { 
		     x: -60,
		     y: 20, 
		     angle: 45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "-=0", "marginTop": "+=20"}, 200, "linear");
		 
		 var bezier_params = { start: { 
		     x: -60, 
		     y: 20, 
		     angle: 45
		   },  
		   end: { 
		     x: -50,
		     y: 30, 
		     angle: -45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "+=65", "marginTop": "+=0"}, 650, "linear");
		 
		 var bezier_params = { start: { 
		     x: -50, 
		     y: 30, 
		     angle: 45
		   },  
		   end: { 
		     x: -40,
		     y: 20, 
		     angle: -45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "-=0", "marginTop": "-=70"}, 700, "linear");
		 
		 var bezier_params = { start: { 
		     x: -40, 
		     y: 20, 
		     angle: -45
		   },  
		   end: { 
		     x: -30,
		     y: 10, 
		     angle: 45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "+=325", "marginTop": "+=0"}, 3250, "linear");
		 
		 var bezier_params = { start: { 
		     x: -30, 
		     y: 10, 
		     angle: 45
		   },  
		   end: { 
		     x: -20,
		     y: 0, 
		     angle: -45
		   }
		 };
		 
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "-=0", "marginTop": "-=90"}, 900, "linear");
		 
		 var bezier_params = { start: { 
		     x: -20, 
		     y: 0, 
		     angle: -65
		   },  
		   end: { 
		     x: -10,
		     y: -10, 
		     angle: 65
		   }
		 };
		
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		 $('#buppel_3').animate({"marginLeft": "+=30", "marginTop": "-=0"}, 300, "linear");
		 
		 var bezier_params = { start: { 
		     x: -10, 
		     y: -10, 
		     angle: -65
		   },  
		   end: { 
		     x: 0,
		     y: 0, 
		     angle: 65
		   }
		 };
		
		 $("#buppel_3").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
		 
		$('#buppel_3').animate({"marginLeft": "-=0", "marginTop": "+=30"}, 300, "linear");
		
		}, 1000);
		
		//Buppel 3 ////////////////////////////////////////////////////////////////////////////////
		
		//Buppel 4
		
		setInterval (function(){
			
			$('#buppel_4').fadeIn("fast");
			
			$('#buppel_4').animate({"marginLeft": "-=0", "marginTop": "+=35"}, 300, "linear");
			
			var bezier_params = { start: { 
			     x: 0, 
			     y: 0, 
			     angle: 65
			   },  
			   end: { 
			     x: 10,
			     y: 10, 
			     angle: -65
			   }
			 };
		
			 $("#buppel_4").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
			 
			 $('#buppel_4').animate({"marginLeft": "+=250", "marginTop": "+=0"}, 2500, "linear");
			
			 $('#buppel_4').fadeOut("fast");
			 
			//---------------------------------------------------------------------------------------
			
			 $('#buppel_4').animate({"marginLeft": "-=250", "marginTop": "+=0"}, 2500, "linear");
			 
			 var bezier_params = { start: { 
			     x: 10, 
			     y: 10, 
			     angle: -65
			   },  
			   end: { 
			     x: 0,
			     y: 0, 
			     angle: 65
			   }
			 };
		
			 $("#buppel_4").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
			 
			 $('#buppel_4').animate({"marginLeft": "-=0", "marginTop": "-=35"}, 300, "linear");
			 
		}, 1000);
		
		//Buppel 4 ////////////////////////////////////////////////////////////////////////////////
		
		//Buppel 5
		
		setInterval(function(){
			
			$('#buppel_5').fadeIn("fast");
			
			$('#buppel_5').animate({"marginLeft": "-=0", "marginTop": "-=65"}, 650, "linear");
			
			var bezier_params = { start: { 
			     x: 0, 
			     y: 0, 
			     angle: 90
			   },  
			   end: { 
			     x: -10,
			     y: -12, 
			     angle: -90
			   }
			 };
		
			 $("#buppel_5").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
			 
			 $('#buppel_5').animate({"marginLeft": "-=30", "marginTop": "-=0"}, 300, "linear");
				
			var bezier_params = { start: { 
			     x: -10, 
			     y: -12, 
			     angle: 90
			   },  
			   end: { 
			     x: -20,
			     y: -2, 
			     angle: -90
			   }
			 };
			
			$("#buppel_5").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
			
			$('#buppel_5').animate({"marginLeft": "-=0", "marginTop": "+=90"}, 900, "linear");
			
			$('#buppel_5').fadeOut("fast");
			
		    //--------------------------------------------------------------------------------------- 
			
			$('#buppel_5').animate({"marginLeft": "-=0", "marginTop": "-=90"}, 900, "linear"); 
			
			var bezier_params = { start: { 
			     x: -20, 
			     y: -2, 
			     angle: -90
			   },  
			   end: { 
			     x: -10,
			     y: -12, 
			     angle: 90
			   }
			 };
			
			$("#buppel_5").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
			
			$('#buppel_5').animate({"marginLeft": "+=30", "marginTop": "-=0"}, 300, "linear");
			
			var bezier_params = { start: { 
			     x: -10, 
			     y: -12, 
			     angle: -90
			   },  
			   end: { 
			     x: 0,
			     y: 0, 
			     angle: 90
			   }
			 };
		
			 $("#buppel_5").animate({path : new $.path.bezier(bezier_params)}, 200, "linear");
			 
			 $('#buppel_5').animate({"marginLeft": "-=0", "marginTop": "+=65"}, 650, "linear");
			
			}, 1000);
			
			//Buppel 5 ////////////////////////////////////////////////////////////////////////////////
		}
});


function changeinputsearch ( inputID, Wert )
	{
	 if (document.getElementById(inputID).value = Wert)
	{
		document.getElementById(inputID).value = "";
	}
}