// "Тяни", мигающая	
		function draggble(){
            $("#drug").removeClass('showdrug')
			//IE check
			if(-[1,]){
				// not IE
				DragginID = setInterval(function(){$("#drug").animate({opacity : 1},800).animate({opacity : 0},800)}, 1600);
			} else {
				// IE
				DragginID = setInterval(function(){$("#drug").toggleClass('showdrug');}, 800);	
			}
		};
		
	// Corners
	vb=navigator.appVersion;
	name=navigator.appName;
	
	//if(vb.indexOf("MSIE")<0 && name.indexOf("Opera")<0){
	if(!$.browser.msie && !$.browser.opera) {
		$("#heat, #industry").corner("round 4px");
	}
	
	// СТРЕЛКИ function(){$(this).animate({opacity : 0},"slow");}
		var trigger=true;
        var speed=0; //скорость анимации стрелок
        var i=0; // step
		var t=380; //css top
        var x1=130,x2=30;   // mix и max скорости анимации (в милисекундах) (обратная линейная завсимость от возрастания температуры термометра)
        var y1=10,y2=1100;  // min и max шкалы термометра (px)
        var arrow = ".arrow";
    
        function arrowCss(SetOpacity){
      		//IE check
			if(-[1,]){
                // not IE
                $(arrow).css("opacity", SetOpacity);
			}
		};
		
        function ArrowAnimation(){
            $(arrow).css('visibility', 'visible');
	       ArrowAnimationID = setTimeout(function() {
				i++;
				if(i>21){i=0; t=380};
	            $(arrow).css("background-position", "-"+i*52+"px 0");// анимация движения стрелки
				$(arrow).css("top", (t-=5)+"px");//подъем стрелки
				switch (i) {
	                // начало, показываем
	                case 1: arrowCss(0.33); break
	                case 3: arrowCss(0.66); break
	                case 5: arrowCss(1); break
	                // конец, скрываем
	                case 16: arrowCss(0.66); break
	                case 18: arrowCss(0.33); break
	                case 20: arrowCss(0);
	            }
                // Если ролик не на нуле - анимация не закончилась, продолжаем
    			if (speed) ArrowAnimationID = setTimeout(arguments.callee, Math.round((speed-y1)*(x2-x1)/(y2-y1)+x1));
    		}, 10);
          };

