https://www.ls-comp.ru/media/js/popup_view.js

1$(document).ready(function() {
2
3	$(".inside-col-center .selected-items .item .title img").live("mouseenter",function(){
4		
5		if (!$(this).hasClass("lable-img")) {
6			var win_h = $(window).height();
7			var scroll_t = $(document).scrollTop();
8			var top = $(this).offset().top;
9			var padding = 0;
10			if ($(this).parents(".selected-items").hasClass("selected-items-small")){
11				padding = 109-5;
12			} else {
13				padding = 158-5;
14			}
15			var left = $(this).offset().left-322+padding;
16			$("#popup-view-box").css({"height": "220px", "opacity": "0"});
17			$.ajax({
18				type: "GET",
19				url: "/services/getView.php?option="+ $(this).parent("a").attr("href"),
20				dataType: "html",
21				success: function(data) {
22					$("#popup-view-box .content").html(data);
23					var pop_h = $("#popup-view-box").height();
24					if ( (top+pop_h) > (win_h+scroll_t)) {
25						top = win_h+scroll_t-pop_h-10;
26					}
27					$("#popup-view-box").css({"top": top, "left": left, "height": "auto"}).show().animate({"opacity": "1"},500)//.fadeIn(500);
28				}
29			});
30		}
31	});
32	
33	$("#popup-view-box").live("mouseleave", function(){
34		$("#popup-view-box").hide();		
35	});
36	
37	$(".wrapper").bind("mousewheel", function(e){	
38		$("#popup-view-box").hide();
39	});
40	
41	$("body *").live("mouseover", function(event){
42		if (!$(this).hasClass("popup") && !$(this).parents().hasClass("popup")) {
43			$("#popup-view-box").hide();		
44		} else {
45			event.stopPropagation();
46		}
47	});
48	
49});