Guest User

Untitled

a guest
Jul 8th, 2016
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.61 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <meta property="og:image" content="//dota2-roulette.ru/img/rulet.jpg">
  7. <!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  8. <meta name="og:title" content="Extra-Roulette.com: Easy skins for you."/>
  9. <title>Extra-Roulette.com — JACKPOT</title>
  10. <meta name="keywords" content="roulette cs:go, dota and cs roul, dota 2, dota 2 skin betting, dota 2 jackpot, dota 2 items, dota 2 betting" />
  11. <meta name="description" content="Best CS:GO & DOTA 2 roulette." />
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13. <meta name="apple-mobile-web-app-capable" content="yes" />
  14. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  15. <link href="css/fonts.css" rel="stylesheet">
  16. <link href="css/style.min.css?v=21" rel="stylesheet">
  17.  
  18. <link type="text/css" href="css/scroll.min.css" rel="stylesheet" media="all" />
  19. <link rel="stylesheet" href="css/hint.min.css" type="text/css">
  20. <link rel="icon" type="image/png" href="/img/favicon.png" sizes="16x16">
  21. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  22. <script>
  23. var GLOBAL = {token: '5skorulpa5mbtrsgc0unv5eu90', userId: '1'};
  24. </script>
  25. <script>
  26. var STEAM_ID = "76561197960981074";
  27. var LOGIN_HASH = "SyT1SkgIgD2LzH2hGSH8idkrreRkwLoy1apoQyTqpCcZ5LAPw3YHMnGp3nO8";
  28. var LOGIN_ID = "3288";
  29. var _sid = "76561197960981074";
  30. var GOQ = "0";
  31. var WS = null;
  32. var site_name = "Extra-Roulette.com";
  33. </script>
  34. </head>
  35. <body id="general">
  36. <header>
  37. <a href="/" id="logo" class="active-menu">
  38. <img src="img/logo.png" alt="CS-GO"/>
  39. <span class="text">CS:GO</span>
  40. </a>
  41. <a href="/dota2" id="shopItem" class="no-active-menu">
  42. <img src="img/logo.png" alt="DOTA 2"/>
  43. <span class="text">DOTA 2</span>
  44. </a>
  45.  
  46. <div class="profile">
  47. <div class="table">
  48. <div class="sub">
  49. <ul>
  50. <li><a href="/settings">Settings</a></li>
  51. <li><a href="/logout">Exit</a></li>
  52. </ul>
  53. </div>
  54. <div class="avatar">
  55. <img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/2a/2adffa5c25c98633022b3df35b06933d625a9abc_full.jpg">
  56. </div>
  57. <div class="name">-GoV- Capra =DD</div>
  58. <div class="arrow"></div>
  59. </div>
  60. </div>
  61. <ul id="menu">
  62. <li class='menuItem_1'>
  63. <div>
  64. <a href="/">PLAY</a>
  65. </div>
  66. </li>
  67. <li class='menuItem_2 '>
  68. <div>
  69. <a href="/top">TOP</a>
  70. </div>
  71. </li>
  72. <li class='menuItem_3 '>
  73. <div>
  74. <a href="/history">HISTORY</a>
  75. </div>
  76. </li>
  77.  
  78. <li class='menuItem_4 '>
  79. <div>
  80. <a href="/about">ABOUT</a>
  81. </div>
  82. </li>
  83. </ul>
  84.  
  85. <div id='shortMenu'>
  86. <div class='shortMenuButton'>
  87. <div>
  88. </div>
  89. <div>
  90. </div>
  91. <div>
  92. </div>
  93. </div>
  94. <ul id="shoertMenuUl">
  95. <li class='menuItem_1 active'>
  96. <div>
  97. <a href="/">PLAY</a>
  98. </div>
  99. </li>
  100. <li class='menuItem_2'>
  101. <div>
  102. <a href="/top">TOP</a>
  103. </div>
  104. </li>
  105.  
  106. <li class='menuItem_3'>
  107. <div>
  108. <a href="/about">ABOUT</a>
  109. </div>
  110. </li>
  111.  
  112. <li class='menuItem_4'>
  113. <div>
  114. <a href="/history">HISTORY</a>
  115. </div>
  116. </li>
  117. <li class='menuItem_6'>
  118. <div>
  119. <a href="/settings">Settings</a>
  120. </div>
  121. </li>
  122. <li class='menuItem_7'>
  123. <div>
  124. <a href="/logout">Exit</a>
  125. </div>
  126. </li>
  127. </ul>
  128. </div>
  129. </header>
  130. <script>
  131. var steam_game_id = 730;
  132. var GGG = 0 ;
  133. var HOST = "ws://91.134.132.207:8187";
  134. </script>
  135. <section>
  136. <h1 class="h1_hidden">Roulette CS:GO</h1>
  137. <div class="room_main_roulette">
  138. <div class="rul_a">
  139. <div id="caruselLine"><div class="str_rr"></div><div class="str_ll"></div></div>
  140. <div id="aCanvas">
  141. <div id="casesCarusel"></div>
  142. </div>
  143. </div>
  144. </div>
  145. <div class="room_low_roulette">
  146. <div class="rul_a">
  147. <div id="caruselLine"><div class="str_rr"></div><div class="str_ll"></div></div>
  148. <div id="aCanvas">
  149. <div id="casesCarusel"></div>
  150. </div>
  151. </div>
  152. </div>
  153. <article id="leftA">
  154. <div class="room_main">
  155. <div class="buttons">
  156. <div class="button"><a class="site" href="/deposit?act=site" target="_blank">bet from site</a></div>
  157. <div class="button"><a class="client" href="/deposit?act=client" target="_blank">bet from client</a></div>
  158. </div>
  159. </div>
  160.  
  161. <div id="gameInfo">
  162. <div class="roomsSelect">
  163. <div class="room active main" data-name="main">
  164. <div class="roomName">MAIN ROOM</div>
  165. <div class="roomBank">0$</div>
  166. <div class="clearFix"></div>
  167. <div class="roomDesc">min: 10$</div>
  168. <div id="quickRate"></div>
  169. </div>
  170. </div>
  171. <div class="room_main">
  172. <div class="gameNum">
  173. <div id="gameNum">loading game...</div>
  174. <div id="tradeProcess">processing trades..</div>
  175. </div>
  176. <div id="myDep" class="topText" style="display: none;">
  177. You deposited <b><span id="userCountItems" style="display: inline;"></span></b> for the sum <b><span id="userTotalPrice" style="display: inline;"></span>$</b>, Your chance <b><span class="chance" style="display: inline;">%</span></b>
  178. </div>
  179. <div class="stats"></div>
  180. </div>
  181. </div>
  182. <div class="contact">
  183. <div class="social">
  184. <a class="social_fb" href="https://www.facebook.com/" target="_blank"></a>
  185. <a class="social_tw" href="https://twitter.com/" target="_blank"></a>
  186. </div>
  187. <a class="support" href="/support">SUPPORT</a>
  188. </div>
  189. </article>
  190. <article id="centerA">
  191. <div class="room_main">
  192. <div class="rollete_stat">
  193. <div class="rollete_stat_game">GAMES<br> TODAY<b><span id="countGames">X</span></b></div>
  194. <div class="rollete_stat_online">CURRENTLY PLAYERS<br> ONLINE<b><span class="online">X</span></b></div>
  195. <div class="rollete_stat_pr">LARGEST JACKPOT<br> TODAY<b><span class="maxSum">X</span></b></div>
  196. </div>
  197. <div class="rullet">
  198. <div class="rullet_inner">
  199. <div class="circleInner">
  200.  
  201. </div>
  202. <div class="rullete_stat">
  203. <div class="rullete_time"><span class='rullete_time_text'>Round ends in: <b><span class="timer" style="display:inline;">0:00</span></b></span></div>
  204. <div class="rullete_item"><span class='rullete_item_text'>TOTAL SKINS: <b><span id="totalItems" style="display:inline;">X</span></b></span></div>
  205. <div class="rullete_shans"><span class='rullete_shans_text'>Your chance: <b><span class="chance" style="display:inline;">0%</span></b></span></div>
  206. </div>
  207. <div id="rulleteIn" class="rulleteIn">
  208. <div class="rullete_jk">JACKPOT<br><b class="rullete_sum">~<span id='rulleteGeneralSum'>0</span>$</b></div>
  209. <div class="rullete_pb">Last winner <b class="name_victory" id="lastWinner"><a href="#"></a></b></div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </article>
  215. <article id="rightA">
  216. <div id="chatButtons">
  217. <a class="hide_chat" href="#"></a>
  218. <a class="show_chat" href="#"></a>
  219. </div>
  220. <div id="chat">
  221. <div class="chat_body">
  222. <div class="chat_message">
  223.  
  224. </div>
  225. <div class="c"></div>
  226. <div class="textarea_chat">
  227. <form id="chatForm" onsubmit="return sendMsg();">
  228. <textarea class="chat_textarea" placeholder="Enter your message..."></textarea>
  229. <div class="chat_buttons">
  230. <a href="#" class="rulles js-open-modal" data-modal-id="popup">Chat rules</a>
  231. <input type="submit" class="submit_chat" value="Send">
  232. </div>
  233. </form>
  234. </div>
  235. </div>
  236. </div>
  237. </article>
  238. </section>
  239.  
  240.  
  241. <script type="text/javascript">
  242. var LANG_GAME = JSON.parse('{"PLACED":"placed","SKIN":"skin","SKINA":"skins","SKINS":"skins","FOR":"for","WINNER":"Winner","JACKPOT":"Jackpot","CHANCE":"Chance to Win","GAME":"game","TRADE_CANCEL":"Trade was canceled","REASON":"Reason:","ERROR_1":"The presence of prohibited skins:","ERROR_2":"A maximum of 10 skins per trade","ERROR_3":"The total value of the items is less than permissible in the selected room","ERROR_4":"We could not estimate some skins from your trade. To accelerate process, please write to a support. <br>Find out what specific things have not been evaluated, you can see \\\"Settings\\\"","ERROR_5":"Mobile Authenticator is enabled you have less than 7 days.","ERROR_6":"The total value of the items is higher than permissible in the selected room"}');
  243. var roomsCfg = JSON.parse('{"main":{"name":"main","game_countdown":"240","max_skins_per_game":"130","min_sum_skins_trade":"2.00","max_sum_skins_trade":"0.00"},"low":{"name":"low","game_countdown":"60","max_skins_per_game":"100","min_sum_skins_trade":"0.20","max_sum_skins_trade":"2.50"}}');
  244. </script>
  245. <script type="text/javascript" src="js/moment.min.js"></script>
  246. <script type="text/javascript" src="js/moment.locale_ru.js"></script>
  247.  
  248. <script>moment.locale('en');</script>
  249.  
  250. <script type="text/javascript" src="js/livestamp.min.js"></script>
  251. <script type="text/javascript" src="js/game.js?30"></script>
  252.  
  253. <audio id="ratesAudio">
  254. <source src="/audio/notify.ogg" type="audio/ogg">
  255. <source src="/audio/notify.mp3" type="audio/mp3">
  256. <source src="/audio/notify.wav" type="audio/wav">
  257. </audio>
  258. <audio id="errorAuido">
  259. <source src="/audio/warning.mp3" type="audio/mp3">
  260. </audio>
  261.  
  262.  
  263. <script src="js/jquery.knob.min.js"></script>
  264. <script src="js/scroll.js"></script>
  265. <script src="js/user.js?27"></script>
  266.  
  267. <script src="js/jquery.easing.min.js"></script>
  268. <script src="js/jquery.actual.min.js"></script>
  269. <script src="js/jquery.animateNumber.min.js"></script>
  270. <script src="/js/jquery.countdown.min.js"></script>
  271. <script src="/js/bootstrap-notify.min.js"></script>
  272. <script type="text/javascript" src="js/main.js"></script>
  273. <script type='text/javascript'>
  274. var rouletteMargin = 0;
  275. GLOBAL['selectedRoom'] = 'main';
  276. var circlesRenderCfg =
  277. {time: {colors: {bg: 'ddc4c4', fg: '993333'}, width: '470'},
  278. item: {colors: {bg: 'd9e8e8', fg: '99cccc'}, width: '410'},
  279. shans: {colors: {bg: 'f7e8c9', fg: 'ffcc66'}, width: '350'}};
  280.  
  281. // генерация круга
  282. function generateCircle(num, type, thickness, val, max) {
  283. return '<div class="cricleAlignment_' + num + '"><input class="knob ' + type + '" data-num="' + num + '"data-angleOffset="90"data-rotation="anticlockwise" data-readOnly="true" data-angleArc="270" data-min="0" data-max="' + max + '" data-bgColor="#' + circlesRenderCfg[type]['colors']['bg'] + '" data-fgColor="#' + circlesRenderCfg[type]['colors']['fg'] + '" data-displayInput=false data-width="' + circlesRenderCfg[type]['width'] + '" data-height="' + circlesRenderCfg[type]['width'] + '"data-thickness="' + thickness + '" value="' + val + '"></div>';
  284. }
  285.  
  286. // меняем значения кругов
  287. function changeCircle(circleClass, toVal)
  288. {
  289. $(circleClass).animate({value: toVal},
  290. {
  291. duration: 950,
  292. easing: 'swing',
  293. progress: function ()
  294. {
  295. $(circleClass).val(Math.ceil(this.value)).trigger('change');
  296. }
  297. });
  298. }
  299.  
  300. $(document).ready(function () {
  301.  
  302. // обработка комнат
  303. $('.room').on('click', function () {
  304. if ($(this).hasClass('active')) {
  305. return;
  306. }
  307. previousRoom = $('.room.active').data('name');
  308. $('.room.active').removeClass('active');
  309. GLOBAL['selectedRoom'] = $(this).data('name');
  310. $(this).addClass('active');
  311. $('.room_' + previousRoom).hide();
  312. $('.room_' + previousRoom + '_roulette .rul_a').addClass('room_roulette_hidden');
  313. $('.room_' + GLOBAL['selectedRoom']).show();
  314. $('.room_' + GLOBAL['selectedRoom'] + '_roulette .rul_a').removeClass('room_roulette_hidden');
  315. updatePageTitle(roomsCfg[GLOBAL['selectedRoom']]['totalGameSum'], GLOBAL['selectedRoom']);
  316. });
  317.  
  318.  
  319. // модальное окно / правила чата
  320. var appendthis = ("<div class='modal-overlay js-modal-close'></div>");
  321. $('a[data-modal-id]').on('click', function (e) {
  322. e.preventDefault();
  323. $("body").append(appendthis);
  324. $(".modal-overlay").fadeTo(500, 0.7);
  325. //$(".js-modalbox").fadeIn(500);
  326. var modalBox = $(this).attr('data-modal-id');
  327. $('#' + modalBox).fadeIn($(this).data());
  328. });
  329. $(document).on('click', '.js-modal-close, .modal-overlay', function () {
  330. $(".modal-box, .modal-overlay").fadeOut(500, function () {
  331. $(".modal-overlay").remove();
  332. setTimeout(function () {
  333. var video = $("#youtubePlayer").attr("src");
  334. $("#youtubePlayer").attr("src", "");
  335. $("#youtubePlayer").attr("src", video);
  336. }, 500);
  337. });
  338. });
  339.  
  340. $(window).resize(function () {
  341. $("#howto").css({
  342. top: ($(window).height() - $("#howto").outerHeight()) / 2,
  343. left: ($(window).width() - $("#howto").outerWidth()) / 2
  344. });
  345.  
  346. $("#popup").css({
  347. top: ($(window).height() - $("#popup").outerHeight()) / 2,
  348. left: ($(window).width() - $("#popup").outerWidth()) / 2
  349. });
  350. });
  351. $(window).resize();
  352.  
  353.  
  354.  
  355. // скролл бары
  356. $(".chat_message").mCustomScrollbar({
  357. advanced: {
  358. updateOnContentResize: true
  359. },
  360. scrollButtons: {enable: true},
  361. theme: "dark-thick"
  362. });
  363.  
  364. $(".stats").mCustomScrollbar({scrollButtons: {enable: true}, theme: "dark-thick", setHeight: '10%'});
  365.  
  366.  
  367. $('.hide_chat').click(function ()
  368. {
  369. var leftM = (document.documentElement.clientWidth - leftA.clientWidth * 2) / 2;
  370.  
  371. rightA.style.width = "0";
  372.  
  373. $('#chat').hide("slow");
  374.  
  375.  
  376. $('.rul_a, #leftA, #centerA, #rightA ').animate({left: leftM + "px", }, 1500);
  377.  
  378. $('.hide_chat').fadeOut(500);
  379.  
  380. $('.show_chat').show("slow");
  381. });
  382.  
  383. $('.show_chat').click(function ()
  384. {
  385. $('#chat').show("slow");
  386.  
  387. if (document.documentElement.clientWidth > 800)
  388. {
  389. rightA.style.width = "24%";
  390.  
  391. leftM = (document.documentElement.clientWidth - (leftA.clientWidth * 2 + document.getElementById('rightA').clientWidth + (document.documentElement.clientWidth * 0.05))) / 2;
  392. rightM = (document.documentElement.clientWidth - (leftA.clientWidth * 2 + document.getElementById('rightA').clientWidth)) / 2 + (document.documentElement.clientWidth * 0.025);
  393.  
  394. $('.rul_a, #leftA, #centerA').animate({left: leftM + "px", }, 1000);
  395. $('#rightA').animate({left: rightM + "px", }, 1000);
  396. }
  397.  
  398. if (document.documentElement.clientWidth <= 800)
  399. {
  400. rightA.style.width = "320px";
  401.  
  402. leftM = (document.documentElement.clientWidth - document.getElementById('leftA').clientWidth) / 2;
  403. rightM = (document.documentElement.clientWidth - document.getElementById('rightA').clientWidth) / 2;
  404.  
  405. $('.rul_a, #leftA, #centerA').animate({left: leftM + "px", }, 1000);
  406. $('#rightA').animate({left: rightM + "px", }, 1000);
  407. }
  408.  
  409. $('#rightA').show("slow");
  410. $('.show_chat').fadeOut(500);
  411. $('.hide_chat').show("slow");
  412. });
  413.  
  414.  
  415. $(document).on('click', '.trade_del', function ()
  416. {
  417. $(this).parent().hide();
  418. });
  419.  
  420.  
  421. });
  422.  
  423. obj = this;
  424.  
  425.  
  426.  
  427. obj.starter = function ()
  428. {
  429. obj.resizer();
  430. }
  431.  
  432. // ресайз леовго блока
  433. function leftBlockResize(roomName) {
  434. var minus = 0;
  435. var prefix = '';
  436. roomName = typeof roomName !== 'undefined' ? roomName : '';
  437.  
  438. if (roomName.length > 1) {
  439. var prefix = genRoomPrefix(roomName);
  440. var prefixRoulette = genRoomRulPrefix(roomName);
  441.  
  442. // добавляем высоту рулетки
  443. var rouletteMargin = $(prefixRoulette + '.rul_a').actual('outerHeight', {includeMargin: true});
  444. if (roomsCfg[roomName]['rouletteStarted']) {
  445. if ($(prefixRoulette + '.rul_a').actual('height') == 0) {
  446. rouletteMargin += GLOBAL['rouletteAvatarSize'];
  447. console.log('rMarg: ' + rouletteMargin);
  448. }
  449. minus += rouletteMargin - 10;
  450. }
  451. }
  452.  
  453. minus += $(prefix + '.buttons').outerHeight(true) + $('.attention').outerHeight(true) + $('.roomsSelect').outerHeight(true) + $('.gameNum:visible').outerHeight(true) + $('.contact').outerHeight(true);
  454.  
  455. // console.log($(prefix + ' .buttons').outerHeight(true) + ' ' + $('.attention').outerHeight(true) + ' ' + $('.roomsSelect').outerHeight(true) + ' ' + $('.gameNum:visible').outerHeight(true) + ' ' + $('.contact').outerHeight(true));
  456. //console.log('startMinux: ' + minus);
  457.  
  458. // добавляем высоту блока "Вы поставили "
  459. if ($(prefix + '#myDep').css('display') != 'none') {
  460. if (GLOBAL['selectedRoom'] == roomName) {
  461. minus += $(prefix + '#myDep').outerHeight(true) - 5;
  462.  
  463. } else {
  464. minus += $(prefix + '#myDep').outerHeight(true) + $(prefix + '#myDep').actual('height') - 5;
  465. //console.log('addMyDep: ' + $(prefix + '#myDep').outerHeight(true));
  466. }
  467. }
  468.  
  469. //console.log('EndMinus: ' + minus);
  470. //console.log('size: ' + $(window).height() + '-' + $('header').height() + '-' + minus);
  471. size = ($(window).height() - $('header').height() - minus) + 'px';
  472. //console.log(document.documentElement.clientHeight + '-' + document.getElementsByTagName('header')[0].clientHeight + '-' + '360');
  473. //console.log('size: ' + size);
  474. $(prefix + '.stats').animate({height: size}, 700, 'linear');
  475. }
  476.  
  477.  
  478.  
  479. obj.resizer = function ()
  480. {
  481. if (obj.resizeTimer)
  482. {
  483. clearTimeout(obj.resizeTimer);
  484. }
  485.  
  486. var dataThickness = '.15';
  487. var margin = 80;
  488. var rul_a = $('.rul_a')[0];
  489. if ($(rul_a).hasClass('room_roulette_hidden')) {
  490. $(rul_a).removeClass('room_roulette_hidden');
  491. GLOBAL['rouletteAvatarSize'] = $(rul_a).actual('height');
  492. $(rul_a).addClass('room_roulette_hidden');
  493. } else {
  494. GLOBAL['rouletteAvatarSize'] = $('.rul_a').actual('height');
  495. }
  496.  
  497.  
  498. $.each(roomsCfg, function (index, room) {
  499. var circlesInner = '';
  500. circlesInner += generateCircle(1, 'time', ".15", 100, 100);
  501. circlesInner += generateCircle(2, 'item', ".15", 0, 100);
  502. circlesInner += generateCircle(3, 'shans', ".15", 0, 100);
  503. $(genRoomPrefix(room['name']) + '.circleInner').html(circlesInner);
  504. });
  505.  
  506.  
  507.  
  508. //$('.circleInner').html(inner);
  509.  
  510.  
  511. var circles = $('.knob');
  512.  
  513. var leftA = document.getElementById('leftA');
  514. var centerA = document.getElementById('centerA');
  515. var rightA = document.getElementById('rightA');
  516.  
  517. //настройка кругов при изменении разшерения
  518. var i = 0;
  519.  
  520. while (circles[i])
  521. {
  522. clientWidth = $(window).width();
  523. if ((clientWidth <= 1800) && (clientWidth > 1600))
  524. {
  525. dataThickness = '.14';
  526. margin = 70;
  527. }
  528.  
  529. if ((clientWidth <= 1600) && (clientWidth > 1300))
  530. {
  531. dataThickness = '.17';
  532. margin = 60;
  533. }
  534.  
  535. if ((clientWidth <= 1300) && (clientWidth > 800))
  536. {
  537. dataThickness = '.21';
  538. margin = 50;
  539. }
  540.  
  541. if ((clientWidth <= 800) && (clientWidth > 0))
  542. {
  543. dataThickness = '.25';
  544. margin = 40;
  545. }
  546.  
  547. var cNum = $(circles[i]).data('num') - 1;
  548.  
  549. $(circles[i]).data('width', (centerA.clientWidth - margin * cNum));
  550. $(circles[i]).data('height', (centerA.clientWidth - margin * cNum));
  551. $(circles[i]).data('thickness', dataThickness);
  552.  
  553. i++;
  554. }
  555.  
  556. // запускаем круги
  557. $('.knob').knob();
  558.  
  559. // запускаем таймеры
  560. //$('.timer').countdown('');
  561.  
  562. $.each(roomsCfg, function (index, room) {
  563. var prefix = genRoomPrefix(room['name']);
  564. $(prefix + '.rulleteIn').css('marginTop', (centerA.clientWidth - $(prefix + '.rulleteIn').actual('height')) / 2);
  565. });
  566.  
  567. //горизонтальная адаптация основных блоков
  568.  
  569. if (clientWidth > 800)
  570. {
  571. leftM = (clientWidth - (leftA.clientWidth * 2 + document.getElementById('rightA').clientWidth + (clientWidth * 0.05))) / 2;
  572. rightM = (clientWidth - (leftA.clientWidth * 2 + document.getElementById('rightA').clientWidth)) / 2 + (clientWidth * 0.025);
  573.  
  574. $('.rul_a, #leftA, #centerA').css({left: leftM + "px"});
  575. $('#rightA').css({left: rightM + "px"});
  576. }
  577.  
  578. if (clientWidth <= 800)
  579. {
  580. leftM = (clientWidth - document.getElementById('leftA').clientWidth) / 2;
  581. rightM = (clientWidth - document.getElementById('rightA').clientWidth) / 2;
  582.  
  583. $('.rul_a, #leftA, #centerA').css({left: leftM + "px"});
  584. $('#rightA').css({left: rightM + "px"});
  585. }
  586.  
  587.  
  588. var leftExSize = document.getElementsByClassName('topText')[0].clientHeight;
  589. leftExSize = leftExSize + document.getElementsByClassName('buttons')[0].clientHeight + document.getElementsByClassName('gameNum')[0].clientHeight
  590. leftExSize = leftExSize + document.getElementsByClassName('contact')[0].clientHeight;
  591.  
  592.  
  593. // вертикальная адаптация
  594. //~ alert(leftExSize);
  595.  
  596.  
  597. sizeChat = (document.documentElement.clientHeight - $('.textarea_chat').outerHeight(true) - $('header').outerHeight(true) - 70) + 6 + 'px';
  598. $('.chat_message').animate({height: sizeChat}, 700);
  599. centerA.style.height = leftA.clientHeight + 'px';
  600. rightA.style.height = leftA.clientHeight + 'px';
  601. leftBlockResize();
  602.  
  603. }
  604.  
  605.  
  606.  
  607. $(document).ready(function () {
  608. obj.starter();
  609.  
  610. window.onresize = function ()
  611. {
  612. obj.resizeTimer = setTimeout(function () {
  613. obj.resizer()
  614. }, 500);
  615. }
  616. });
  617.  
  618. </script>
  619. </body>
  620. </html>
Add Comment
Please, Sign In to add comment