PageSourceSearch

https://100atm.ru/100atm/

html 100atm.ru collected 2026-10-09 04:34:35 UTC 123,893 bytes, 2,563 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
5
6    <meta charset="utf-8">
7    <meta http-equiv="X-UA-Compatible" content="IE=edge">
8    <meta name="viewport" content="width=device-width, initial-scale=1">
9    <title>100 Атмосфер</title>
10    <!-- Bootstrap -->
11    <link href="/local/templates/articles/css/bootstrap.css" rel="stylesheet">
12    <!-- Retina -->
13    <!-- 
13<script src="/local/templates/articles/retina.min.js"></script>
13 -->
14    
14<script src="//vk.com/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>
14
15    
15<script type="text/javascript">
16        if(typeof VK != 'undefined'){
17            VK.init({apiId: 4770430, onlyWidgets: true});
18        }
19    </script>
19
20    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
21    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
22    <!--[if lt IE 9]>
23    
23<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
23
24    
24<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
24
25    <![endif]-->
26    
26<script src="/local/templates/articles/js/jquery-1.11.0.js"></script>
26
27    <!-- Player -->
28    <link href="/local/templates/articles/css/mediaelementplayer.min.css" rel="stylesheet">
29    <link href="/local/templates/articles/css/custom_player_style.css" rel="stylesheet">
30    <link href="/local/templates/articles/css/jquery.Jcrop.min.css" rel="stylesheet">
31    <link href="/local/templates/articles/js/freezeframe/freezeframe_styles.min.css" rel="stylesheet">
32    
33    
33<script src="/local/templates/articles/js/mediaelement-and-player.js"></script>
33
34    
34<script src="/local/templates/articles/js/player.js?1"></script>
34
35    
36    <!-- NanoScroller -->
37    <link href="/local/templates/articles/js/nano/nanoscroller.css" rel="stylesheet">
38    
38<script src="/local/templates/articles/js/nano/jquery.nanoscroller.min.js"></script>
38
39    
40    
40<script src="/local/templates/articles/js/global.js"></script>
40
41    
41<script src="/local/templates/articles/js/dropzone.js"></script>
41
42    
43    
43<script src="/local/templates/articles/js/freezeframe/imagesloaded.pkgd.js?1"></script>
43
44    
45    
45<script src="/local/templates/articles/js/Jcrop.js"></script>
45
46    
46<script src="/local/templates/articles/js/jquery.bpopup.min.js"></script>
46
47    
47<script src="/local/templates/articles/js/modernizr-custom.js"></script>
47
48
49    
50    
50<script src="/local/templates/articles/js/fancybox/jquery.fancybox.js"></script>
50
51    <link href="/local/templates/articles/js/fancybox/jquery.fancybox.css" rel="stylesheet">
52
53    
53<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
53
54    <link href="http://vjs.zencdn.net/6.6.0/video-js.css" rel="stylesheet">
55    
55<script src="http://vjs.zencdn.net/6.6.0/video.js"></script>
55
56
57    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
58<link href="/bitrix/cache/css/s1/articles/kernel_main/kernel_main.css?155275180548075" type="text/css"  rel="stylesheet" />
59<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/6.1.5/css/bootstrap-slider.min.css" type="text/css"  rel="stylesheet" />
60<link href="/bitrix/cache/css/s1/articles/page_04f13e3682f980cf6d611452646d45eb/page_04f13e3682f980cf6d611452646d45eb.css?155275180311865" type="text/css"  rel="stylesheet" />
61<link href="/bitrix/cache/css/s1/articles/template_ad803fd404daa0fe99bbe482eed1af5e/template_ad803fd404daa0fe99bbe482eed1af5e.css?1588030588104866" type="text/css"  data-template-style="true"  rel="stylesheet" />
62<script type="text/javascript">if(!window.BX)window.BX={message:function(mess){if(typeof mess=='object') for(var i in mess) BX.message[i]=mess[i]; return true;}};</script>
vendor: 1 bytes, line 62
62
63<script type="text/javascript">(window.BX||top.BX).message({'JS_CORE_LOADING':'Загрузка...','JS_CORE_NO_DATA':'- Нет данных -','JS_CORE_WINDOW_CLOSE':'Закрыть','JS_CORE_WINDOW_EXPAND':'Развернуть','JS_CORE_WINDOW_NARROW':'Свернуть в окно','JS_CORE_WINDOW_SAVE':'Сохранить','JS_CORE_WINDOW_CANCEL':'Отменить','JS_CORE_WINDOW_CONTINUE':'Продолжить','JS_CORE_H':'ч','JS_CORE_M':'м','JS_CORE_S':'с','JSADM_AI_HIDE_EXTRA':'Скрыть лишние','JSADM_AI_ALL_NOTIF':'Показать все','JSADM_AUTH_REQ':'Требуется авторизация!','JS_CORE_WINDOW_AUTH':'Войти','JS_CORE_IMAGE_FULL':'Полный размер'});</script>
vendor: 1 bytes, line 63
63
64<script type="text/javascript">(window.BX||top.BX).message({'LANGUAGE_ID':'ru','FORMAT_DATE':'DD.MM.YYYY','FORMAT_DATETIME':'DD.MM.YYYY HH:MI:SS','COOKIE_PREFIX':'BITRIX_SM','SERVER_TZ_OFFSET':'10800','SITE_ID':'s1','SITE_DIR':'/','USER_ID':'','SERVER_TIME':'1791520475','USER_TZ_OFFSET':'0','USER_TZ_AUTO':'Y','bitrix_sessid':'0e50e5895f54f45b75558854ae3ba24f'});</script>
64
65
66
67<script type="text/javascript" src="/bitrix/cache/js/s1/articles/kernel_main/kernel_main.js?1552751806279162"></script>
vendor: 1 bytes, line 67
67
68<script type="text/javascript">BX.setJSList(['/bitrix/js/main/core/core.js?146245919870993','/bitrix/js/main/core/core_popup.js?146245917231170','/bitrix/js/main/core/core_ajax.js?146245919320978','/bitrix/js/main/json/json2.min.js?14140050293467','/bitrix/js/main/core/core_ls.js?14624590807365','/bitrix/js/main/session.js?14624590732511','/bitrix/js/main/core/core_window.js?146245917274917','/bitrix/js/main/core/core_date.js?146245919534276','/bitrix/js/main/utils.js?146245907430973','/local/templates/articles/components/bitrix/news/articles/bitrix/news.list/100atm/script.js?1491857311914','/local/components/vtrock/articles.detail/templates/100atm/script.js?1491856534758','/local/templates/articles/components/bitrix/news.list/texts/script.js?14869316535021']); </script>
vendor: 1 bytes, line 68
68
69<script type="text/javascript">BX.setCSSList(['/bitrix/js/main/core/css/core.css?14624590742854','/bitrix/js/main/core/css/core_popup.css?146245917433075','/bitrix/js/main/core/css/core_date.css?14624590849689','/local/templates/articles/components/bitrix/news/articles/bitrix/news.list/100atm/style.css?14883676084627','/local/components/vtrock/articles.detail/templates/100atm/style.css?14925301252360','/local/templates/articles/components/bitrix/news.list/texts/style.css?14863781772799','/local/templates/articles/components/bitrix/news.list/side/style.css?14807132831122','/local/components/vtrock/player.wave/templates/crossbrow/style.css?14950287437627','/local/templates/articles/components/bitrix/menu/new/style.css?1479913353850','/local/templates/articles/components/bitrix/system.auth.form/.default/style.css?1477038552812','/bitrix/components/bitrix/socserv.auth.form/templates/flat/style.css?14624592372462','/local/templates/articles/template_styles.css?158803048788152']); </script>
69
70
71
72<script type="text/javascript" src="/bitrix/cache/js/s1/articles/page_69d57dce76691ec4a91790176c7631e2/page_69d57dce76691ec4a91790176c7631e2.js?15527518037812"></script>
vendor: 1 bytes, line 72
72
73<script type="text/javascript">var _ba = _ba || []; _ba.push(["aid", "54aa0e2a6a1dc0441620d971caa2a1a3"]); _ba.push(["host", "100atm.ru"]); (function() {var ba = document.createElement("script"); ba.type = "text/javascript"; ba.async = true;ba.src = (document.location.protocol == "https:" ? "https://" : "http://") + "bitrix.info/ba.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ba, s);})();</script>
73
74
75
76	<meta property="og:title" content="100 Атмосфер" />
77	<meta property="og:description" content="Атмосферный баттл" />
78    <meta property="og:image" content="http://100atm.ru/local/templates/articles/images/logo_temp.png">
79    
80    <link href='https://fonts.googleapis.com/css?family=PT+Serif&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
81</head>
82
83<body>
84    <style>
85        .accent-select input{
86            display: none;
87        }
88        .accent-select-letter{
89            display: inline-block;
90            text-transform: lowercase;
91            min-width: 5px;
92        }
93        .accent-select-letter.vowel{
94            cursor: pointer;
95        }
96        .accent-select-letter.active,
97        .accent-select-letter.addit{
98            background: #f94f21;
99            color: #fff;
100        }
101
102        .accent-select-letter.active {
103            text-transform: uppercase;
104        }
105
106        .word-select input[name=write],
107        .word-select input[name=current-transcript],
108        .word-select input[name=current-accent],
109        .word-select input[name=current-scheme]{
110            display: none;
111        }
112
113        .word-select .slick-prev:before,
114        .word-select .slick-next:before{
115            color: #f94f21;
116        }
117        .word-select{
118            padding: 0 40px;
119            font-family: "Arial";
120        }
121        .word-select .variant:focus{
122            outline: none;
123        }
124    </style>
125
126    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
127	<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="0" height="0" style="display:block;">
128	<defs>
129 		<clipPath id="cmmnt-path">
130 			<path d="M713.94,308.2H286.059c-33.978,0-61.479,27.517-61.479,61.479v245.327c0,33.965,27.5,61.498,61.479,61.498h231.889
131				l91.266,95.953c3.908,4.102,9.286,6.338,14.736,6.338c2.167,0,4.33-0.355,6.443-1.027c7.441-2.504,12.872-9.09,13.757-16.92
132				l9.964-84.344h59.826c33.979,0,61.479-27.533,61.479-61.498V369.679C775.42,335.717,747.919,308.2,713.94,308.2z"/>
133 		</clipPath>
134 		<clipPath id="dwnld-path">
135 			<path d="M716.42,688.682v39.25c0,18.941-15.355,34.262-34.264,34.262H317.881c-18.939,0-34.26-15.32-34.26-34.262v-39.25
136				c0-18.928,15.321-34.266,34.26-34.266h364.275C701.064,654.416,716.42,669.754,716.42,688.682z M479.275,612.998
137				c5.894,5.201,13.333,7.83,20.736,7.83c7.421,0,14.823-2.629,20.753-7.83l190.595-166.933c9.873-8.663,13.333-22.511,8.754-34.797
138				c-4.616-12.283-16.388-20.415-29.487-20.415h-44.314V272.087c0-18.926-15.374-34.281-34.298-34.281H387.99
139				c-18.908,0-34.298,15.355-34.298,34.281v118.767h-44.314c-13.1,0-24.836,8.132-29.467,20.415c-4.62,12.286-1.14,26.134,8.715,34.797
140				L479.275,612.998z"/>
141 		</clipPath>
142 		<clipPath id="info-path">
143 			<path d="M500,798.059c-164.375,0-298.054-133.717-298.054-298.074c0-164.319,133.68-298.045,298.054-298.045
144				c164.322,0,298.055,133.726,298.055,298.045C798.055,664.342,664.322,798.059,500,798.059z M500,270.636
145				c-126.471,0-229.333,102.887-229.333,229.349c0,126.457,102.862,229.335,229.333,229.335c126.444,0,229.351-102.879,229.351-229.335
146				C729.351,373.523,626.444,270.636,500,270.636z M542.812,482.65c0-14.646-10.431-26.549-23.338-26.549h-41.782
147				c-12.854,0-23.328,11.903-23.328,26.549v163.141c0,14.664,10.474,26.543,23.328,26.543h41.782c12.907,0,23.338-11.879,23.338-26.543
148				V482.65z M498.579,317.423c-27.19,0-49.266,22.059-49.266,49.257c0,27.223,22.076,49.281,49.266,49.281
149				c27.216,0,49.264-22.059,49.264-49.281C547.843,339.482,525.795,317.423,498.579,317.423z"/>
150 		</clipPath>
151 		<clipPath id="like-path">
152 			<path d="M623.647,265.413c-76.353-0.603-123.685,77.938-123.685,77.938s-47.205-78.54-123.611-77.938
153				c-67.961,0.533-152.036,57.503-137.87,170.944c20.167,161.18,261.481,298.233,261.481,298.233s241.408-137.053,261.556-298.233
154				C775.688,322.916,691.59,265.946,623.647,265.413z"/>
155 		</clipPath>
156 		<clipPath id="pause-path">
157 			<path d="M437.786,275.93v448.103c0,17.576-14.239,31.795-31.788,31.795h-88.382c-17.515,0-31.761-14.219-31.761-31.795V275.93
158				c0-17.558,14.246-31.76,31.761-31.76h88.382C423.547,244.17,437.786,258.373,437.786,275.93z M682.377,244.17h-88.394
159				c-17.529,0-31.758,14.202-31.758,31.76v448.103c0,17.576,14.229,31.795,31.758,31.795h88.394c17.53,0,31.77-14.219,31.77-31.795
160				V275.93C714.146,258.373,699.907,244.17,682.377,244.17z"/>
161 		</clipPath>
162 		<clipPath id="play-path">
163 			<path d="M721.264,455.586c42.286,24.445,42.286,64.404,0,88.833l-109.784,63.346c-42.278,24.43-111.515,64.408-153.781,88.816
164				l-109.773,63.361c-42.322,24.43-76.905,4.439-76.905-44.383V588.803c0-48.822,0-128.761,0-177.599V284.447
165				c0-48.839,34.583-68.812,76.905-44.401l109.773,63.378c42.266,24.428,111.502,64.389,153.781,88.817L721.264,455.586z"/>
166 		</clipPath>
167 		<clipPath id="points-path">
168      		<path
169      			d="M866.136,399.387c-3-10.263-11.486-18.001-21.941-20.08l-213.092-42.233L525.082,147.488
170					c-5.093-9.088-14.695-14.716-25.081-14.716c-10.387,0-20.01,5.628-25.053,14.716L368.874,337.074l-213.052,42.233
171					c-10.174,2.042-18.535,9.427-21.711,19.299c-3.214,9.906-0.819,20.771,6.229,28.404l147.547,159.423l-25.653,215.68
172					c-1.243,10.332,3.211,20.521,11.626,26.631c4.973,3.639,10.92,5.484,16.902,5.484c4.1,0,8.203-0.85,12.003-2.627l198.229-91.482
173					l195.902,75.93c9.481,3.588,20.044,2.061,28.032-4.115c7.953-6.145,12.109-16.066,10.937-26.1l-25.53-214.688l148.186-142.964
174					C866.208,420.761,869.138,409.665,866.136,399.387z"
175			/>
176 		</clipPath>
177 		<clipPath id="txt-path">
178 			<path d="M337.503,304.356v32.614c0,13.065-10.59,23.664-23.665,23.664h-68.517v334.99c0,13.068-10.607,23.648-23.682,23.648h-35.408
179				c-13.041,0-23.623-10.58-23.623-23.648v-334.99h-69.68c-13.075,0-23.656-10.599-23.656-23.664v-32.614
180				c0-13.075,10.582-23.63,23.656-23.63h220.909C326.913,280.727,337.503,291.282,337.503,304.356z M547.05,493.797l89.191-178.886
181				c3.603-7.341,3.257-16.004-1.048-22.999c-4.323-6.952-11.947-11.186-20.112-11.186h-39.953c-9.142,0-17.568,5.274-21.431,13.608
182				l-51.812,110.789l-52.645-110.922c-3.908-8.272-12.226-13.475-21.396-13.475H388.49c-8.148,0-15.747,4.2-20.096,11.133
183				c-4.333,7.011-4.724,15.674-1.067,23.015l88.669,178.923l-94.863,191.317c-3.648,7.352-3.241,16.012,1.082,22.973
184				c4.315,6.959,11.949,11.186,20.088,11.186h39.907c9.134,0,17.435-5.184,21.368-13.402l58.389-121.768l57.998,121.713
185				c3.935,8.219,12.261,13.457,21.357,13.457h39.943c0.056,0,0.108,0,0.136,0c13.065,0,23.681-10.58,23.681-23.648
186				c0-4.705-1.385-9.125-3.778-12.836L547.05,493.797z M907.062,280.727H686.163c-13.057,0-23.666,10.555-23.666,23.63v32.614
187				c0,13.065,10.609,23.664,23.666,23.664h69.645l-4.154,334.99c0,13.068,10.617,23.648,23.646,23.648h35.435
188				c13.083,0,23.647-10.58,23.647-23.648l4.138-334.99h68.542c13.015,0,23.666-10.599,23.666-23.664v-32.614
189				C930.728,291.282,920.076,280.727,907.062,280.727z"/>
190 		</clipPath>
191 		<clipPath id="vote-path">
192 			<path d="M553.875,786.75c-29.63,51.305-78.131,51.305-107.78,0l-76.869-133.221c-29.648-51.338-78.167-135.313-107.779-186.654
193				l-76.888-133.184c-29.667-51.341-5.416-93.327,53.861-93.327h153.814c59.243,0,156.277,0,215.505,0H761.55
194				c59.295,0,83.547,41.985,53.914,93.327l-76.922,133.184c-29.629,51.341-78.133,135.316-107.76,186.654L553.875,786.75z"/>
195 		</clipPath>
196 		<clipPath id="yt-path">
197 			<path d="M424.559,594.755l-0.02-205.27l197.391,103.012L424.559,594.755L424.559,594.755z M857.963,353.918
198				c0,0-7.136-50.331-29.008-72.503c-27.829-29.098-58.959-29.23-73.239-30.943c-102.194-7.385-255.554-7.385-255.554-7.385h-0.331
199				c0,0-153.323,0-255.57,7.385c-14.31,1.713-45.414,1.846-73.223,30.943c-21.89,22.172-29.017,72.503-29.017,72.503
200				s-7.297,59.117-7.297,118.234v55.422c0,59.119,7.297,118.238,7.297,118.238s7.127,50.346,29.017,72.537
201				c27.81,29.08,64.319,28.121,80.572,31.193c58.443,5.592,248.375,7.367,248.375,7.367s153.537-0.25,255.731-7.633
202				c14.28-1.705,45.41-1.848,73.239-30.928c21.872-22.191,29.008-72.537,29.008-72.537s7.313-59.119,7.313-118.238v-55.422
203				C865.276,413.036,857.963,353.918,857.963,353.918L857.963,353.918z"/>
204 		</clipPath>
205 		<clipPath id="volume-path">
206 			<path d="M624.252,390.967c0,0,5.46,13.834,5.46,29.363c0,17.588-6.131,31.571-6.131,31.571
207				c-3.044,6.369-4.484,10.213-9.569,10.082h-1.709c-5.655,0-11.95-8.449-8.625-12.848c0,0,5.893-6.666,5.893-29.492
208				c0-18.838-6.212-26.624-6.212-26.624c-3.86-6.155,3.289-12.302,8.944-12.302h1.709C619.667,380.718,621.751,385.308,624.252,390.967
209				z M654.407,354.388c-1.226-1.994-6.424-7.474-12.285-5.476c-4.758,1.628-10.014,7.024-6.939,14.132c0,0,15.193,20.094,15.193,56.232
210				c0,35.798-14.17,58.597-14.17,58.597c-4.781,7.543,1.854,15.535,7.508,15.535h1.709c5.655,0,9.176-4.398,11.014-8.223
211				c0,0,14.935-25.549,14.935-66.756C671.371,382.467,654.407,354.388,654.407,354.388z M570.062,351.944
212				c-5.947,5.433-15.419,18.015-29.539,33.824h-26.861c-11.941,0-21.623,9.682-21.623,21.62v28.113
213				c0,11.943,9.682,21.625,21.623,21.625h27.572c13.101,17.615,19.633,25.963,26.783,32.668c7.153,6.701,21.331,3.535,21.331-12.414
214				V364.487C589.348,350.446,576.013,346.517,570.062,351.944z"/>
215 		</clipPath>
216
217 		<clipPath id="medal-path">
218	  		<path d="M1804.959,1997.175c0,214.41-173.814,388.225-388.225,388.225c-214.41,0-388.225-173.814-388.225-388.225  c0-214.411,173.814-388.225,388.225-388.225C1631.145,1608.95,1804.959,1782.764,1804.959,1997.175z M1378.933,1504.421  l-102.413-177.384c-8.736-15.131-28.083-27.397-43.216-27.397H847.189c-15.131,0-20.316,12.266-11.58,27.397l203.336,352.188  C1121.893,1580.616,1242.675,1514.89,1378.933,1504.421z M1999.043,1327.037l-203.336,352.189  c-82.947-98.61-203.73-164.336-339.988-174.805l102.414-177.384c8.736-15.131,28.084-27.397,43.215-27.397h386.115  C2002.594,1299.64,2007.779,1311.906,1999.043,1327.037z M1333.142,1890.567l-167.289,34.162l115.259,125.967l-19.204,169.66  l155.419-70.693l155.42,70.693l-19.203-169.66l115.258-125.967l-167.289-34.162l-84.186-148.544L1333.142,1890.567z"
219			/>
220 		</clipPath>
221 		<clipPath id="medal1-path">
222	  		<path d="M1038.946,1679.225l-203.336-352.188c-8.736-15.131-3.551-27.397,11.58-27.397h386.115  c15.133,0,34.48,12.266,43.216,27.397l102.413,177.384C1242.675,1514.89,1121.893,1580.616,1038.946,1679.225z M1987.463,1299.64  h-386.115c-15.131,0-34.479,12.266-43.215,27.397l-102.414,177.384c136.258,10.469,257.041,76.194,339.988,174.805l203.336-352.189  C2007.779,1311.906,2002.594,1299.64,1987.463,1299.64z M1416.734,1608.95c-214.41,0-388.225,173.814-388.225,388.225  c0,214.41,173.814,388.225,388.225,388.225c214.411,0,388.225-173.814,388.225-388.225  C1804.959,1782.764,1631.145,1608.95,1416.734,1608.95z M1486.002,2191.831h-103.011v-291.863h-41.204v-89.848h144.215V2191.831z"
223			/>
224 		</clipPath>
225 		<clipPath id="medal2-path">
226	  		<path d="M1038.946,1679.225l-203.336-352.188c-8.736-15.131-3.551-27.397,11.58-27.397h386.115  c15.133,0,34.48,12.266,43.216,27.397l102.413,177.384C1242.675,1514.89,1121.893,1580.616,1038.946,1679.225z M1987.463,1299.64  h-386.115c-15.131,0-34.479,12.266-43.215,27.397l-102.414,177.384c136.258,10.469,257.041,76.194,339.988,174.805l203.336-352.189  C2007.779,1311.906,2002.594,1299.64,1987.463,1299.64z M1416.734,1608.95c-214.41,0-388.225,173.814-388.225,388.225  c0,214.41,173.814,388.225,388.225,388.225c214.411,0,388.225-173.814,388.225-388.225  C1804.959,1782.764,1631.145,1608.95,1416.734,1608.95z M1543.801,2104.272v87.559h-262.104l104.155-139.064  c26.897-36.055,62.378-83.553,62.378-130.48c0-15.451-5.723-34.336-24.035-34.336c-22.892,0-24.608,30.902-24.608,46.926  c0,4.578,0,9.156,0.572,13.734H1300.01c-0.572-4.578-0.572-9.156-0.572-13.734c0-74.969,50.933-131.624,127.046-131.624  c73.252,0,122.467,53.221,122.467,124.756c0,72.68-49.787,131.625-100.148,179.125  C1480.852,2104.845,1511.754,2104.845,1543.801,2104.272z"
227			/>
228 		</clipPath>
229 		<clipPath id="medal3-path">
230	  		<path d="M1038.946,1679.225l-203.336-352.188c-8.736-15.131-3.551-27.397,11.58-27.397h386.115  c15.133,0,34.48,12.266,43.216,27.397l102.413,177.384C1242.675,1514.89,1121.893,1580.616,1038.946,1679.225z M1987.463,1299.64  h-386.115c-15.131,0-34.479,12.266-43.215,27.397l-102.414,177.384c136.258,10.469,257.041,76.194,339.988,174.805l203.336-352.189  C2007.779,1311.906,2002.594,1299.64,1987.463,1299.64z M1416.734,1608.95c-214.41,0-388.225,173.814-388.225,388.225  c0,214.41,173.814,388.225,388.225,388.225c214.411,0,388.225-173.814,388.225-388.225  C1804.959,1782.764,1631.145,1608.95,1416.734,1608.95z M1412.75,2198.698c-68.102,0-125.33-41.205-125.33-113.313v-5.723h100.722  c0,17.74,4.006,34.338,25.18,34.338c20.03,0,28.042-17.742,28.042-35.482c0-25.752-16.023-40.059-41.204-40.059  c-6.295,0-12.018,0.572-18.313,1.145v-81.264c4.006,0.572,8.584,0.572,12.59,0.572c27.47,0,42.349-9.73,42.349-38.916  c0-14.307-4.578-31.475-22.319-31.475c-16.024,0-20.03,17.74-20.03,30.33h-99.577c4.578-69.818,53.222-115.6,123.613-115.6  c62.951,0,119.033,44.637,119.033,111.022c0,36.053-15.451,62.379-46.354,80.119c33.764,20.029,50.932,49.217,50.932,88.703  C1542.084,2156.349,1481.424,2198.698,1412.75,2198.698z"
231			/>
232 		</clipPath>
233	</defs>
234</svg>
235
236<style type="text/css">
237.svg-icon{
238    width:32px;
239    height:32px;
240    cursor:pointer;
241    fill: #ccc;
242}
243.svg-icon rect{
244    width: 1000px;
245    height: 1000px;
246}
247.cmmnt-icon rect{
248    clip-path:url('#cmmnt-path');
249}
250.dwnld-icon rect{
251    clip-path:url('#dwnld-path');
252}
253.info-icon rect{
254    clip-path:url('#info-path');
255}
256.like-icon rect{
257    clip-path:url('#like-path');
258}
259.pause-icon rect{
260    clip-path:url('#pause-path');
261}
262.play-icon rect{
263    clip-path:url('#play-path');
264}
265.points-icon rect{
266    clip-path:url('#points-path');
267}
268.txt-icon rect{
269    clip-path:url('#txt-path');
270}
271.vote-icon rect{
272    clip-path:url('#vote-path');
273}
274.yt-icon rect{
275    clip-path:url('#yt-path');
276}
277.volume-icon rect{
278    clip-path:url('#volume-path');
279}
280.medal-icon rect{
281	height: 3685.04px;
282	width: 2834.65px;
283    clip-path:url('#medal-path');
284}
285.medal1-icon rect{
286	height: 3685.04px;
287	width: 2834.65px;
288    clip-path:url('#medal1-path');
289    fill: #ceb600;
290}
291.medal2-icon rect{
292	height: 3685.04px;
293	width: 2834.65px;
294    clip-path:url('#medal2-path');
295    fill: #9eaeb1;
296}
297.medal3-icon rect{
298	height: 3685.04px;
299	width: 2834.65px;
300    clip-path:url('#medal3-path');
301    fill: #b19986;
302}
303</style>    
304                
305    
306<div id="playerWave">
307	<button id="playerWaveHide"><span class="iconBtnClose"></span></button>
308
309	<div id="playerWaveTime">
310		<span id="playerWaveCurrent">0:00</span> / <span id="playerWaveTotal">0:00</span>
311	</div>
312
313	<span id="playerWaveName"></span>
314
315	<button href="#" class="playerWavePlay" data-src=""></button>
316	<button href="#" class="playerWavePause"></button>
317	<div id="waveform">
318		<div id="playerWaveLoader">
319			<div id="playerLoadProgress">
320				<img src="">
321			</div>
322			<div id="playerPlayProgress">
323				<img src="">
324			</div>
325			<img id="playerWaveWaves" src="">
326		</div>
327	</div>
328
329	<br>
330
331	<div id="playerWaveLeft">
332		<button id="playerWavePrev"></button>
333		<button id="playerWaveNext"></button>
334	</div>
335
336	<div id="playerWaveCenter">
337		<button id="playerWaveRepeat"></button>
338		<a id="playerWaveDownload" download></a>
339	</div>
340
341	<div id="playerWaveRight">
342		<!-- <input id="playerWaveVolume" type="range" min="0" max="100" value="50" style="width: 100%" /> -->
343		<button id="playerWaveMute"></button>
344		<input id="volumeInput" data-slider-id='volumeSlider' type="text" data-slider-tooltip="hide" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="50"/>
345	</div>
346</div>
347
348<div id="header-player">
349    <button href="#" class="playerWavePlay" data-src=""></button>
350    <button href="#" class="playerWavePause"></button>
351    <span class="playerHeaderName" ></span>
352    <span class="playerHeaderTheme"></span>
353</div>
354
355<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/6.1.5/bootstrap-slider.min.js"></script>
355
356
357<script type="text/javascript">
358	//	Прячем плеер под вк-виджет в правый сайд когда есть место
359	$(window).on('scroll', function(event){
360		var vkBlock = $('#vk_groups').parents('.side-block');
361		vkBlock.after($('#header-player'));
362
363		var newPos;
364		if($(window).scrollTop() < 50){
365			newPos = 100 - $(window).scrollTop();
366		}
367		else{
368			newPos = 50;
369		}
370		$('#header-player').css({
371			'top': newPos
372		});
373
374		if(!$('#playerWave').is(':visible') && !$('#header-player').is(':visible') && $('.playerWavePause.active').length > 0){
375			var playerTop = $('.playerWavePause.active').offset().top;
376			if($(window).scrollTop() > playerTop || $(window).scrollTop() < playerTop - $(window).height()){
377				$('#header-player').slideDown();
378			}
379		}
380
381
382		/*var scrollPos = $(window).height() + $(window).scrollTop();
383		var vkBlock = $('#vk_groups').parents('.side-block');
384		if(vkBlock.length > 0){
385			var vkPos = $(vkBlock).offset().top + $(vkBlock).height() + parseInt($(vkBlock).css('margin-bottom'));
386
387			if($(window).scrollTop() < 20){
388				vkPos += $(window).scrollTop() - 20;
389			}
390			
391			vkBlock.after($('#header-player'));
392			$('#header-player').css({
393				'position' : 'relative',
394				'top' : $(window).scrollTop() - vkPos,
395			});
396		}*/
397	});
398
399	/*
400		Кнопки внутри плеера
401	*/
402	//	PLAY
403	$('body').on('click', '#playerWave .playerWavePlay, #header-player .playerWavePlay', function(event){
404		event.preventDefault();
405
406		wavesurfer.play();
407		//	Подменяем кнопки
408		$('#playerWave .playerWavePlay').hide();
409		$('#header-player .playerWavePlay').hide();
410		$('#playerWave .playerWavePause').show();
411		$('#header-player .playerWavePause').show();
412
413		$('#player-wrapper'+currentTrack+' .playerWavePlay').hide();
414		$('#player-wrapper'+currentTrack+' .playerWavePause').show();
415
416		return false;
417	});
418
419	//	PAUSE
420	$('body').on('click', '#playerWave .playerWavePause, #header-player .playerWavePause', function(event){
421		event.preventDefault();
422
423		wavesurfer.pause();
424		//	Подменяем кнопки
425		$('#playerWave .playerWavePause').hide();
426		$('#header-player .playerWavePause').hide();
427		$('#playerWave .playerWavePlay').show();
428		$('#header-player .playerWavePlay').show();
429
430		$('#player-wrapper'+currentTrack+' .playerWavePlay').show();
431		$('#player-wrapper'+currentTrack+' .playerWavePause').hide();
432
433		return false;
434	});
435
436	//	NEXT
437	$('#playerWaveNext').on('click', function(event){
438		console.log(currentPlayer);
439		if(currentTrack > 0){
440			var playerWrapper = $('#player-wrapper'+currentTrack);
441			do{
442				playerWrapper = playerWrapper.next();
443			}while(playerWrapper.hasClass('track-not-loaded') || playerWrapper.is(':hidden'));
444			playerWrapper.find('.playerWavePlay').click();
445		}
446		else if(currentPlayer > 0){
447			var nextPlayer = parseInt(currentPlayer)+1;
448			if($('[data-player='+nextPlayer+']').length == 0){
449				nextPlayer = 1;
450			}
451			if($('[data-player='+nextPlayer+']').parents('.playlist-side').length > 0){
452				$('[data-player='+nextPlayer+'] .play-icon').click();
453			}
454			else{
455				if($('[data-player='+nextPlayer+'] .start-load').length > 0){
456					$('[data-player='+nextPlayer+'] .start-load').click();
457				}
458				else{
459					$('[data-player='+nextPlayer+']').click();
460				}
461			}
462		}
463		return false;
464	});
465	//	PREV
466	$('#playerWavePrev').on('click', function(event){
467		if(currentTrack > 0){
468			var playerWrapper = $('#player-wrapper'+currentTrack);
469			do{
470				playerWrapper = playerWrapper.prev();
471			}while(playerWrapper.hasClass('track-not-loaded') || playerWrapper.is(':hidden'));
472			playerWrapper.find('.playerWavePlay').click();
473		}
474		else if(currentPlayer > 0){
475			var prevPlayer = parseInt(currentPlayer)-1;
476			if(prevPlayer < 1){
477				var i = 1;
478				while($('[data-player='+i+']').length > 0) i++;
479				prevPlayer = i - 1;
480			}
481			if($('[data-player='+prevPlayer+']').parents('.playlist-side').length > 0){
482				$('[data-player='+prevPlayer+'] .play-icon').click();
483			}
484			else{
485				$('[data-player='+prevPlayer+']').click();
486			}
487		}
488		return false;
489	});
490
491	//	DOWNLOAD
492	$('body').on('click', '#playerWaveDownload', function(event){
493		var btn = $(event.currentTarget);
494		var trackID = parseInt($(event.currentTarget).attr('data-id'));
495
496		if(trackID > 0){
497			$.ajax({
498				url:'/ajax-tools/tracks.php',
499				data:{
500					'action' : 'download',
501					'trackID' : trackID
502				},
503				dataType:'json',
504				success: function(data){
505					$('#download-num-'+trackID).html(data.downloads);
506				}
507			});	
508		}
509	});
510
511	//	REPEAT
512	$('body').on('click', '#playerWaveRepeat', function(event){
513		var btn = $(event.currentTarget);
514		btn.toggleClass('active');
515		return false;
516	});
517	/*wavesurfer.on('finish', function (){
518		if($('.player-new.active').next().hasClass('player-new')){
519			$('.player-new.active').next().find('.play-icon').click();
520		}
521		else{
522			$('.player-new.active .player-new-progress').width(0);
523			$('.player-new.active').removeClass('active').addClass('paused');
524		}
525	});*/
526	
527
528	//	Сворачивание плеера в шапку
529	$('body').on('click', '#header-player', function(event){
530		event.preventDefault();
531		$('#playerWave').slideDown();
532		$('#header-player').slideUp();
533
534		return false;
535	});
536	$('body').on('click', '#playerWaveHide', function(event){
537		event.preventDefault();
538		$('#playerWave').slideUp();
539		$('#header-player').slideDown();
540
541		return false;
542	});
543
544	var startPlayerPosition, startMousePosition;
545	$('body').on('mousedown', '#playerWave', function(event){
546		startPlayerPosition = $('#playerWave').position();
547		startMousePosition = {
548			top: event.screenY,
549			left: event.screenX,
550		};
551		$('body').on('mousemove', movePlayer);
552		$('body').on('mouseup', function(event){
553			$('body').off('mousemove', movePlayer);
554		});
555	});
556	function movePlayer(event){
557		var diffX = event.screenX - startMousePosition.left;
558		var diffY = event.screenY - startMousePosition.top;
559
560		$('#playerWave').css({
561			'left': startPlayerPosition.left + diffX + 'px',
562			'top': startPlayerPosition.top + diffY + 'px',
563		});
564	}
565
566	//	MUTE
567	//var oldVolume = 50;
568	$('#playerWaveMute').on('click', function(event){
569		event.preventDefault();
570		
571		var btn = $(event.currentTarget);
572		if(btn.hasClass('active')){
573			sliderVolume.slider('setValue', playerVolume);
574			wavesurfer.setVolume(playerVolume / 100);
575			btn.removeClass('active');
576		}
577		else{
578			sliderVolume.slider('setValue', 0);
579			wavesurfer.setVolume(0);
580			btn.addClass('active');
581		}
582	});
583	
584	//	VOLUME
585	var playerVolume = 50;
586	$(document).ready(function(event){
587		$('audio').on('timeupdate', function(event){
588			var audio = event.currentTarget;
589			var percent = audio.currentTime / audio.duration;
590			var player = $(audio).parents('.player-new');
591
592			$(player).find('.player-new-progress').width(percent*100+'%');
593			
594			var minutes = Math.floor(audio.currentTime / 60);
595			var seconds = Math.floor(audio.currentTime % 60);
596			if(seconds < 10){
597				seconds = '0' + seconds;
598			}
599			$('.player-new.active .player-new-duration').text(minutes+':'+seconds);
600		});
601
602		$('audio').on('ended', function(event){
603			if($('.player-new.active').next().hasClass('player-new')){
604				$('.player-new.active').next().find('.play-icon').trigger('touchstart');
605				//$('.player-new.active').next().find('.play-icon').click();
606			}
607			else{
608				$('.player-new.active .player-new-progress').width(0);
609				$('.player-new.active').removeClass('active').addClass('paused');
610			}
611		});
612
613		var sliderVolume = $('#volumeInput').slider({});
614
615		var sliderVolumeTracks = [];
616		$('.playerWavePlay .volumeInputHeader').each(function(index, item){
617			var slider = $(item).slider({});
618			slider.on('change', function(event){
619				playerVolume = event.value.newValue;
620				sliderVolume.slider('setValue', playerVolume);
621				wavesurfer.setVolume(playerVolume / 100);
622				$('#playerWaveMute').removeClass('active');
623
624				for(var i = 0; i < sliderVolumeTracks.length; i++){
625					sliderVolumeTracks[i].slider('setValue', playerVolume);
626				}
627			});
628			sliderVolumeTracks.push(slider);
629		});
630
631		var sliderVolumeHeader = $('.volumeInputHeader').slider({});
632		/*wavesurfer.setVolume(0.5);*/
633		sliderVolume.on('change', function(event){
634			playerVolume = event.value.newValue;
635			wavesurfer.setVolume(playerVolume / 100);
636			$('#playerWaveMute').removeClass('active');
637
638			for(var i = 0; i < sliderVolumeTracks.length; i++){
639				sliderVolumeTracks[i].slider('setValue', playerVolume);
640			}
641		});
642
643		$('body').on('click', '.playerWavePause .slider', function(event){
644			event.preventDefault;
645			
646			return false;
647		});
648	});
649
650	var previousScroll = 0;
651	$('#playerWaveRight').on('mouseover', function(event){
652		previousScroll = $(document).scrollTop();
653		$('body').on('DOMMouseScroll', volumeScroll);
654		$(document).on('mousewheel', volumeScroll);
655	});
656	$('#playerWaveRight').on('mouseout', function(event){
657		$('body').off('DOMMouseScroll', volumeScroll);
658		$(document).off('mousewheel', volumeScroll);
659	});
660	function volumeScroll(event){
661		event.preventDefault();
662
663		var currentScroll = $(this).scrollTop();
664		if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail <= 0){
665			playerVolume += 5;
666			playerVolume = (playerVolume > 100) ? 100 : playerVolume;
667		}
668		else{
669			playerVolume -= 5;
670			playerVolume = (playerVolume < 0) ? 0 : playerVolume;
671		}
672		//previousScroll = currentScroll;
673
674		sliderVolume.slider('setValue', playerVolume);
675		wavesurfer.setVolume(playerVolume / 100);
676
677		//$(this).scrollTop(previousScroll);
678
679		/*if (event.originalEvent.wheelDelta >= 0) {
680		}
681		else{
682		}
683
684		*/
685
686		return false;
687	}
688
689
690	//	TIME
691	/*wavesurfer.on('audioprocess', function (event) {
692		if(wavesurfer.getDuration() > 0){
693			var duration = wavesurfer.getDuration();
694
695			var minutes = Math.floor(duration / 60);
696			var seconds = Math.floor(duration % 60);
697			if(seconds < 10){
698				seconds = '0' + seconds;
699			}
700			$('#playerWaveTotal').text(minutes+':'+seconds);
701		}
702		if(wavesurfer.getCurrentTime() > 0){
703			var duration = wavesurfer.getCurrentTime();
704
705			var minutes = Math.floor(duration / 60);
706			var seconds = Math.floor(duration % 60);
707			if(seconds < 10){
708				seconds = '0' + seconds;
709			}
710			$('#playerWaveCurrent').text(minutes+':'+seconds);
711
712			if(currentArticlePlayer > 0){
713				$('.playerArticle[data-player='+currentArticlePlayer+'] .playerDuration').text(minutes+':'+seconds).show();
714			}
715
716			$('.player-new.active .player-new-duration').text(minutes+':'+seconds);
717		}
718
719		if(wavesurfer.getCurrentTime() > 0 && wavesurfer.getDuration() > 0){
720			var percent = wavesurfer.getCurrentTime() / wavesurfer.getDuration();
721			var newWidth = parseInt(590 * percent);
722
723			$('#playerPlayProgress').css({'width':newWidth});
724			$('#playerPlayProgress').css({'width':newWidth});
725
726			if(currentPlayer > 0){
727				$('[data-player='+currentPlayer+'] .playerProgressHolder').width(percent*100+'%');
728			}
729
730			if(currentArticlePlayer > 0){
731				$('.playerArticle[data-player='+currentArticlePlayer+'] .playerProgress').width(percent*100+'%');
732			}
733
734			$('.player-new.active .player-new-progress').width(percent*100+'%');
735		}
736	});*/
737
738	/*wavesurfer.on('redraw', function(peaks){
739		if(!waveExist && peaks.length > 0){
740			var temp = $('#waveform canvas')[0].toDataURL('image/png');
741			if(currentTrack > 0){
742				var trackID = $('#player-wrapper'+ currentTrack +' .player').attr('id').replace('player','');
743			}
744			else if(currentPlayer > 0){
745				var trackSrc = $('[data-player='+currentPlayer+']').attr('data-src');
746			}
747		}
748	});*/
749
750
751	//	Кнопки в таблице
752	var currentTrack = 0;	//	Помним текущий трек
753	var currentPlayer = 0;	//	Помним текущий трек
754	var waveExist;			//	Есть ли для него волны
755	//	PLAY
756	$('body').on('click', '#round-table .playerWaveToggle .playerWavePlay, .add-track .playerWaveToggle .playerWavePlay', function(event){
757		event.preventDefault();
758
759		if(!$('#playerWave').is(':visible') && !$('#header-player').is(':visible')){
760			$('#playerWave').slideDown();
761		}
762
763		waveExist = false;
764
765		var btn = $(event.currentTarget);
766		var btnSibling = btn.siblings('.playerWavePause');
767		var playerWrapper = btn.parents('.player-wrapper');
768		var trackSrc = btn.attr('data-src');
769		var waveSrc = btn.attr('data-waves');
770		if(waveSrc != undefined && waveSrc.length > 0){
771			waveExist = true;
772		}
773
774		newTrack = playerWrapper.attr('id').replace('player-wrapper', '');
775		currentPlayer = 0;
776		if(currentTrack != newTrack){
777			wavesurfer.load(trackSrc);
778
779			var trackID = playerWrapper.find('.player').attr('id').replace('player', '');
780			$('#playerWaveDownload').attr({'data-id':trackID});
781			$('#playerWaveDownload').attr({'href':trackSrc});
782
783			var name = playerWrapper.find('.player-name').text().trim();
784			var theme = playerWrapper.find('.player-theme').text().trim();
785
786			$('#playerWaveName').text(name + ' ' + theme);
787			$('#playerWaveName').attr({'title':name + ' ' + theme});
788			$('#header-player').attr({'title':name+' '+theme});
789			$('.playerHeaderName').text(name);
790			$('.playerHeaderTheme').text(theme.substr(2));
791
792			if(waveExist){
793				$('#playerLoadProgress img').show().attr({'src':waveSrc});
794				$('#playerPlayProgress img').show().attr({'src':waveSrc});
795				$('#playerPlayProgress').css({'width':0});
796				//$('#playerWaveWaves').show().attr({'src':waveSrc});
797				$('#waveform wave').css({'opacity':0});
798			}
799			else{
800				$('#playerLoadProgress img').hide().attr({'src':waveSrc});
801				$('#playerPlayProgress img').hide().attr({'src':waveSrc});
802				//$('#playerWaveWaves').hide().attr({'src':waveSrc});
803				$('#waveform wave').css({'opacity':1});
804			}
805
806		}
807
808		$('#playerWave .playerWavePlay').hide();
809		$('#header-player .playerWavePlay').hide();
810		$('#playerWave .playerWavePause').show();
811		$('#header-player .playerWavePause').show();
812		$('#round-table .playerWavePlay').show();
813		$('#round-table .playerWavePause').hide();
814		$('.playlist-side .playerWavePause').addClass('playerWavePlay');
815		$('.playlist-side .playerWavePause').removeClass('playerWavePause');
816		btn.hide();
817		btnSibling.show();
818
819		wavesurfer.play();
820		if($('#playerWaveMute').hasClass('active')){
821			wavesurfer.setVolume(0);
822		}
823		else{
824			wavesurfer.setVolume(playerVolume / 100);
825		}
826
827		currentTrack = newTrack;
828
829		return false;
830	});
831
832	//	PAUSE
833	$('body').on('click', '#round-table .playerWaveToggle .playerWavePause, .add-track .playerWaveToggle .playerWavePause', function(event){
834		event.preventDefault();
835
836		var btn = $(event.currentTarget);
837
838		$('#playerWave .playerWavePause').hide();
839		$('#header-player .playerWavePause').hide();
840		$('#playerWave .playerWavePlay').show();
841		$('#header-player .playerWavePlay').show();
842		$('#player-wrapper'+currentTrack+' .playerWavePlay').show();
843		$('#player-wrapper'+currentTrack+' .playerWavePause').hide();
844		wavesurfer.pause();
845
846		return false;
847	});
848
849	$('body').on('click', '.news-detail .start-load', function(event){
850		console.log('.start-load');
851		event.preventDefault();
852		var btn = $(event.currentTarget);
853		btn.parents('.playerWavePlay').removeClass('blured');
854		btn.parents('.playerWavePlay').find('.playerText').click();
855		btn.slideUp();
856
857		return false;
858	});
859	$('body').on('click', '.playerWaveShow, .playerProgressHolder img', function(event){
860		event.preventDefault();
861		var player = $(event.currentTarget);
862		var x = event.offsetX;
863
864		if(player.parents('div').hasClass('active')){
865			console.log('progress yes');
866			wavesurfer.seekTo(x / player.width());
867		}
868		else{
869			console.log('progress no');
870			player.parents('div').find('.playerText').click();
871		}
872		return false;
873	});
874
875	$('body').on('click', '.news-detail .playerWavePlay', function(event){
876		console.log(event.target);
877		console.log(event.currentTarget);
878	});
879
880	$('body').on('click', '.news-detail .playerWavePlay .playerText, .playlist-side .playerWavePlay .play-icon, .old-points-block .playerWavePlay', function(event){ //.news-detail .playerWavePlay,
881		console.log('play');
882		if($(event.target).parents('.playerDwnld').length == 0){
883			event.preventDefault();
884			var btn = $(event.currentTarget);
885			if(btn.parents('.playlist-side').length > 0){
886				btn = btn.parents('.playerWavePlay');
887			}
888			if(btn.parents('.news-detail').length > 0){
889				btn = btn.parents('.playerWavePlay');
890				$('.playerWavePlay.active, .playerWavePause.active').removeClass('active');
891				btn.addClass('active');
892
893				$('.playerProgressHolder').width(0);
894				var playerWidth = btn.find('.playerWaveShow').width();
895				btn.find('.playerProgressHolder img').width(playerWidth);
896			}
897
898			/*if(!$('#playerWave').is(':visible') && !$('#header-player').is(':visible')){
899				$('.news-detail .playerWavePlay').each(function(i, item){
900					$(item).attr({'data-player':i+1});
901				});
902				$('#playerWave').slideDown();
903			}*/
904
905			var trackSrc = btn.attr('data-src');
906			var waveSrc = btn.attr('data-waves');
907			waveExist = false;
908			if(waveSrc != undefined && waveSrc.length > 0){
909				waveExist = true;
910			}
911
912
913			var newPlayer = btn.attr('data-player');
914			currentTrack = 0;
915			if(currentPlayer != newPlayer){
916				wavesurfer.load(trackSrc);
917				$('#playerWaveDownload').attr({'href':trackSrc});
918
919				var name = btn.find('.playerName').text();
920				var theme = btn.find('.playerTheme').text();
921				if(theme.length > 0){
922					$('#playerWaveName').text(name + ' - ' + theme);
923					$('#playerWaveName').attr({'title':name + ' - ' + theme});
924				}
925				else{
926					$('#playerWaveName').text(name);
927					$('#playerWaveName').attr({'title':name});
928				}
929				$('#header-player').attr({'title':name+' - '+theme});
930				$('.playerHeaderName').text(name);
931				$('.playerHeaderTheme').text(theme);
932
933				if(waveExist){
934					$('#playerLoadProgress img').show().attr({'src':waveSrc});
935					$('#playerPlayProgress img').show().attr({'src':waveSrc});
936					$('#playerPlayProgress').css({'width':0});
937					$('#waveform wave').css({'opacity':0});
938				}
939				else{
940					$('#playerLoadProgress img').hide();
941					$('#playerPlayProgress img').hide();
942					$('#waveform wave').css({'opacity':1});
943				}
944
945				currentPlayer = newPlayer;
946			}
947
948			$('#playerWave .playerWavePlay').hide();
949			$('#playerWave .playerWavePause').show();
950			$('#header-player .playerWavePlay').hide();
951			$('#header-player .playerWavePause').show();
952
953			$('.news-detail .playerWavePause').addClass('playerWavePlay');
954			$('.news-detail .playerWavePause').removeClass('playerWavePause');
955			$('.playlist-side .playerWavePause').addClass('playerWavePlay');
956			$('.playlist-side .playerWavePause').removeClass('playerWavePause');
957			$('#round-table .playerWavePlay').show();
958			$('#round-table .playerWavePause').hide();
959			btn.addClass('playerWavePause');
960			btn.removeClass('playerWavePlay');
961
962			if($('#playerWaveMute').hasClass('active')){
963				wavesurfer.setVolume(0);
964			}
965			else{
966				wavesurfer.setVolume(playerVolume / 100);
967			}
968
969			wavesurfer.play();
970
971			return false;
972		}
973	});
974	$('body').on('click', '.news-detail .playerWavePause, .playlist-side .playerWavePause, .old-points-block .playerWavePause', function(event){
975		console.log('pause');
976		if($(event.target).parents('.playerDwnld').length == 0){
977			event.preventDefault();
978
979			var btn = $(event.currentTarget);
980			if(btn.parents('.news-detail').length > 0 && $(event.target).prop('tagName') == "IMG"){
981				return false;
982			}
983
984			btn.removeClass('playerWavePause');
985			btn.addClass('playerWavePlay');
986			$('#playerWave .playerWavePause').hide();
987			$('#header-player .playerWavePause').hide();
988			$('#playerWave .playerWavePlay').show();
989			$('#header-player .playerWavePlay').show();
990			
991			wavesurfer.pause();
992
993			return false;
994		}
995	});
996
997	var currentArticlePlayer = 0;
998	$('body').on('click', '.playerArticle .progressHolder', function(event){
999		if($(event.target).parents('.playerDownload').length == 0){
1000			var holder = $(event.currentTarget);
1001			var player = holder.parents('.playerArticle');
1002			var trackNum = player.attr('data-player');
1003
1004			if(currentArticlePlayer == trackNum){
1005				event.preventDefault();
1006				
1007				var x = event.offsetX - 10;
1008				
1009				wavesurfer.pause();
1010				wavesurfer.seekTo(x / holder.width());
1011
1012				if(player.hasClass('active')){
1013					wavesurfer.play();
1014				}
1015				
1016				return false;
1017			}
1018		}
1019	});
1020	$('body').on('click', '.playerArticle', function(event){
1021		if($(event.target).parents('.playerDownload').length == 0){
1022			event.preventDefault();
1023			var player = $(event.currentTarget);
1024			var trackSrc = player.attr('data-track');
1025			var trackNum = player.attr('data-player');
1026			
1027			if(player.hasClass('active')){
1028				player.removeClass('active');
1029
1030				wavesurfer.pause();
1031			}
1032			else{
1033				ytPause();
1034				if(trackNum != currentArticlePlayer){
1035					$('.playerArticle').removeClass('active');
1036					$('.playerArticle .playerProgress').css({'width':0});
1037					$('.playerArticle .playerDuration').hide();
1038					wavesurfer.load(trackSrc);
1039					currentArticlePlayer = trackNum;
1040				}
1041
1042				player.addClass('active');
1043				wavesurfer.play();
1044			}
1045
1046			return false;
1047		}
1048	});
1049
1050	function ytPause(){
1051		$('.ytVideoFrame').each(function(index, item){
1052			item.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
1053		});
1054		if($('.video-js video').length > 0){
1055			$('.video-js video').each(function(index, item){
1056				item.pause();
1057			});
1058		}
1059	}
1060
1061	$('body').on('click', '.video-js', function(event){
1062		$('.player-new.active .pause-icon').click();
1063		$('.ytVideoFrame').each(function(index, item){
1064			item.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
1065		});
1066		if($('.video-js video').length > 0){
1067			$('.video-js video').each(function(index, item){
1068				if(item != $(event.currentTarget).find('video')[0]){
1069					item.pause();
1070				}
1071			});
1072		}
1073	});
1074
1075	function refreshPlayer(playerWrapper){
1076	}
1077
1078
1079	//	super-new-player
1080	$('body').on('click touchstart', '.player-new .play-icon, .player-new:not(.active) .player-new-text', function(event){
1081		event.preventDefault();
1082		console.log('play new');
1083
1084		var btn = $(event.currentTarget);
1085		var player = btn.parents('.player-new');
1086		var trackSrc = player.attr('data-track');
1087
1088		if(!player.hasClass('paused')){
1089			if($('.player-new.active').length > 0){
1090				var duration = $('.player-new.active audio')[0].duration;
1091				var minutes = Math.floor(duration / 60);
1092				var seconds = Math.floor(duration % 60);
1093				if(seconds < 10){
1094					seconds = '0' + seconds;
1095				}
1096				$('.player-new.active .player-new-duration').text(minutes+':'+seconds);
1097
1098				$('.player-new.active audio')[0].currentTime = 0;
1099				$('.player-new.active .player-new-progress').width(0);
1100			}
1101			if($('.player-new.paused').length > 0){
1102				var duration = $('.player-new.paused audio')[0].duration;
1103				var minutes = Math.floor(duration / 60);
1104				var seconds = Math.floor(duration % 60);
1105				if(seconds < 10){
1106					seconds = '0' + seconds;
1107				}
1108				$('.player-new.paused .player-new-duration').text(minutes+':'+seconds);
1109
1110				$('.player-new.paused audio')[0].currentTime = 0;
1111				$('.player-new.paused .player-new-progress').width(0);
1112			}
1113			$('.player-new .player-new-progress').width(0);
1114			
1115			/*wavesurfer.load(trackSrc);*/
1116			$('#playerWaveDownload').attr({'href':trackSrc});
1117			
1118			var name = player.find('.player-new-name').text();
1119			var theme = btn.find('.player-new-theme').text();
1120			if(theme.length > 0){
1121				$('#playerWaveName').text(name + ' - ' + theme);
1122				$('#playerWaveName').attr({'title':name + ' - ' + theme});
1123			}
1124			else{
1125				$('#playerWaveName').text(name);
1126				$('#playerWaveName').attr({'title':name});
1127			}
1128			$('#header-player').attr({'title':name+' - '+theme});
1129			$('.playerHeaderName').text(name);
1130			$('.playerHeaderTheme').text(theme);
1131		}
1132
1133		$('.player-new.active').removeClass('active');
1134		$('.player-new.paused').removeClass('paused');
1135		player.addClass('active');
1136
1137		$('#playerWave .playerWavePlay').hide();
1138		$('#playerWave .playerWavePause').show();
1139		$('#header-player .playerWavePlay').hide();
1140		$('#header-player .playerWavePause').show();
1141
1142		if($('.player-new-mute').hasClass('active')){
1143			//wavesurfer.setVolume(0);
1144			player.find('audio')[0].volume = 0;
1145		}
1146		else{
1147			//wavesurfer.setVolume(playerVolume / 100);
1148			player.find('audio')[0].volume = playerVolume / 100;
1149		}
1150
1151		ytPause();
1152		/*wavesurfer.play();*/
1153		$('audio').each(function(index, item){
1154			item.pause();
1155		});
1156		player.find('audio')[0].play();
1157
1158		return false;
1159	});
1160
1161	
1162	$('body').on('click', '.player-to-time', function(event){
1163		event.preventDefault();
1164
1165		var link = $(event.currentTarget);
1166		var playerSrc = link.attr('data-track');
1167		var time = link.attr('data-time');
1168
1169		var player;
1170		$('.player-new').each(function(index, item){
1171			if($(item).attr('data-track').indexOf(playerSrc) >= 0){
1172				player = $(item);
1173			}
1174		});
1175
1176		//var player = $('.player-new[data-track="'+playerSrc+'"]');
1177		console.log(player);
1178		var audio = player.find('audio')[0];
1179		var arTime = time.split(':');
1180		var duration = parseInt(arTime[0]) * 60 + parseInt(arTime[1]);
1181
1182		console.log(duration);
1183
1184
1185		if($('.player-new.active').length > 0){
1186			var playerActive = $('.player-new.active');
1187			playerActive.find('.pause-icon').click();
1188			//$('.player-new.active').addClass('paused');
1189
1190			playerActive.find('audio').animate({volume : 0}, 300, function(event){
1191				audio.currentTime = duration;
1192				audio.volume = 0;
1193				$(audio).animate({volume : playerVolume / 100}, 300);
1194				player.find('.play-icon').click();
1195			});
1196		}
1197		else{
1198			audio.currentTime = duration;
1199			player.find('.play-icon').click();
1200		}
1201
1202		return false;
1203	});
1204
1205
1206	$('body').on('click', '.player-new .pause-icon, .player-new.active .player-new-text', function(event){
1207		event.preventDefault();
1208
1209		var btn = $(event.currentTarget);
1210		var player = btn.parents('.player-new');
1211
1212		btn.parents('.player-new').removeClass('active');
1213		btn.parents('.player-new').addClass('paused');
1214
1215		$('#playerWave .playerWavePause').hide();
1216		$('#header-player .playerWavePause').hide();
1217		$('#playerWave .playerWavePlay').show();
1218		$('#header-player .playerWavePlay').show();
1219		
1220		/*wavesurfer.pause();*/
1221		player.find('audio')[0].pause();
1222
1223		return false;
1224	});
1225
1226	$('body').on('click', '.player-new.active .player-new-bottom, .player-new.paused .player-new-bottom', function(event){
1227		event.preventDefault();
1228		
1229		var holder = $(event.currentTarget);
1230		var player = holder.parents('.player-new');
1231		var x = event.offsetX;
1232		
1233		var percent = x / holder.width();
1234		var duration = player.find('audio')[0].duration;	
1235
1236		if(player.hasClass('paused')){
1237			/*wavesurfer.seekTo(x / holder.width());*/
1238			player.find('audio')[0].currentTime = duration * percent;
1239			player.find('.player-new-progress').width(x);
1240
1241			var duration = player.find('audio')[0].duration;
1242			var minutes = Math.floor(duration * percent / 60);
1243			var seconds = Math.floor(duration * percent % 60);
1244			if(seconds < 10){
1245				seconds = '0' + seconds;
1246			}
1247			player.find('.player-new-duration').text(minutes+':'+seconds);
1248		}
1249		else{
1250			/*wavesurfer.seekTo(x / holder.width());*/
1251			player.find('audio')[0].currentTime = duration * percent;
1252		}
1253				
1254		return false;
1255	});
1256
1257	$('body').on('click', '.player-new-mute', function(event){
1258		event.preventDefault();
1259
1260		var btn = $(event.currentTarget);
1261		if($(window).width() > 768){
1262			if(btn.hasClass('active')){
1263				$('.player-new .player-new-volume-value').width(playerVolume+'%');
1264				/*wavesurfer.setVolume(playerVolume / 100);*/
1265				$('.player-new audio').each(function(index, item){
1266					item.volume = playerVolume / 100;
1267				});
1268
1269				$('.player-new-mute').removeClass('active');
1270			}
1271			else{
1272				$('.player-new .player-new-volume-value').width(0);
1273				/*wavesurfer.setVolume(0);*/
1274				$('.player-new audio').each(function(index, item){
1275					item.volume = 0;
1276				});
1277
1278				$('.player-new-mute').addClass('active');
1279			}
1280		}
1281		else{
1282			$('.player-new .player-new-volume').show();
1283			$('body').on('click', hideVolume);
1284		}
1285
1286		return false;
1287	});
1288
1289	var startX;
1290	var startY;
1291	$('body').on('mousedown', '.player-new .player-new-volume', function(event){
1292		if($(window).width() <= 768){
1293			event.preventDefault();
1294
1295
1296			startY = event.screenY;
1297			var newY = event.offsetY - $('.player-new-volume').offset().top;
1298			var newVolume = (newY / $('.player-new .player-new-volume').height() * 100);
1299			var newHeight = $('.player-new .player-new-volume').height() * newVolume / 100;
1300			$(event.target).parents('.player-new').find('.player-new-name').text(event.screenY+' - '+newY+' - '+newVolume+' - '+newHeight);
1301			$('.player-new .player-new-volume-value').css({'margin-top':newHeight + 'px'});
1302
1303			playerVolume = newVolume;
1304			/*wavesurfer.setVolume(newVolume / 100);*/
1305			$('.player-new audio').each(function(index, item){
1306				item.volume = playerVolume / 100;
1307			});
1308
1309			return false;
1310		}
1311	});
1312	$('body').on('mousedown', '.player-new .player-new-volume', function(event){
1313		event.preventDefault();
1314
1315		if($(window).width() > 768){
1316			startX = event.screenX;
1317			var newX = event.offsetX;
1318			var newVolume = newX / $('.player-new .player-new-volume').width() * 100;
1319			$('.player-new .player-new-volume-value').width(newVolume + '%');
1320		}
1321		else{
1322			startY = event.screenY;
1323			var newY = event.clientY - $('.player-new-volume').offset().top;
1324			var newVolume = (newY / $('.player-new .player-new-volume').height() * 100);
1325			var newHeight = $('.player-new .player-new-volume').height() * newVolume / 100;
1326			$('.player-new .player-new-volume-value').css({'margin-top':newHeight + 'px'});
1327		}
1328		
1329		playerVolume = newVolume;
1330		/*wavesurfer.setVolume(newVolume / 100);*/
1331		$('.player-new audio').each(function(index, item){
1332			item.volume = playerVolume / 100;
1333		});
1334
1335		$('body').on('mousemove', moveVolume);
1336				
1337		return false;
1338	});
1339	$('body').on('mouseup', function(event){
1340		$('body').off('mousemove', moveVolume);
1341	});
1342
1343	function moveVolume(event){
1344		if($(window).width() > 768){
1345			var diffX = event.screenX - startX;
1346			var diffVolume = diffX / $('.player-new .player-new-volume').width() * 100;
1347		}
1348		else{
1349			var diffY = event.screenY - startY;
1350			var diffVolume = diffY / $('.player-new .player-new-volume').height() * 100;
1351		}
1352
1353		var newVolume = playerVolume + diffVolume;
1354		if(newVolume < 0){
1355			newVolume = 0;
1356		}
1357		if(newVolume > 100){
1358			newVolume = 100;
1359		}
1360
1361		if($(window).width() > 768){
1362			$('.player-new .player-new-volume-value').width(newVolume + '%');
1363		}
1364		else{
1365			var newHeight = $('.player-new .player-new-volume').height() * newVolume / 100;
1366			var newVolume = 100 - newVolume;
1367			$('.player-new .player-new-volume-value').css({'margin-top':newHeight + 'px'});
1368		}
1369
1370		/*wavesurfer.setVolume(newVolume / 100);*/
1371		$('.player-new audio').each(function(index, item){
1372			item.volume = newVolume / 100;
1373		});
1374	}
1375	function hideVolume(event){
1376		var target = $(event.target);
1377		if(!target.hasClass('player-new-volume') && target.parents('.player-new-volume').length == 0){
1378			$('.player-new .player-new-volume').hide();
1379			$('body').off('click', hideVolume);
1380		}
1381	}
1382</script>
1382
1383
1384<style type="text/css">
1385.no-svg .play-icon{
1386	background: url('/local/components/vtrock/player.wave/templates/crossbrow/images/play-icon.png');
1387	background-size: cover;
1388}
1389.no-svg .pause-icon{
1390	background: url('/local/components/vtrock/player.wave/templates/crossbrow/images/pause-icon.png');
1391	background-size: cover;
1392}
1393.no-svg .dwnld-icon{
1394	background: url('/local/components/vtrock/player.wave/templates/crossbrow/images/dwnld-icon.png');
1395	background-size: cover;
1396}
1397</style>
1398    <div class="container" style="position:relative;">
1399        <div class="col-lg-2 col-md-2 col-sm-3">
1400            <a class="header-logo" href="/"><img src="/local/templates/articles/images/logo_temp.png" /></a>
1401            
1402<button aria-controls="bs-navbar" aria-expanded="false" class="navbar-toggle collapsed" data-target="#bs-navbar" data-toggle="collapse" type="button">
1403	<span class="sr-only">Toggle navigation</span>
1404	<span class="icon-bar"></span>
1405	<span class="icon-bar"></span>
1406	<span class="icon-bar"></span>
1407</button>
1408
1409
1410
1411<nav class="navbar-collapse collapse" id="bs-navbar" aria-expanded="true">
1412	<ul class="left-menu">
1413						<li><a href="/100atm/" class="selected">100 Атмосфер</a></li>
1414				
1415						<li><a href="/blog/">Блог</a></li>
1416				
1417						<li><a href="/articles/">Статьи</a></li>
1418				
1419						<li><a href="/video-lessons/">Видеоуроки</a></li>
1420				
1421						<li><a href="/donate/">Задонатить!</a></li>
1422				
1423						<li><a href="/battle3/">Баттл</a></li>
1424				
1425	
1426	
1427	</ul>
1428</nav>
1429            <div class="holder-btn-top">
1430                <a class="btn-top" href="#" title="Вернуться наверх"></a>
1431            </div>
1432        </div>
1433
1434        
1435<script type="text/javascript" src="/local/components/vtrock/tiny.mce/templates/.default/tinymce_100atm/tinymce.js"></script>
1435
1436
1437<div class="col-lg-8 col-md-8 col-sm-9 main-content atm_page">
1438    <img class="main_head" src="/upload/articles/100atm_head.jpg">
1439    <ul class="atm_menu">
1440                    <li class="active" data-id="">Главное</a></li>
1441                    <li class="" data-id="songs">Песни</a></li>
1442                    <li class="" data-id="clips">Клипы</a></li>
1443                    <li class="" data-id="texts">Тексты</a></li>
1444                    <li class="" data-id="minusa">Минуса</a></li>
1445                <br clear="all">
1446    </ul>
1447    <div class="atm_holder">
1448                    <div class="atm_section active ">
1449                                                        
1450<div class="news-detail">
1451    <div class="detail_text">
1452        <p>Рэп, который делает человек, выросший на роке.</p>    </div>
1453    <br clear="all">
1454</div>
1455
1456                            </div>
1457                    <div class="atm_section  song-section">
1458                                                        
1459<div class="news-detail">
1460    <div class="detail_text">
1461        <p><div class="player-new" data-track="/tracks/articles/1ntroVert - На дне.mp3" data-player="1"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:22</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/1ntroVert - На дне.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">1ntroVert</span> - <span class="player-new-theme">На дне</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/1ntroVert - На дне.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/100 Атмосфер - Улетай.mp3" data-player="2"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">4:15</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/100 Атмосфер - Улетай.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">
1461100 Атмосфер</span> - <span class="player-new-theme">Улетай</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/100 Атмосфер - Улетай.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/100 Atm - Terminator.mp3" data-player="3"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:34</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/100 Atm - Terminator.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">
1461100 Атмосфер</span> - <span class="player-new-theme">Терминатор</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/100 Atm - Terminator.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/1ntroVert - Когда мы взлетаем.mp3" data-player="4"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">5:34</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/1ntroVert - Когда мы взлетаем.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">1ntroVert</span> - <span class="player-new-theme">Когда мы взлетаем</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/1ntroVert - Когда мы взлетаем.mp3"></audio></div></p>    </div>
1462    <br clear="all">
1463</div>
1464
1465                            </div>
1466                    <div class="atm_section  ">
1467                                                        
1468<div class="news-detail">
1469    <div class="detail_text">
1470        <p>1ntroVert - Tabula rasa</p>
1471<p>Обсуждение ВКонтакте: <a href="https://vk.com/wall-21571714_53422">https://vk.com/wall-21571714_53422</a></p>
1472<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/MdLXiHFI6eg?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p>
1473<hr />
1474<p>1ntroVert - МИМАНОТ</p>
1475<p>Обсуждение ВКонтакте: <a href="https://vk.com/wall-21571714_52680">https://vk.com/wall-21571714_52680</a></p>
1476<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/zowanYS0XzU?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p>
1477<hr />
1478<p>100 Атмосфер - Поломанные (Та|Сторона cover)</p>
1479<p>Обсуждение ВКонтакте: <a href="https://vk.com/wall-21571714_51659">https://vk.com/wall-21571714_51659</a></p>
1480<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/CrGc7AS83a8?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p>
1481<hr />
1482<p>100 Атмосфер - Когда мы взлетаем (Johnyboy cover)</p>
1483<p>Обсуждение ВКонтакте: <a href="https://vk.com/wall-21571714_49647">https://vk.com/wall-21571714_49647</a></p>
1484<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/Wwbr_rEsDHk?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p>
1485<hr />
1486<p>100 Атмосфер - Чай (Крайм Волшебник cover)</p>
1487<p>Обсуждение ВКонтакте: <a href="https://vk.com/wall-21571714_36359">https://vk.com/wall-21571714_36359</a></p>
1488<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/VD5n1nnKdAk?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p>
1489<hr />
1490<p>100 Атмосфер - Ultima Thule (Oxxxymiron &amp; Луперкаль cover)</p>
1491<p>Обсуждение ВКонтакте: <a href="https://vk.com/wall-21571714_34931">https://vk.com/wall-21571714_34931</a></p>
1492<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/n9lF6oJk7UI?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p>
1493<hr />
1494<p>100 Атмосфер и Дмитрий Никульшин - Hurricane (30 Seconds to Mars russian cover)</p>
1495<p>Обсуждение ВКонтакте: <a href="https://vk.com/wall-21571714_31854">https://vk.com/wall-21571714_31854</a></p>
1496<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/sQTmthepDYo?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p>
1497<hr />
1498<p>В этот список вошли не все видео, а только избранные. Все видео можно найти на моём канале ютуба: <a href="https://www.youtube.com/user/Vertintro">https://www.youtube.com/user/Vertintro</a></p>    </div>
1499    <br clear="all">
1500</div>
1501
1502                            </div>
1503                    <div class="atm_section  ">
1504                                                        
1505
1506<div class="text-list">
1507                    <a class="text-link " href="/text/100-atmosfer-jurassic-park/" data-id="15550">
1508            100 Атмосфер - Jurassic park                    </a>
1509                    <a class="text-link " href="/text/100-atmosfer-tabula-rasa/" data-id="6677">
1510            100 Атмосфер - Tabula rasa                    </a>
1511                    <a class="text-link " href="/text/separate-ways/" data-id="6665">
1512            100 Атмосфер - В разные стороны                    </a>
1513                    <a class="text-link " href="/text/100-atmosfer-velik/" data-id="15647">
1514            100 Атмосфер - Велик                    </a>
1515                    <a class="text-link " href="/text/100-atmosfer-vesna/" data-id="15399">
1516            100 Атмосфер - Весна                    </a>
1517                    <a class="text-link " href="/text/100-atmosfer-geymer/" data-id="15662">
1518            100 Атмосфер - Геймер                    </a>
1519                    <a class="text-link " href="/text/100-atmosfer-do-vstrechi-v-adu/" data-id="15569">
1520            100 Атмосфер - До встречи в аду                    </a>
1521                    <a class="text-link " href="/text/winter/" data-id="6622">
1522            100 Атмосфер - Зима                    </a>
1523                    <a class="text-link " href="/text/zritel/" data-id="6623">
1524            100 Атмосфер - Зрители                    </a>
1525                    <a class="text-link " href="/text/one-killer-story/" data-id="6628">
1526            100 Атмосфер - История одного убийцы                    </a>
1527                    <a class="text-link " href="/text/cemetery/" data-id="6656">
1528            100 Атмосфер - Кладбище                    </a>
1529                    <a class="text-link " href="/text/mathematician/" data-id="6630">
1530            100 Атмосфер - Математик                    </a>
1531                    <a class="text-link " href="/text/100-atmosfer-mimanot/" data-id="6674">
1532            100 Атмосфер - МИМАНОТ                    </a>
1533                    <a class="text-link " href="/text/100-atmosfer-na-dne/" data-id="6666">
1534            100 Атмосфер - На дне                    </a>
1535                    <a class="text-link " href="/text/na-krau-zemli/" data-id="6676">
1536            100 Атмосфер - На краю земли                    </a>
1537                    <a class="text-link " href="/text/don-t-cry/" data-id="6635">
1538            100 Атмосфер - Не надо слёз                    </a>
1539                    <a class="text-link " href="/text/pesnya-lda/" data-id="6667">
1540            100 Атмосфер - Песня пламени и льда                    </a>
1541                    <a class="text-link " href="/text/polomannie/" data-id="6673">
1542            100 Атмосфер - Поломанные (Та|Сторона cover)                    </a>
1543                    <a class="text-link " href="/text/100-atmosfer-popytki/" data-id="15465">
1544            100 Атмосфер - Попытки                    </a>
1545                    <a class="text-link " href="/text/keep-searching/" data-id="6664">
1546            100 Атмосфер - Продолжая поиск                    </a>
1547                    <a class="text-link " href="/text/goodbye-my-earth/" data-id="6651">
1548            100 Атмосфер - Прощай, Земля!                    </a>
1549                    <a class="text-link " href="/text/do-it-yourself/" data-id="6640">
1550            100 Атмосфер - Сам себе режиссёр                    </a>
1551                    <a class="text-link " href="/text/blue-sky/" data-id="6653">
1552            100 Атмосфер - Синее небо                    </a>
1553                    <a class="text-link " href="/text/100-atmosfer-snezhnaya-sonata/" data-id="15436">
1554            100 Атмосфер - Снежная соната                    </a>
1555                    <a class="text-link " href="/text/spokoinoi/" data-id="6671">
1556            100 Атмосфер - Спокойной ночи                    </a>
1557                    <a class="text-link " href="/text/100-atmosfer-terminator/" data-id="15401">
1558            100 Атмосфер - Терминатор                    </a>
1559                    <a class="text-link " href="/text/uletai/" data-id="6670">
1560            100 Атмосфер - Улетай                    </a>
1561                    <a class="text-link " href="/text/aliens/" data-id="6642">
1562            100 Атмосфер - Чужие                    </a>
1563                    <a class="text-link " href="/text/show-must-go-off/" data-id="6643">
1564            100 Атмосфер - Шоу должно закончиться                    </a>
1565                    <a class="text-link " href="/text/100-atmosfer-enemyofthedream-my-hate/" data-id="6613">
1566            100 Атмосфер & enemyofthedream - My hate                    </a>
1567                    <a class="text-link " href="/text/100-atmosfer-x-katya-smolina-koshmar-na-ulitse-vyazov/" data-id="15601">
1568            100 Атмосфер x Катя Смолина - Кошмар на улице Вязов                    </a>
1569                    <a class="text-link " href="/text/100-atmosfer-mel1zm-hurricane-30-seconds-to-mars-russian-cover/" data-id="6654">
1570            100 Атмосфер, mel1zm - Hurricane (30 Seconds to Mars russian cover)                    </a>
1571                    <a class="text-link " href="/text/1ntroversus/" data-id="6672">
1572            1ntroVersus                    </a>
1573                    <a class="text-link " href="/text/25-kadr/" data-id="6655">
1574            25-й кадр                    </a>
1575                    <a class="text-link " href="/text/lilstop-johnyboy/" data-id="6650">
1576            Lil'Stop/Johnyboy - Завтра новый день                    </a>
1577                    <a class="text-link " href="/text/mad-meets-devil-my-faith/" data-id="6675">
1578            Mad Meets Devil - My Faith                    </a>
1579                    <a class="text-link " href="/text/mad-meets-devil-no-more-creativity/" data-id="6658">
1580            Mad Meets Devil - Долой креатив                    </a>
1581                    <a class="text-link " href="/text/mmd-from-the-outside/" data-id="6659">
1582            Mad Meets Devil - Извне                    </a>
1583                    <a class="text-link " href="/text/mmd-mental-malnutrition/" data-id="6661">
1584            Mad Meets Devil - Мозговое недоедание                    </a>
1585                    <a class="text-link " href="/text/mad-meets-devil-we-ve-won/" data-id="6657">
1586            Mad Meets Devil - Наша взяла                    </a>
1587                    <a class="text-link " href="/text/predely-morali/" data-id="6662">
1588            Mad Meets Devil - Пределы морали                    </a>
1589                    <a class="text-link " href="/text/mmd-hard-flirt/" data-id="6660">
1590            Mad Meets Devil - Тяжёлый флирт                    </a>
1591                    <a class="text-link " href="/text/numb-linkin-park-cover/" data-id="6614">
1592            Numb (Linkin Park cover)                    </a>
1593                    <a class="text-link " href="/text/reforma-podari-mne/" data-id="6649">
1594            REФОRМА - Подари мне (акустическая версия)                    </a>
1595                    <a class="text-link " href="/text/reforma-pust/" data-id="6648">
1596            RЕФОRМА - Пусть (акустическая версия)                    </a>
1597                    <a class="text-link " href="/text/ultima-thule-oxxxymiron-luperkal-cover/" data-id="6663">
1598            Ultima Thule (Oxxxymiron & Луперкаль cover)                    </a>
1599                    <a class="text-link " href="/text/all-i-wanted/" data-id="6615">
1600            А я всего-то хотел                    </a>
1601                    <a class="text-link " href="/text/keep-it-easy/" data-id="6616">
1602            Будь проще                    </a>
1603                    <a class="text-link " href="/text/mutiny/" data-id="6617">
1604            Бунт на корабле                    </a>
1605                    <a class="text-link " href="/text/in-the-end/" data-id="6618">
1606            В конце концов                    </a>
1607                    <a class="text-link " href="/text/animal-planet/" data-id="6619">
1608            В мире животных                    </a>
1609                    <a class="text-link " href="/text/no-more-covers/" data-id="6620">
1610            Довольно каверов                    </a>
1611                    <a class="text-link " href="/text/healthy-rap/" data-id="6621">
1612            Здоровый образ рэпа                    </a>
1613                    <a class="text-link " href="/text/hide-and-seek/" data-id="6624">
1614            Игра в прятки или сотворение мира                    </a>
1615                    <a class="text-link " href="/text/the-game/" data-id="6625">
1616            Игра на выживание                    </a>
1617                    <a class="text-link " href="/text/under-the-ground/" data-id="6626">
1618            Из-под земли                    </a>
1619                    <a class="text-link " href="/text/inventor/" data-id="6627">
1620            Изобретатель Семён                    </a>
1621                    <a class="text-link " href="/text/crime-tea/" data-id="6652">
1622            Крайм - Чай                    </a>
1623                    <a class="text-link " href="/text/millionare/" data-id="6629">
1624            Кто хочет стать миллионером                    </a>
1625                    <a class="text-link " href="/text/kukushka-kino-cover/" data-id="6669">
1626            Кукушка (Кино cover)                    </a>
1627                    <a class="text-link " href="/text/music-and-motion/" data-id="6631">
1628            Музыка в движении                    </a>
1629                    <a class="text-link " href="/text/loud-thinking/" data-id="6633">
1630            Мысли вслух                    </a>
1631                    <a class="text-link " href="/text/the-beginning/" data-id="6632">
1632            Начало                    </a>
1633                    <a class="text-link " href="/text/not-first-time/" data-id="6634">
1634            Не в первый раз                    </a>
1635                    <a class="text-link " href="/text/the-big-dream/" data-id="6636">
1636            Одна большая мечта                    </a>
1637                    <a class="text-link " href="/text/guitar-song/" data-id="6637">
1638            Песня под гитару                    </a>
1639                    <a class="text-link " href="/text/midnight/" data-id="6638">
1640            Полночь                    </a>
1641                    <a class="text-link " href="/text/brave-new-world/" data-id="6639">
1642            Прекрасный нов
1642ый мир                    </a>
1643                    <a class="text-link " href="/text/old-house/" data-id="6668">
1644            Проклятый старый дом (Король и шут cover)                    </a>
1645                    <a class="text-link " href="/text/sdavatsya-nelzya-pink-cover/" data-id="6678">
1646            Сдаваться нельзя (Pink cover)                    </a>
1647                    <a class="text-link " href="/text/it-s-snowing-again/" data-id="6641">
1648            Снова снег идёт                    </a>
1649                    <a class="text-link " href="/text/i-bet/" data-id="6644">
1650            Я заключил с тобой пари                    </a>
1651                    <a class="text-link " href="/text/not-pop/" data-id="6645">
1652            Я не попса                    </a>
1653                    <a class="text-link " href="/text/not-gonna-be-next/" data-id="6646">
1654            Я не хочу быть следующим                    </a>
1655                    <a class="text-link " href="/text/i-failed/" data-id="6647">
1656            Я ошибался                    </a>
1657    </div>
1658
1659<script type="text/javascript">
1660$('body').on('click', '.text-link .btn-edit-item', function(event){
1661    window.location.href = $(event.currentTarget).attr('data-href');
1662});
1663</script>
1663
1664
1665<style type="text/css">
1666.text-link{
1667    display: block;
1668    color: #414141;
1669    font-size: 15px;
1670    padding: 12px 20px;
1671    border-radius: 5px;
1672}
1673.text-link:hover{
1674    background: #f6f6f6;
1675    color: #414141;
1676    text-decoration: none;
1677}
1678.text-link.text-draft{
1679    background: rgba(249, 79, 33, 0.15);
1680}
1681.text-link .btn-edit-item{
1682    padding: 0px 3px;
1683    display: none;
1684    float: right;
1685}
1686.text-link:hover .btn-edit-item{
1687    display: inline-block;
1688}
1689</style>                            </div>
1690                    <div class="atm_section  ">
1691                                                        
1692<div class="news-detail">
1693    <div class="detail_text">
1694        <p><div class="player-new" data-track="/tracks/articles/Zer0 Beats prod. - Zriteli.mp3" data-player="1"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:48</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/Zer0 Beats prod. - Zriteli.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Mr. Zer0</span> - <span class="player-new-theme">Зрители (минус)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/Zer0 Beats prod. - Zriteli.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/4ai INSTR v4.mp3" data-player="2"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:24</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/4ai INSTR v4.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Крайм Волшебник</span> - <span class="player-new-theme">Чай (100 Атмосфер минус)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/4ai INSTR v4.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/Выдыхай v3 INSTR + CLEAN NEW.mp3" data-player="3"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:02</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/Выдыхай v3 INSTR + CLEAN NEW.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Noize MC</span> - <span class="player-new-theme">Выдыхай (1ntroVert prod)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/Выдыхай v3 INSTR + CLEAN NEW.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/Когда мы взлетаем INSTR.mp3" data-player="4"><div class="player-new-top">
1694<svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">5:34</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/Когда мы взлетаем INSTR.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Johnyboy</span> - <span class="player-new-theme">Когда мы взлетаем (100 Атмосфер минус)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/Когда мы взлетаем INSTR.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/1ntroVert - MIMANOT INSTR.mp3" data-player="5"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">1:50</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/1ntroVert - MIMANOT INSTR.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">1ntroVert</span> - <span class="player-new-theme">МИМАНОТ (минус)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/1ntroVert - MIMANOT INSTR.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/Moe More 5 INSTR.mp3" data-player="6"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">2:21</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/Moe More 5 INSTR.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Noize MC</span> - <span class="player-new-theme">Моё море (100 Атмосфер минус)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/Moe More 5 INSTR.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/Ultima Thule 84 INSTR CLEAN v2.mp3" data-player="7"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:31</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/Ultima Thule 84 INSTR CLEAN v2.mp3" download>
1694<svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Oxxxymiron &amp; Луперкаль</span> - <span class="player-new-theme">Ultima Thule (100 Атмосфер минус)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/Ultima Thule 84 INSTR CLEAN v2.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/1ntroVersus (instrumental).mp3" data-player="8"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">4:05</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/1ntroVersus (instrumental).mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">1ntroVert</span> - <span class="player-new-theme">1ntroVersus (минус)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/1ntroVersus (instrumental).mp3"></audio></div><div class="player-new" data-track="/tracks/articles/Polomannie FINAL INSTR.mp3" data-player="9"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:32</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/Polomannie FINAL INSTR.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Та|Сторона</span> - <span class="player-new-theme">Поломанные (100 Атмосфер минус)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/Polomannie FINAL INSTR.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/09. Mad Meets Devil - Тяжёлый Флирт (instrumental).mp3" data-player="10"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">5:27</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/09. Mad Meets Devil - Тяжёлый Флирт (instrumental).mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Mad Meets Devil</span> - <span class="player-new-theme">Тяжёлый Флирт (минус)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/09. Mad Meets Devil - Тяжёлый Флирт (instrumental).mp3"></audio></div><div class="player-new" data-track="/tracks/articles/10. Mad Meets Devil - Мозговое Недоедание (instrumental).mp3" data-player="11"><div class="player-new-top">
1694<svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">4:57</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/10. Mad Meets Devil - Мозговое Недоедание (instrumental).mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Mad Meets Devil</span> - <span class="player-new-theme">Мозговое Недоедание (минус)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/10. Mad Meets Devil - Мозговое Недоедание (instrumental).mp3"></audio></div><div class="player-new" data-track="/tracks/articles/11. Mad Meets Devil - Пределы Морали (instrumental).mp3" data-player="12"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:54</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/11. Mad Meets Devil - Пределы Морали (instrumental).mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Mad Meets Devil</span> - <span class="player-new-theme">Пределы Морали (минус)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/11. Mad Meets Devil - Пределы Морали (instrumental).mp3"></audio></div></p>    </div>
1695    <br clear="all">
1696</div>
1697
1698                            </div>
1699            </div>
1700</div>
1701
1702<script type="text/javascript">
1703$(document).ready(function(event){
1704    if($(location).attr('hash').length > 0){
1705        var page = $(location).attr('hash').substr(1);
1706        var link = $('[data-id='+page+']');
1707
1708        link.click();
1709    }
1710
1711  $(function() {
1712    // Find all YouTube and Vimeo videos
1713    var $allVideos = $("iframe[src*='www.youtube.com'], iframe[src*='player.vimeo.com']");
1714
1715    // Figure out and save aspect ratio for each video
1716    $allVideos.each(function() {
1717      var $el = $(this);
1718      var newWidth = $el.width();
1719      if($el.data('aspectratio') === undefined){
1720        $el.attr({'data-aspectratio':'0.562'});
1721      }
1722      $el.height(newWidth * $el.data('aspectratio'));
1723    });
1724
1725    // When the window is resized
1726    $(window).resize(function() {
1727      $allVideos.each(function() {
1728        var $el = $(this);
1729        var newWidth = $el.width();
1730        $el.height(newWidth * $el.data('aspectratio'));
1731      });
1732    }).resize();
1733  });
1734});
1735
1736/*$('.btn-edit-article').on('click', function(event){
1737    $('.atm_section.active .news-detail').hide();
1738    $('.atm_section.active .btn-edit-article').hide();
1739    $('.atm_section.active .btn-close-edit-article').show();
1740    $('.atm_section.active .element-edit-form').show();
1741});
1742$('.btn-close-edit-article').on('click', function(event){
1743    $('.atm_section.active .news-detail').show();
1744    $('.atm_section.active .btn-edit-article').show();
1745    $('.atm_section.active .btn-close-edit-article').hide();
1746    $('.atm_section.active .element-edit-form').hide();
1747});*/
1748
1749$('body').on('click', '.btn-spoiler', function(event){
1750    event.preventDefault();
1751    var href = $(event.currentTarget).attr('href');
1752    if($(event.currentTarget).hasClass('active')){
1753        $(href).slideUp();
1754        $(event.currentTarget).removeClass('active');
1755    }
1756    else{
1757        $(href).slideDown(function(event2){
1758            var $allVideos = $("iframe[src*='www.youtube.com'], iframe[src*='player.vimeo.com']");
1759            $allVideos.each(function() {
1760              var $el = $(this);
1761              var newWidth = $el.width();
1762              $el.height(newWidth * $el.data('aspectratio'));
1763            });
1764        });
1765        $(event.currentTarget).addClass('active');
1766    }
1767    return false;
1768});
1769
1770//  Следим за изменениями tiny
1771function tinyChange(event){
1772    var text = tinymce.activeEditor.getContent();
1773    $.ajax({
1774        url:'/ajax-tools/articles.php',
1775        data:{
1776            action : 'draft',
1777            field : "DETAIL_TEXT",
1778            value : tinymce.activeEditor.getContent(),
1779            section : $('.atm_section.active [name=SECTION_ID]').val(),
1780            id : $('.atm_section.active [name=ID]').val(),
1781        },
1782        method: 'post',
1783        dataType:'json',
1784        success: function(data){
1785        }
1786    });
1787    //updateDraft(event.target.targetElm.name, tinymce.activeEditor.getContent());
1788};
1789$('body').on('click', '.atm_menu li', function(event){
1790    event.preventDefault();
1791
1792    var btn = $(event.currentTarget);
1793    var index = btn.index();
1794
1795    var hash = btn.attr('data-id');
1796    $(location).attr({'hash':hash});
1797
1798
1799    $('.atm_menu li.active').removeClass('active');
1800    btn.addClass('active');
1801    $('.atm_section.active').removeClass('active');
1802    $('.atm_section').eq(index).addClass('active');
1803
1804    var $allVideos = $("iframe[src*='www.youtube.com'], iframe[src*='player.vimeo.com']");
1805
1806    // Figure out and save aspect ratio for each video
1807    $allVideos.each(function() {
1808      var $el = $(this);
1809      var newWidth = $el.width();
1810      if($el.data('aspectratio') === undefined){
1811        $el.attr({'data-aspectratio':'0.562'});
1812      }
1813      $el.height(newWidth * $el.data('aspectratio'));
1814    });
1815
1816    // When the window is resized
1817    $(window).resize(function() {
1818      $allVideos.each(function() {
1819        var $el = $(this);
1820        var newWidth = $el.width();
1821        $el.height(newWidth * $el.data('aspectratio'));
1822      });
1823    }).resize();
1824
1825    return false;
1826});
1827</script>
1827
1828
1829<div class="col-lg-2 col-md-2 col-sm-9 col-sm-offset-3 col-md-offset-0 col-right-side">
1830    <div class="right-auth">
1831                    <!-- <a class="btn-auth" href="#">Вход</a> -->
1832            <button class="btn-auth" data-toggle="modal" data-target="#authModal">Вход</button>
1833                <br clear="all">
1834    </div>
1835    
1836<span class="other-articles">Другие <span style="text-transform:lowercase;"> статьи</span></span>
1837
1838<div class="news-list-side">
1839    <div class="news-block col-md-12 col-xs-6">
1840        <div class="news-item">
1841            <a href="/articles/zapis-teykami/">
1842                                    <img
1843                        class="preview_picture"
1844                        border="0"
1845                        src="/upload/iblock/590/44e8bba0e467706b95bdf4261cfab1af.png"
1846                    />
1847                            </a>
1848        
1849            <a class="news-link" href="/articles/zapis-teykami/">Запись тейками</a>
1850            <!-- <div class="preview_text">Что такое тейки? Когда они добро, а когда - зло? 4 ситуации, когда вы ДОЛЖНЫ записываться тейками.</div> -->
1851            <div class="author-name"></div>
1852        </div>
1853    </div>
1854    <div class="news-block col-md-12 col-xs-6">
1855        <div class="news-item">
1856            <a href="/articles/vdokhi/">
1857                                    <img
1858                        class="preview_picture"
1859                        border="0"
1860                        src="/upload/iblock/db7/edc6f172acd8cf14d11233a9885d6143.jpeg"
1861                    />
1862                            </a>
1863        
1864            <a class="news-link" href="/articles/vdokhi/">Вдохи в текстах песен</a>
1865            <!-- <div class="preview_text">Вдохи - это часть текста. Эта маленькая деталь может помочь в исполнении, а может поставить крест на записи или выступлении.</div> -->
1866            <div class="author-name"></div>
1867        </div>
1868    </div>
1869    <div class="news-block col-md-12 col-xs-6">
1870        <div class="news-item">
1871            <a href="/articles/odinakovye-zvuki-na-styke-slov/">
1872                                    <img
1873                        class="preview_picture"
1874                        border="0"
1875                        src="/upload/iblock/d24/d680f574cf087f2ff8038547dbda0f51.png"
1876                    />
1877                            </a>
1878        
1879            <a class="news-link" href="/articles/odinakovye-zvuki-na-styke-slov/">Одинаковые звуки на стыке слов</a>
1880            <!-- <div class="preview_text"></div> -->
1881            <div class="author-name"></div>
1882        </div>
1883    </div>
1884    <div class="news-block col-md-12 col-xs-6">
1885        <div class="news-item">
1886            <a href="/articles/slova-parazity-v-tekstakh-pesen/">
1887                                    <img
1888                        class="preview_picture"
1889                        border="0"
1890                        src="/upload/iblock/22f/25fce167126490cad557ae8c5b794447.jpg"
1891                    />
1892                            </a>
1893        
1894            <a class="news-link" href="/articles/slova-parazity-v-tekstakh-pesen/">Слова-паразиты в текстах песен</a>
1895            <!-- <div class="preview_text"></div> -->
1896            <div class="author-name"></div>
1897        </div>
1898    </div>
1899    <div class="news-block col-md-12 col-xs-6">
1900        <div class="news-item">
1901            <a href="/articles/inversiya/">
1902                                    <img
1903                        class="preview_picture"
1904                        border="0"
1905                        src="/upload/iblock/146/e19a1a0334ccde06fca5a05e68cf5a81.jpg"
1906                    />
1907                            </a>
1908        
1909            <a class="news-link" href="/articles/inversiya/">Инверсия</a>
1910            <!-- <div class="preview_text"></div> -->
1911            <div class="author-name"></div>
1912        </div>
1913    </div>
1914    <br clear="all">
1915</div>
1916</div>
1917<script type="text/javascript">
1918var currentSection = 'articles';
1919$('body').on('click', '#themeList a, .news-item a.theme-link', function(event){
1920    event.preventDefault();
1921    var btn = event.currentTarget;
1922    var theme = $(btn).text();
1923    if(theme == 'Все темы'){
1924        var url = '/'+currentSection+'/';
1925    }
1926    else{
1927        var url = '/'+currentSection+'/?';
1928        if(currentSection == 'blog'){
1929        	url += 'theme_blog=';
1930        }
1931        else{
1932        	url += 'theme=';
1933        }
1934        url += theme;
1935    }
1936    $.ajax({
1937        url: url,
1938        success: function(data){
1939            $('.news-list').html($(data).find('.news-list').html());
1940            $('#themeList').siblings('button').html('<span class="caret"></span>'+theme);
1941            $('.dropdown.open .dropdown-toggle').dropdown('toggle');
1942            $('.navigation').remove();
1943        }
1944    });
1945
1946    return false;
1947});
1948</script>
1948
1949<style type="text/css">
1950body{
1951	min-width: 0;
1952}
1953.container{
1954	min-width: 0;
1955}
1956.navbar-collapse{
1957	width: 100%;
1958	display: none;
1959}
1960
1961.news-list .news-item{
1962	width: 100%;
1963	/*height: auto;*/
1964	height: 210px;
1965	margin: 0 auto 30px;
1966}
1967.news-list .news-item .preview_picture{
1968	width: 100%;
1969	height: auto;
1970}
1971
1972@media (max-width: 768px){
1973	.container{
1974		padding: 0;
1975	}
1976	.news-list-side .news-block{
1977		padding: 5px;
1978	}
1979	.detail_text blockquote{
1980		margin: 0;
1981	}
1982	.detail_text img{
1983		max-width: 100%;
1984	}
1985	.main-education .white-container{
1986		padding: 20px;
1987	}
1988	.detail_text h1,
1989	.detail_text h2,
1990	.detail_text h3,
1991	.detail_text h4,
1992	.detail_text h5,
1993	.detail_text h6{
1994		margin: 0;
1995	}
1996
1997	div.news-list img.preview_picture{
1998		width: 100%;
1999		height: auto;
2000	}
2001	.navbar-header{
2002		margin-left: 0!important;
2003		margin-right: 0!important;
2004	}
2005}
2006</style>
2007
2008</div>
2009
2010<div class="modal fade bs-example-modal-sm" id="authModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
2011    <div class="modal-dialog">
2012        <div class="modal-content">
2013            <div class="modal-header">
2014                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
2015            </div>
2016            <div class="modal-body">
2017                
2018<div class="bx-system-auth-form">
2019	
2020			<form name="system_auth_form6zOYVN" method="post" target="_top" action="/100atm/">
2021							<input type="hidden" name="backurl" value="/100atm/" />
2022						<input type="hidden" name="AUTH_FORM" value="Y" />
2023			<input type="hidden" name="TYPE" value="AUTH" />
2024		
2025			<input tabindex="1" placeholder="Логин" class="form-control" type="text" name="USER_LOGIN" maxlength="50" value="" size="17" />
2026			<button tabindex="3" class="auth-submit" type="submit" name="Login" value=""/>
2027				<span class="glyphicon glyphicon-log-in"></span>
2028			</button>
2029			<input tabindex="2" placeholder="Пароль" class="form-control" type="password" name="USER_PASSWORD" maxlength="50" size="17" autocomplete="off" />
2030
2031			
2032
2033			<a class="btn btn-default btn-reg" href="/profile/registration/?register=yes&amp;backurl=%2F100atm%2F" rel="nofollow">Регистрация</a>
2034			<br>
2035			<a href="/profile/forgot/?forgot_password=yes&amp;backurl=%2F100atm%2F" rel="nofollow">Забыли свой пароль?</a>
2036
2037			<hr>
2038
2039							
2039<script type="text/javascript">
2040function BxSocServPopup(id)
2041{
2042	var content = BX("bx_socserv_form_"+id);
2043	if(content)
2044	{
2045		var popup = BX.PopupWindowManager.create("socServPopup"+id, BX("bx_socserv_icon_"+id), {
2046			autoHide: true,
2047			closeByEsc: true,
2048			angle: {offset: 24},
2049			content: content,
2050			offsetTop: 3
2051		});
2052
2053		popup.show();
2054
2055		var input = BX.findChild(content, {'tag':'input', 'attribute':{'type':'text'}}, true);
2056		if(input)
2057		{
2058			input.focus();
2059		}
2060
2061		var button = BX.findChild(content, {'tag':'input', 'attribute':{'type':'submit'}}, true);
2062		if(button)
2063		{
2064			button.className = 'btn btn-primary';
2065		}
2066	}
2067}
2068</script>
2068
2069
2070<div class="bx-authform-social">
2071	<ul>
2072		<li>
2073			<a id="bx_socserv_icon_VKontakte" class="vkontakte bx-authform-social-icon" href="javascript:void(0)" onclick="BX.util.popup('https://oauth.vk.com/authorize?client_id=4770430&amp;redirect_uri=https%3A%2F%2F100atm.ru%2F100atm%2F%3Fauth_service_id%3DVKontakte&amp;scope=friends,notify,offline,email&amp;response_type=code&amp;state=site_id%3Ds1%26backurl%3D%252F100atm%252F%253Fcheck_key%253D391c8e67a73e593496af6288b35583ac%26redirect_url%3D%252F100atm%252F', 660, 425)" title="ВКонтакте"></a>
2074			</li>
2075		<li>
2076			<a id="bx_socserv_icon_Facebook" class="facebook bx-authform-social-icon" href="javascript:void(0)" onclick="BX.util.popup('https://www.facebook.com/dialog/oauth?client_id=1759037934369263&amp;redirect_uri=https%3A%2F%2F100atm.ru%2F100atm%2F%3Fauth_service_id%3DFacebook%26check_key%3D391c8e67a73e593496af6288b35583ac%26backurl%3D%252F100atm%252F&amp;scope=email,publish_actions,user_friends&amp;display=popup', 680, 600)" title="Facebook"></a>
2077			</li>
2078		<li>
2079			<a id="bx_socserv_icon_GooglePlusOAuth" class="google-plus bx-authform-social-icon" href="javascript:void(0)" onclick="BX.util.popup('https://accounts.google.com/o/oauth2/auth?client_id=&amp;redirect_uri=https%3A%2F%2F100atm.ru%2Fbitrix%2Ftools%2Foauth%2Fgoogle.php&amp;scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.login+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.me&amp;response_type=code&amp;access_type=offline&amp;state=provider%3DGooglePlusOAuth%26site_id%3Ds1%26backurl%3D%252F100atm%252F%253Fcheck_key%253D391c8e67a73e593496af6288b35583ac%26mode%3Dopener%26redirect_url%3D%252F100atm%252F', 580, 400)" title="Google+"></a>
2080			</li>
2081	</ul>
2082</div>
2083					</form>
2084	
2085	
2085<script type="text/javascript">
2086	$('#authModal').on('shown.bs.modal', function () {
2087		console.log('shown');
2088	    $('.bx-system-auth-form [name=USER_LOGIN]').focus();
2089	})
2090
2091	$('body').on('click', '.btn-auth', function(event){
2092
2093		/*event.preventDefault();
2094		if($('.auth-modal').is(':visible')){
2095			$('.auth-modal').slideUp();
2096		}
2097		else{
2098			$('.auth-modal').slideDown();
2099			$('.auth-modal [name=USER_LOGIN]')[0].focus();
2100		}
2101		return false;*/
2102	});
2103
2104			</script>
2104
2105</div>            </div>
2106        </div>
2107    </div>
2108</div>
2109
2110<script src="/local/templates/articles/js/bootstrap.js"></script>
vendor: 1 bytes, line 2110
2110
2111<script type="text/javascript">
2112$(window).on('focus', function(event){
2113    var oldID = '';
2114    $.ajax({
2115        url:'/ajax-tools/profile.php',
2116        data:{
2117            'action': 'check_user',
2118            'oldID': oldID,
2119        },
2120        success:function(data){
2121            if(data == "error"){
2122                location.reload();
2123            }
2124        }
2125    });
2126});
2127    
2128$(window).scroll(function() {
2129    if($(document).scrollTop() > $('.left-menu').offset().top + $('.left-menu').height()){
2130        $('.holder-btn-top').show();
2131    }
2132    else{
2133        $('.holder-btn-top').hide();
2134    }
2135
2136    var scrollValue = $(document).scrollTop();
2137    $('.ff-canvas-active').each(function(index, item){
2138        //console.log($(item).offset().top + ' ' + $(item).height + ' ' + scrollValue + ' ' + $(window).height())
2139        if(
2140            $(item).offset().top + $(item).height() < scrollValue
2141            ||
2142            $(item).offset().top > scrollValue + $(window).height()
2143        ){
2144            $(item).parent().find('.ff-image').click();
2145        }
2146    });
2147});
2148$('body').on('click', '.holder-btn-top', function(event){
2149    event.preventDefault();
2150    $(document).scrollTop(0);
2151    return false;
2152});
2153
2154$(document).ready(function(event){
2155    $('.detail_text').each(function(postIndex, post){
2156        $(post).find('img').each(function(index, item){
2157            if($(item).parents('.playerWavePlay').length == 0){
2158                
2159                if($(item).height() > window.innerHeight){
2160                    $(item).addClass('img-long');
2161                }
2162
2163                var src = $(item).attr('src');
2164                var format = src.slice(-3).toLowerCase();
2165                if(format == 'gif'){
2166                    if($(item).parents('.block-spoiler').length == 0){
2167                        $(item).addClass('freeze-gif');
2168                    }
2169                    else{
2170                        $(item).addClass('spoiler-gif');
2171                    }
2172                }
2173                else{
2174                    $(item).wrap('<a class="fancy-img" rel="post'+postIndex+'" href="'+src+'"></a>');
2175                }
2176
2177            }
2178        });
2179    });
2180    $('.fancy-img').fancybox();
2181
2182    if($('.freeze-gif').length > 0){
2183        $('.freeze-gif').freezeframe({
2184            'animation_play_duration': Infinity,
2185            'non_touch_device_trigger_event': 'click'
2186        });
2187    }
2188
2189    $('body').on('click', '.ff-container', function(event){
2190        if($(event.currentTarget).find('.ff-canvas').hasClass('ff-canvas-active')){
2191            $(event.currentTarget).addClass('ff-container-active');
2192        }
2193        else{
2194            $(event.currentTarget).removeClass('ff-container-active');
2195        }
2196    });
2197
2198    var arrFreeze = [];
2199    $('body').on('click','.btn-spoiler',function(event){
2200        if($(event.currentTarget).hasClass('active')){
2201            var blockID = $(event.currentTarget).attr('href');
2202            if($(blockID).find('.ff-image').length == 0){
2203                var ff = $(blockID).find('.spoiler-gif').freezeframe({
2204                    'animation_play_duration': Infinity,
2205                    'non_touch_device_trigger_event': 'click'
2206                });
2207            }
2208        }
2209        else{
2210            $('.ff-container-active .spoiler-gif').click();
2211            $('.ff-container-active').removeClass('ff-container-active');
2212        }
2213    });
2214
2215    //  При каких количествах картинок, сколько картинок в какой строке держим. 1картинка:{1строка:1столбец}
2216    var galleryVarious = {
2217        1: {1: 1},
2218        2: {1: 2},
2219        3: {1: 3},
2220        4: {1: 2, 2: 2},
2221        5: {1: 3, 2: 2},
2222        6: {1: 3, 2: 3},
2223        7: {1: 3, 2: 2, 3: 2},
2224        8: {1: 3, 2: 3, 3: 2},
2225        9: {1: 3, 2: 3, 3: 3},
2226        10:{1: 4, 2: 3, 3: 3}
2227    };
2228    $('.detail-gallery').each(function(g, gallery){
2229        var images = $(gallery).find('.fancy-img');
2230        var imgCount = images.length;
2231
2232        if(imgCount > 0 && imgCount <= Object.keys(galleryVarious).length){
2233            var rowsCount = Object.keys(galleryVarious[imgCount]).length;
2234
2235            var currentImg = 0;
2236            for(var rowIndex = 1; rowIndex <= rowsCount; rowIndex++){
2237                var ratioSum = 0;
2238                for(var columnIndex = 0; columnIndex < galleryVarious[imgCount][rowIndex]; columnIndex++){
2239                    var image = $(images.eq(columnIndex + currentImg));
2240                    image.find('img').attr({'width':'auto','height':'auto'});
2241
2242                    var clone = image.find('img').clone();
2243                    $('body').append(clone);
2244                    var ratio = clone.width() / clone.height();
2245                    clone.remove();
2246                    
2247                    image.attr({'data-ratio':ratio});
2248                    ratioSum += ratio;
2249                }
2250
2251                for(var columnIndex = 0; columnIndex < galleryVarious[imgCount][rowIndex]; columnIndex++){
2252                    var image = $(images.eq(columnIndex + currentImg));
2253                    var ratio = image.attr('data-ratio');
2254                    image.width(ratio / ratioSum * 100 + '%');
2255                    image.css({'padding':'2px'});
2256                }
2257                currentImg += galleryVarious[imgCount][rowIndex];
2258            }
2259            $(gallery).html(images);
2260        }
2261    });
2262});
2263
2264
2265
2266/*$('body').on('click', '.main-header .dropdown-toggle', function(event){
2267    var btn = $(event.currentTarget);
2268    btn.siblings('ul').slideToggle();
2269    $('body').on('click', closeDropdown);
2270});
2271
2272function closeDropdown(event){
2273    event.preventDefault();
2274    $('.main-header .dropdown-menu').slideToggle();
2275    $('body').off('click', closeDropdown);
2276    return false;
2277};*/
2278
2279var vowel = ["а", "и", "е", "ё", "о", "у", "ы", "э", "ю", "я"];
2280
2281$(document).ready(function(event){
2282    var arSelects = $('.accent-select');
2283    arSelects.each(function(i, item){
2284        displayAccentSelect(item);
2285    });
2286
2287    var arWords = $('.word-select');
2288    arWords.each(function(i, item){
2289        displayWordSelect(item);
2290    });
2291});
2292
2293$('body').on('change', '.word-select [name=write]', function (event) {
2294    displayWordSelect($(event.currentTarget).parents('.word-select'));
2295});
2296
2297$('body').on('change', '.accent-select [name=word]', function(event){
2298    displayAccentSelect($(event.currentTarget).parents('.accent-select'));
2299});
2300
2301$('body').on('click', '.accent-select-letter.vowel', function(event){
2302    event.preventDefault();
2303
2304    var btn = $(event.currentTarget);
2305    var block = btn.parents('.accent-select-word');
2306    var mode = (btn.parents('.accent-select').data('row') == "Y");
2307
2308
2309    if(mode){
2310        if(btn.hasClass('addit')){
2311            btn.removeClass('addit').addClass('active');
2312        }
2313        else if(btn.hasClass('active')){
2314            btn.removeClass('active');
2315        }
2316        else{
2317            btn.addClass('addit');
2318        }
2319    }
2320    else {
2321        if (!btn.hasClass('active') && !btn.hasClass('addit')) {
2322            if (block.find('.active').length > 0) {
2323                btn.addClass('addit');
2324            } else {
2325                btn.addClass('active');
2326            }
2327        } else if (btn.hasClass('addit')) {
2328            block.find('.active').removeClass('active').addClass('addit');
2329            btn.removeClass('addit').addClass('active');
2330        } else {
2331            btn.removeClass('active');
2332            block.find('.addit').first().removeClass('addit').addClass('active');
2333        }
2334    }
2335
2336    generateAccentScheme(block);
2337
2338    return false;
2339});
2340
2341$('body').on('change', '.word-select .accent-select [name=scheme]', function(event){
2342    var accentBlock = $(event.currentTarget).parents('.accent-select');
2343    var wordBlock = $(event.currentTarget).parents('.word-select');
2344    var variantBlock = $(event.currentTarget).parents('.custom-variant');
2345
2346    var word = accentBlock.find('[name=word]').val();
2347    var accentStr = accentBlock.find('[name=accent]').val();
2348    var accent = accentStr.split(',');
2349
2350    $.ajax({
2351        url:'ajax_new.php',
2352        data:{
2353            action : 'word',
2354            word : word,
2355            accent: accent,
2356        },
2357        dataType:'json',
2358        success: function(data) {
2359            variantBlock.find('[name=transcript]').val(data.TRANSCRIPT);
2360
2361            wordBlock.find('[name=current-accent]').val(accentBlock.find('[name=accent]').val());
2362            wordBlock.find('[name=current-scheme]').val(accentBlock.find('[name=scheme]').val());
2363            wordBlock.find('[name=current-transcript]').val(data.TRANSCRIPT).change();
2364        }
2365    });
2366});
2367
2368$('body').on('change', '.word-select .custom-variant [name=transcript]', function(event){
2369    var input = $(event.currentTarget);
2370    var wordBlock = input.parents('.word-select');
2371
2372    wordBlock.find('[name=current-transcript]').val(input.val()).change();
2373});
2374
2375function generateAccentScheme(block) {
2376    if(block.find('.vowel').length > 0){
2377        var strScheme = '';
2378        var arAccents = [];
2379        block.find('.vowel').each(function(index, item){
2380            if($(item).hasClass('active')) {
2381                strScheme += '1';
2382                arAccents.push($(item).index());
2383            }
2384            else if($(item).hasClass('addit')){
2385                strScheme += '2';
2386                arAccents.push($(item).index());
2387            }
2388            else{
2389                strScheme += '0';
2390            }
2391        });
2392        block.parents('.accent-select').find('[name=accent]').val(arAccents.toString());
2393        block.parents('.accent-select').find('[name=scheme]').val(strScheme).change();
2394    }
2395}
2396
2397function displayAccentSelect(item){
2398    var word = $(item).find('input[name=word]').val();
2399    var accent = $(item).find('input[name=scheme]').val();
2400
2401    var wordBlock = $('<div class="accent-select-word"></div>');
2402    var iVowel = 0;
2403    if(word != null) {
2404        for (var l = 0; l < word.length; l++) {
2405            var letterBlock = $('<div class="accent-select-letter"></div>');
2406            letterBlock.text(word[l]);
2407
2408            if (vowel.indexOf(word[l]) >= 0) {
2409                letterBlock.addClass('vowel');
2410                if (accent[iVowel] == '1') {
2411                    letterBlock.addClass('active');
2412                }
2413                if (accent[iVowel] == '2') {
2414                    letterBlock.addClass('addit');
2415                }
2416                iVowel++;
2417            }
2418
2419            wordBlock.append(letterBlock);
2420        }
2421    }
2422    $(item).find('.accent-select-word').remove();
2423    $(item).append(wordBlock);
2424}
2425
2426
2427function displayWordSelect(item){
2428    var word = $(item).find('input[name=write]').val();
2429
2430    $(item).append($('<input type="text" name="current-transcript">'));
2431    $(item).append($('<input type="text" name="current-accent">'));
2432    $(item).append($('<input type="text" name="current-scheme">'));
2433
2434    if($(item).find('.result').length <= 0){
2435        $(item).append($('<div class="result"></div>'));
2436    }
2437    var result = $(item).find('.result');
2438    result.html('');
2439
2440    if(word.length > 0){
2441        $.ajax({
2442            url:'ajax_new.php',
2443            data:{
2444                action : 'get-word',
2445                word : word,
2446            },
2447            dataType:'json',
2448            success: function(data) {
2449                var words = data.WORDS;
2450                var custom =  data.CUSTOM;
2451                leftBlock = words;
2452
2453                $(item).find('[name=current-accent]').val(words[0].UF_ACCENT);
2454                $(item).find('[name=current-scheme]').val(words[0].UF_ACCENT_SCHEME);
2455                $(item).find('[name=current-transcript]').val(words[0].UF_TRANSCRIPT).change();
2456
2457                for(var i = 0; i < words.length - 1; i++){
2458                    var block = $('<div class="variant"></div>');
2459                    block.append($('<div class="accent">Ударение: ' + words[i].WORD_WITH_ACCENT + '</div>'));
2460                    block.append($('<div class="transcript">Транскрипция: ' + words[i].UF_TRANSCRIPT + '</div>'));
2461
2462                    block.append($('<input type="hidden" name="transcript" value="'+ words[i].UF_TRANSCRIPT +'">'));
2463                    block.append($('<input type="hidden" name="accent" value="'+ words[i].UF_ACCENT +'">'));
2464                    block.append($('<input type="hidden" name="scheme" value="'+ words[i].UF_ACCENT_SCHEME +'">'));
2465
2466                    var info = $('<div class="info"></div>');
2467
2468                    if(words[i].UF_ROOT_NAME !== undefined){
2469                        info.append('<p>Корень: ' + words[i].UF_ROOT_NAME + '</p>');
2470                    }
2471
2472                    if(words[i].UF_CLASS_NAME !== undefined){
2473                        info.append('<p>Часть речи: ' + words[i].UF_CLASS_NAME + '</p>');
2474                    }
2475
2476                    block.append(info);
2477                    result.append(block);
2478                }
2479
2480                var block = $('<div class="variant custom-variant"></div>');
2481                var accentSelect = $('<div class="accent-select"></div>');
2482                var word = custom.WORD;
2483                var accent = custom.ACCENT;
2484                var transcript = custom.TRANSCRIPT;
2485                var scheme = custom.ACCENT_SCHEME;
2486
2487                accentSelect.append($('<input type="text" name="word" value="'+ word +'">'));
2488                accentSelect.append($('<input type="text" name="scheme" value="'+ scheme +'">'));
2489                accentSelect.append($('<input type="text" name="accent" value="'+ accent.toString() +'">'));
2490
2491                block.append(accentSelect);
2492                block.append($('<div class="clearfix"></div>'));
2493                block.append($('<div class="transcript"><input class="form-control" type="text" name="transcript" value="' + transcript + '"></div>'));
2494
2495                var classes = custom.CLASSES;
2496                var classSelect = $('<select class="class-select form-control" name="class"></select>');
2497                $.each(classes, function(value, name) {
2498                    classSelect.append($('<option value="' + value + '">' + name + '</option>'));
2499                });
2500                classSelect.val(custom.CLASS);
2501                block.append(classSelect);
2502
2503                result.append(block);
2504
2505                if(words.length > 0){
2506                    result.slick({dots: true});
2507                    result.on('afterChange', changeWriteVariant);
2508                }
2509
2510                accentSelect.find('[name=word]').change();
2511            }
2512        });
2513    }
2514}
2515
2516
2517function changeWriteVariant(event, slick, currentSlide){
2518    var container = slick.$slider.parents('.word-select');
2519    var slide = $(slick.$slides[currentSlide]);
2520
2521    var transcript = slide.find('input[name=transcript]').val();
2522    var accent = slide.find('input[name=accent]').val();
2523    var scheme = slide.find('input[name=scheme]').val();
2524
2525    container.find('input[name=current-accent]').val(accent);
2526    container.find('input[name=current-scheme]').val(scheme);
2527    container.find('input[name=current-transcript]').val(transcript).change();
2528}
2529
2530</script>
2530
2531<!-- Yandex.Metrika counter -->
2532<script type="text/javascript">
2533    (function (d, w, c) {
2534        (w[c] = w[c] || []).push(function() {
2535            try {
2536                w.yaCounter32841685 = new Ya.Metrika({
2537                    id:32841685,
2538                    clickmap:true,
2539                    trackLinks:true,
2540                    accurateTrackBounce:true,
2541                    webvisor:true,
2542                    trackHash:true
2543                });
2544            } catch(e) { }
2545        });
2546
2547        var n = d.getElementsByTagName("script")[0],
2548            s = d.createElement("script"),
2549            f = function () { n.parentNode.insertBefore(s, n); };
2550        s.type = "text/javascript";
2551        s.async = true;
2552        s.src = "https://mc.yandex.ru/metrika/watch.js";
2553
2554        if (w.opera == "[object Opera]") {
2555            d.addEventListener("DOMContentLoaded", f, false);
2556        } else { f(); }
2557    })(document, window, "yandex_metrika_callbacks");
2558</script>
2558
2559<noscript><div><img src="https://mc.yandex.ru/watch/32841685" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
2560<!-- /Yandex.Metrika counter -->
2561
2562</body>
2563</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.