Выберите этаж
Роза ветров
'+ '
'+ '
'+ '
свободна
'+ '
'+ '
'+ '
с отделкой
'+ '
'+ '
'+ '
'+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '
Общая51.92 м²
Этаж21/22
Ценаот 3 836 896 р
'+ '
'+ ''+ ''+ '' }, { id: 'h-'+1, rooms: [1], path: 'M440,593,441,1063,-2,1063,-2,526,203,524,203,593Z', // координаты pathAttributes: { 'stroke-width': 0, 'cursor': 'pointer', 'fill': '#9c9c9c', 'fill-opacity': .5, 'href': '/selection/house151/section1/floor21/flat32809/' // ссылка }, pathAttributesActive: { 'fill': '#fb9500', // цвет при наведении 'fill-opacity': .5 }, tip: '
'+ '
'+ '
'+ '
Однокомнатная, 141
'+ '
'+ '
'+ '
свободна
'+ '
'+ '
'+ '
с отделкой
'+ '
'+ '
'+ '
'+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '
Общая36.16 м²
Этаж21/22
Ценаот 2 769 819 р
'+ '
'+ '
'+ '
'+ '
' }, { id: 'h-'+2, rooms: [1], path: 'M440,1,440,472,203,472,203,542,1,541,-2,2Z', // координаты pathAttributes: { 'stroke-width': 0, 'cursor': 'pointer', 'fill': '#9c9c9c', 'fill-opacity': .5, 'href': '/selection/house151/section1/floor21/flat33635/' // ссылка }, pathAttributesActive: { 'fill': '#fb9500', // цвет при наведении 'fill-opacity': .5 }, tip: '
'+ '
'+ '
'+ '
Однокомнатная, 142
'+ '
'+ '
'+ '
свободна
'+ '
'+ '
'+ '
с отделкой
'+ '
'+ '
'+ '
'+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '
Общая36.16 м²
Этаж21/22
Ценаот 2 769 819 р
'+ '
'+ '
'+ '
'+ '
' }, { id: 'h-'+3, rooms: [2], path: 'M1102,4,1104,474,441,474,440,2Z', // координаты pathAttributes: { 'stroke-width': 0, 'cursor': 'pointer', 'fill': '#9c9c9c', 'fill-opacity': .5, 'href': '/selection/house151/section1/floor21/flat32810/' // ссылка }, pathAttributesActive: { 'fill': '#fb9500', // цвет при наведении 'fill-opacity': .5 }, tip: '
'+ '
'+ '
'+ '
Двухкомнатная, 143
'+ '
'+ '
'+ '
свободна
'+ '
'+ '
'+ '
с отделкой
'+ '
'+ '
'+ '
'+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '
Общая52.83 м²
Этаж21/22
Ценаот 3 905 191 р
'+ '
'+ '
'+ '
'+ '
' }, { id: 'h-'+4, rooms: [1], path: 'M1537,2,1539,474,1104,472,1106,2Z', // координаты pathAttributes: { 'stroke-width': 0, 'cursor': 'pointer', 'fill': '#9c9c9c', 'fill-opacity': .5, 'href': '/selection/house151/section1/floor21/flat33636/' // ссылка }, pathAttributesActive: { 'fill': '#fb9500', // цвет при наведении 'fill-opacity': .5 }, tip: '
'+ '
'+ '
'+ '
Однокомнатная, 144
'+ '
'+ '
'+ '
свободна
'+ '
'+ '
'+ '
с отделкой
'+ '
'+ '
'+ '
'+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '
Общая33.66 м²
Этаж21/22
Ценаот 2 638 148 р
'+ '
'+ '
'+ '
'+ '
' }, { id: 'h-'+5, rooms: [1], path: 'M1774,475,1775,542,1998,540,1998,-1,1537,2,1537,475Z', // координаты pathAttributes: { 'stroke-width': 0, 'cursor': 'pointer', 'fill': '#9c9c9c', 'fill-opacity': .5, 'href': '/selection/house151/section1/floor21/flat32811/' // ссылка }, pathAttributesActive: { 'fill': '#fb9500', // цвет при наведении 'fill-opacity': .5 }, tip: '
'+ '
'+ '
'+ '
Однокомнатная, 145
'+ '
'+ '
'+ '
свободна
'+ '
'+ '
'+ '
с отделкой
'+ '
'+ '
'+ '
'+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '
Общая36.35 м²
Этаж21/22
Ценаот 2 784 687 р
'+ '
'+ '
'+ '
'+ '
' }, { id: 'h-'+6, rooms: [1], path: 'M1777,524,1998,524,1998,1064,1535,1064,1535,593,1777,593Z', // координаты pathAttributes: { 'stroke-width': 0, 'cursor': 'pointer', 'fill': '#9c9c9c', 'fill-opacity': .5, 'href': '/selection/house151/section1/floor21/flat33637/' // ссылка }, pathAttributesActive: { 'fill': '#fb9500', // цвет при наведении 'fill-opacity': .5 }, tip: '
'+ '
'+ '
'+ '
Однокомнатная, 146
'+ '
'+ '
'+ '
свободна
'+ '
'+ '
'+ '
с отделкой
'+ '
'+ '
'+ '
'+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '
Общая35.29 м²
Этаж21/22
Ценаот 2 745 855 р
'+ '
'+ '
'+ '
'+ '
' }, ]; // Props var paper = Raphael('paper-floor'); var paperImage = '/upload/iblock/e72/4sec.png'; var paperWrapper = '.paper-wrapper'; var paperOuter = '.paper-floor-holder'; var paperWidth = 2000; var paperHeight = 1066; var paperOffsetX = $('.aside').outerWidth(); var paperTipOffsetX = 0; var paperTipOffsetY = -30; function paperFit() { width = $(paperOuter).width(); height = width / (paperWidth / paperHeight); paper.setSize(width, height); } var maxWidth = (paperWidth - paperHeight) * 2; if(maxWidth = 850) maxWidth = 850; $('#paper-floor').parent().css({ 'max-width': maxWidth }); // Init paper.setViewBox(0, 0, paperWidth, paperHeight, true); //paper.setSize('100%', '100%'); paperFit(); paper.image(paperImage, 0, 0, '100%', '100%'); // Draw paper.setStart(); var arSectionsID = []; // Set sections $.each(flats, function(key, value) { var flat = paper.path(value.path).attr(value.pathAttributes); arSectionsID[value.id] = flat.id; flat.hover( function(event) { this.animate(value.pathAttributesActive, 300); if ($('#tip-' + key).length) { $('#tip-' + key).css({ 'top' : event.pageY + paperTipOffsetY, 'left': event.pageX - paperOffsetX + paperTipOffsetX }).show(); } else { $(paperWrapper).append( $('
', { 'id' : 'tip-' + key }) .hide() .css({ 'top' : event.pageY + paperTipOffsetY, 'left': event.pageX - paperOffsetX + paperTipOffsetX }) .html(value.tip) .show() ); } }, function() { this.animate(value.pathAttributes, 300); $('#tip-' + key).hide(); } ); flat.mousemove(function(event) { if ($('#tip-' + key).length) { $('#tip-' + key).css({ 'top' : event.pageY + paperTipOffsetY, 'left': event.pageX - paperOffsetX + paperTipOffsetX }).show(); } }) }); paper.setFinish(); $(window).on('resize', paperFit); function array_intersect(arr1, arr2) { var arr3 = []; for(i = 0; i