$(document).ready(function(){

	jQuery.getScript("http://www.fenster.su/metas/files/js/ui/js/jquery-ui-1.8.2.custom.min.js");
          
	function onmouse(my) {
		var zoom = $(my).parent().parent().find('.zoomin');
		var win = $(my).parent().parent().find('.win')
		zoom.animate({width: "232"}, 500);
		$(win).animate({height: "313"}, 500);
		$(win).css("z-index","10");
		$(win).css("border", "1px solid #A5A0A0");
		$(win).css("-moz-border-radius", "0 0 4em 4em");
		$(win).css("-webkit-border-radius", "0 0 4em 4em");
		$(win).css("border-radius", "0 0 4em 4em");
		$(win).css("background-color", "#FFF");
		$(win).css("-moz-box-shadow", "10px 10px 5px #E0E0E0");
		$(win).css("-webkit-box-shadow", "10px 10px 5px #E0E0E0");
		$(win).css("box-shadow", "10px 10px 5px #E0E0E0");
	};
	
	function outmouse(my) {
		var zoom = $(my).parent().parent().find('.zoomin');
		var win = $(my).parent().parent().find('.win')
		zoom.animate({width: "116"}, 500);
		$(win).animate({height: "222"}, 500);
		$(win).css("z-index","0");
		$(win).css("border", "0px");
		$(win).css("-moz-border-radius", "0px");
		$(win).css("-webkit-border-radius", "0px");
		$(win).css("border-radius", "0px");
		$(win).css("-moz-box-shadow", "");
		$(win).css("-webkit-box-shadow", "");
		$(win).css("box-shadow", "");
	};

	$('.zoomin').click(function() {
		onmouse(my);
	});
	
	$('.zoomin').bind("mouseenter",function(){
		var my = this;
		timeidin = setTimeout(function() { onmouse(my) }, 500)
    }).bind("mouseleave",function(){
		var my = this;
		clearTimeout(timeidin);
		outmouse(my);
    });
	  
		  
		$('#index-tabs a').click(function() {
		$(this).css('outline','none');
	$('#index-tabs a.active').removeClass('active');
		$(this).addClass('active');
		var filterVal = $(this).attr("rel").toLowerCase().replace(' ','-');
		
		
			
			$('div#div-index-tabs div.sector').each(function() {
				if(!$(this).hasClass(filterVal)) {
					$(this).hide();
				} else {
					$(this).show();
				}
			});


    return false;
	});

/*
	$("#wins").jFlow({
		slides: "#sl",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		easing: "swing",
		width: "474px",
		height: "308px",
		duration: 400,
		prev: ".j-prev", // must be class, use . sign
		next: ".j-next" // must be class, use . sign
	});
		$("#pot").jFlow({
		slides: "#sl1",
		controller: ".control", // must be class, use . sign
		slideWrapper : "#jFlowSlide1", // must be id, use # sign
		selectedWrapper: "jFlowSelected1",  // just pure text, no sign
				easing: "swing",
		width: "474px",
		height: "308px",
		duration: 400,
		prev: ".j-prev1", // must be class, use . sign
		next: ".j-next1" // must be class, use . sign
	});
		$("#pots").jFlow({
		slides: "#sl2",
		controller: ".controller", // must be class, use . sign
		slideWrapper : "#jFlowSlide2", // must be id, use # sign
		selectedWrapper: "jFlowSelected2",  // just pure text, no sign
				easing: "swing",
		width: "474px",
		height: "308px",
		duration: 400,
		prev: ".j-prev2", // must be class, use . sign
		next: ".j-next2" // must be class, use . sign
	});
*/
	
$(".potolki, .ourworks,.wrks").hide();
    
});