// Kort form för document ready. Dvs kör functionen när sidan laddat klart
$(function(){
  // alert('ok');
});

    $(document).ready(function(){      
      
	$(".hopprepbox").css("background-position","0px 0px");      
	
	var timer;
	var delayed = 100;
 	jQuery(function($) {
	    	timer = setTimeout(Cloud, 0);
  	});
		
		
    function Cloud() {

		for(var i=1;i<100;i++){
            $(".hopprepbox").animate({backgroundPosition: "0px 8500px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 8000px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 7500px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 7000px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 6500px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 6000px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 5500px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 5000px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 4500px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 4000px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 3500px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 3000px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 2500px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 2000px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 1500px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 1000px"}, delayed/3, "linear").
                    animate({backgroundPosition: "0px 500px"}, delayed/3, "linear").                    
                    animate({backgroundPosition: "0px 0px"}, delayed/3, "linear", function() {
                   });     
             }

	    	/* timer = setTimeout(Cloud, 0); */
		
		/*
            $(".page-item-5 a").animate({backgroundPosition: "0% 0%"}, delayed, "linear").
                    animate({backgroundPosition: "0% 50%"}, delayed, "linear").
                    animate({backgroundPosition: "0% 100%"}, delayed, "linear", function() {
                   });       
                   
            $(".page-item-9 a").animate({backgroundPosition: "0% 0%"}, delayed, "linear").
                    animate({backgroundPosition: "0% 50%"}, delayed, "linear").
                    animate({backgroundPosition: "0% 100%"}, delayed, "linear", function() {
                   });           
                   
            $(".page-item-11 a").animate({backgroundPosition: "0% 0%"}, delayed, "linear").
                    animate({backgroundPosition: "0% 50%"}, delayed, "linear").
                    animate({backgroundPosition: "0% 100%"}, delayed, "linear", function() {
                   });         
                   
            $(".page-item-13 a").animate({backgroundPosition: "0% 0%"}, delayed, "linear").
                    animate({backgroundPosition: "0% 50%"}, delayed, "linear").
                    animate({backgroundPosition: "0% 100%"}, delayed, "linear", function() {
                   });         
                   
            $("#footer a").animate({backgroundPosition: "0% 0%"}, delayed, "linear").
                    animate({backgroundPosition: "0% 50%"}, delayed, "linear").
                    animate({backgroundPosition: "0% 100%"}, delayed, "linear", function() {
                   });            
             
             */
	                     	                       
                             
	   }
         
});