$(document).ready(function(){
	
	frames=10;
	owl=0; // состояние совы: 0 - покой, 1 - открывает крылья, 2 - замерла в ожидании, 3 - закрывает крылья
	
	
	closeit=false;
	
		$("#animation").hover(function(){
			if (owl==0){
				i=0;
				owl=1;
				clearInterval(animation);
				
				var animation = setInterval (function(){
				$("#animation").css("background-position",(-77*i)+"px" + " 0px");
				i++;
					if (i==(frames-3)) {
						clearInterval(animation);
						i=0;
						owl=2;
						if (closeit==true){
							clearInterval(animation);
							i=1;
							owl=3;
							closewings();
							closeit=false;
						}
					}
				},50);
			}
		},function(){
			closeit=false;
			if (owl==2){
				clearInterval(animation);
				i=1;
				owl=3;
				closewings();
			}else {if (owl==1) {closeit=true;}}
		});
		
		function closewings(){
			var animation = setInterval (function(){
				if (i<=3){
					$("#animation").css("background-position",(-77*(6+i))+"px" + " 0px");
				}else{
					$("#animation").css("background-position",(-77*(10-(i-3)))+"px" + " 0px");
				}
				i++;
					if (i==(frames+4)) {
						clearInterval(animation);
						i=0;
						owl=0;
						closeit=false;
					}
				},50);
		}

	});