$(document).ready(function(){
			$(".img1").fadeIn(1500);
			$(".img2").fadeIn(1500);
			$(".img3").fadeIn(1500);
			$(".img4").fadeIn(1500);
			tim=setTimeout("timers()", 5000);
			$("#box1").hover(
			function () {
				intervalID=setTimeout(
				function() {
					clearInterval(tim);  
					animdownall(); 
					animup(1);
				}, 1000);
				},function() {
					clearInterval(intervalID);
					animdown(1); 
					frame=1;
					timers();
				}
			);

			$("#box2").hover(
			function () {
				intervalID=setTimeout(
				function() {
					clearInterval(tim);  
					animdownall(); 
					animup(2);
				}, 1000);
				},function() {
					clearInterval(intervalID);
					animdown(2); 
					frame=2;
					timers();
				}
			);
		$("#box3").hover(
		function () {
				intervalID=setTimeout(
				function() {
					clearInterval(tim);  
					animdownall(); 
					animup(3);
				}, 1000);
				},function() {
					clearInterval(intervalID);
					animdown(3); 
					frame=3;
					timers();
				}
			);
			$("#box4").hover(
			function () {
				intervalID=setTimeout(
				function() {
					clearInterval(tim);  
					animdownall(); 
					animup(4);
				}, 1000);
				},function() {
					clearInterval(intervalID);
					animdown(4); 
					frame=4;
					timers();
				}
			);
			$(".link_slide").click(function(){
			clearTimeout(tim); 
			tim=setTimeout("timers()", 5000); // время ротации 5 сек. 
		        frame=$(this).attr('rel'); 
				animdownall();
				animup(frame);
				if (frame>=4){ // количество картинок в ротации если ровно 5 то начинаем с нуля 
					frame=0; 
				}
			});
			timers();
			});
		
		function animup(i) {
			if(i==1) {
				$(".img1").css('z-index','9'); $(".img1").animate({right:"200px", bottom: "100px", zIndex: 9}, 1000 );
				$("#slider_info1").fadeIn(1000);	
			};
			if(i==2) {
				$(".img2").css('z-index','9'); $(".img2").animate({left:"200px", bottom: "100px", zIndex: 9}, 1000 );
				$("#slider_info2").fadeIn(1000);	
			};
			if(i==4) {
				$(".img4").css('z-index','9'); $(".img4").animate({right:"200px", top: "100px", zIndex: 9}, 1000 );
				$("#slider_info4").fadeIn(1000);	
			};
			if(i==3) {
				$(".img3").css('z-index','9'); $(".img3").animate({left:"200px", top: "100px", zIndex: 9}, 1000 );
				$("#slider_info3").fadeIn(1000);	
			};
		}
		function animdown(i) {
			if(i==1){
				$(".img1").animate({right:"326px", bottom: "204px", zIndex: 1}, 1000 );
				$("#slider_info1").fadeOut();
			};
			if(i==2){
				$(".img2").animate({left:"329px", bottom: "204px", zIndex: 1}, 1000 );
				$("#slider_info2").fadeOut();
			};
			if(i==4){
				$(".img4").animate({right:"326px", top: "200px", zIndex: 1}, 1000 );
				$("#slider_info4").fadeOut();	
			};
			if(i==3){
				$(".img3").animate({left:"329px", top: "200px", zIndex: 1}, 1000 );
				$("#slider_info3").fadeOut();	
			};
		}
		function animdownall() {
			$(".img1").stop(true, true);
			$(".img2").stop(true, true);
			$(".img3").stop(true, true);
			$(".img4").stop(true, true);
			
			$("#slider_info1").fadeOut();
			$("#slider_info2").fadeOut();
			$("#slider_info3").fadeOut();
			$("#slider_info4").fadeOut();
			$(".img1").animate({right:"326px", bottom: "204px", zIndex: 1}, 1000 );
			$(".img2").animate({left:"329px", bottom: "204px", zIndex: 1}, 1000 );
			$(".img4").animate({right:"326px", top: "200px", zIndex: 1}, 1000 );
			$(".img3").animate({left:"329px", top: "200px", zIndex: 1}, 1000 );
		
		}