$(document).ready(function(){

    $.reject({  
        reject: {  
	    opera9: false, opera7: true, opera8: true, opera10: false,
            konqueror: true, // Konqueror (Linux)  
            unknown: true // Everything else  
        }  ,
	display: ['firefox','chrome','opera','msie'],
	close: false,
        header: 'ВНИМНИЕ! Вы используете устаревший браузер', // Header Text  
        paragraph1: 'Данный сайт построен на передовых, современных технологиях и не поддерживает устаревшие браузеры. Настоятельно Вам рекомендуем выбрать и установить любой из современных браузеров. Это бесплатно и займет несколько минут.', // Paragraph 1  
        paragraph2: 'Устаревший браузер является не просто браузером старой версии, а устаревшим браузером, браузером старого поколения. Он не может предоставить все возможности, которые могут предоставить современные браузеры, а скорость его работы в несколько раз ниже!' //
    }); // Customized Browsers  

	$("#main_scene").attr("src","/bitrix/templates/kifato/i/scene.jpg").load(function(){
		$(this).fadeIn(1000);
		$(".button_wrap,.button_wrap_right").fadeIn(1000);

		$("#loader").fadeOut(300);
		setTimeout(function(){$("#loader").css("display","none");},300);
	});

	setTimeout(function(){$("#main_scene").fadeIn(1000);},10000);

	$(".button").spritehover({
		width:48,
		total:13,
		wait:70,
		cycle:1,
		pause:350
	});	
	
	$(".button_right").spritehover({
		width:48,
		total:13,
		wait:90,
		cycle:1,
		pause:350
	});
	
	$(".button").hover(function(){
		$(this).parent().css("width","auto");
		$(this).next().stop().animate({ 
			width: "230px",
			opacity: 1,
			marginLeft: "0px"
		}, 500, "easeInOutQuad"); 
	},function () {  
		$(this).next().stop().animate({
			width: "230px",
			opacity: 0,
			marginLeft: "30px"
		}, 500, "easeInOutQuad").delay(500).hide().parent().animate({width:"64px"},500);
        });  
     
     
     
     $(".button_right").hover(function(){
		$(this).next().stop().animate({ 
			width: "230px",
			opacity: 1,
			marginRight: "0px"
		}, 500, "easeInOutQuad"); 
	},function () {  
		$(this).next().stop().animate({ 
			width: "230px",
			opacity: 0,
			marginRight: "30px"
		}, 500, "easeInOutQuad");
/*
         var id=$(this).parent().attr("id");
          
	 if(timer_id!=-1)
          {
               clearTimeout(timer_id);
               timer_id=-1;
          };
*/
     }); 

	$(".button,.button_right").click(function(){
		var scrolltop = $(window).scrollTop();
		var scrollleft = $(window).scrollLeft();								

		$(this).parent().next().css({marginTop: -400/2+scrolltop, marginLeft: -400/2+scrollleft,opacity: 0}).show().animate({opacity: 0.8},500,"easeInOutQuad");
		$(this).parent().next().fadeIn(600);
	});
	
	$(".close_img").click(function(){
		$(this).parent().animate({
			opacity:0
		},500,"easeInOutQuad").css("display","none");
		
	});
});

function hide_el2(str)
{
	$("#"+str+">div:eq(1)").hide().css("display","none");
}