$(document).ready(function(){
    // "Тяни", мигающая
    draggble();
	$("#slider").mousedown(function(){clearInterval(DragginID); $("#drug").addClass('showdrug')});
    
	// СТРЕЛКИ на доме
    $(arrow).css('visibility', 'hidden');
    
	jQuery("#slider").slider({
	animate:true,
	value:0,
	min: 0,
	max: 1003,
	step: 200,
    	slide: function(event, ui) {
			
			$("#amount").val(ui.value);
			
    		if (ui.value == 0) {
    			jQuery(".lvl").hide(); 
    			jQuery(".lvl-1, .lvl-2, .lvl-3, .lvl-4, .lvl-5, .lvl-6, .lvl-7, .lvl-8, .lvl-9").show(); 
    			jQuery(".lvl-1").css("opacity", "1");
    			jQuery(".lvl-1").css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=100)");
    			jQuery("#slogan li").css("display", "none");
    			jQuery("#slogan li.s1").css("display", "block");
    			jQuery("#thermometer").css("background-color", "#2599F4");
    			//jQuery("#temp").css({"width":"86px","background-color":"#2599F4"});
    			jQuery(".lvl-10").css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=100)");
                    draggble();
                    //clearInterval(countItID);
                    //IE check
    			    if(-[1,]){
    				    // not IE
                        $(arrow).animate({opacity : 0},100);
        			} else {
    	       			// IE
                        $(arrow).css('visibility', 'hidden');
    		      	}
                    //$i=0;t=380;
                    speed=0;
                    if(!trigger) trigger=true;
    		}	
    		if (ui.value > 0 & ui.value  < 201 ) {
    			//jQuery(".strelka").show();
    			jQuery(".lvl").hide(); 
    			jQuery(".lvl-1, .lvl-2, .lvl-3, .lvl-5, .lvl-7, .lvl-9, .lvl-10").show(); 
    			jQuery(".lvl-1").css("opacity", "1");
    			jQuery(".lvl-1").css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=80)");
    			jQuery("#slogan li").css("display", "none");
    			jQuery("#slogan li.s2").css("display", "block");
    			jQuery("li.s2 span").css("color", "#22bfd4");
    			//jQuery("#temp").css({"width":"158px","background-color":"#22bfd4"});
    			jQuery("#thermometer").css("background-color", "#22bfd4");
    			jQuery(".lvl-10").css("opacity","0.2");
    			jQuery(".lvl-10").css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=20)");
    		}
    		if (ui.value > 200 & ui.value < 401 ) {
    			jQuery(".lvl").hide(); 
    			jQuery(".lvl-1, .lvl-2, .lvl-3, .lvl-5, .lvl-7, .lvl-10").show(); 
    			jQuery(".lvl-1 img").css("opacity", "0.8"); 
    			jQuery(".lvl-1 img").css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=0)");
    			jQuery("#slogan li").css("display", "none");
    			jQuery("#slogan li.s3").css("display", "block");
    			jQuery("li.s3 span").css("color", "#8deb83");
    			jQuery("#thermometer").css("background-color", "#8deb83");
    			//jQuery("#temp").css({"width":"229px","background-color":"#8deb83"});
    			jQuery("div.lvl-10").css("opacity","0.4");
    			//jQuery("div.lvl-10").css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=100)");
    		}
    		if (ui.value > 400 & ui.value < 601 ) {
    			jQuery(".lvl").hide(); 
    			jQuery(".lvl-1, .lvl-2, .lvl-7, .lvl-10").show(); 
    			jQuery(".lvl-2 img").css("opacity", "0.9");
    			jQuery(".lvl-1 img").css("opacity", "0.5"); 
    			jQuery(".lvl-1 img, .lvl-2 img").css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=0)");
    			jQuery("#slogan li").css("display", "none");
    			jQuery("#slogan li.s4").css("display", "block");
    			jQuery("li.s4 span").css("color", "#fbd41b");
    			jQuery("#thermometer").css("background-color", "#fbd41b");
    			//jQuery("#temp").css({"width":"300px","background-color":"#fbd41b"});
    			jQuery("div.lvl-10").css("opacity","0.6");
    			//jQuery("div.lvl-10").css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=100)");
    		}
    		if (ui.value > 600 & ui.value < 801 ) {
    			jQuery(".lvl").hide(); 
    			jQuery(".lvl-10").show(); 
    			jQuery("#slogan li").css("display", "none");
    			jQuery("#slogan li.s5").css("display", "block");
    			jQuery("li.s5 span").css("color", "#f16c1b");
    			jQuery("#thermometer").css("background-color", "#f16c1b");
    			//jQuery("#temp").css({"width":"372px","background-color":"#f16c1b"});
    			jQuery("div.lvl-10").css("opacity","0.8");
    			//jQuery("div.lvl-10").css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=100)");
    		}
    		if (ui.value > 800 ) {
    			jQuery(".lvl").hide(); 
    			jQuery(".lvl-10").show(); 
    			jQuery("#slogan li").css("display", "none");
    			jQuery("#slogan li.s6").css("display", "block");
    			jQuery("li.s6 span").css("color", "#ee5e1b");
    			jQuery("#thermometer").css("background-color", "#ee5e1b");
    			//jQuery("#temp").css({"width":"443px","background-color":"#ee5e1b"});
    			jQuery("div.lvl-10").css("opacity","1");
    			//jQuery("div.lvl-10").css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=100)");
   			}
            //if (ui.value) {countble(Math.round((ui.value-y1)*(x2-x1)/(y2-y1)+x1));}
            if (ui.value){ 
                speed=ui.value;
                if(trigger) {ArrowAnimation();trigger=false;}
            }
   		}
	});
	
	
});