☰

v4c/InstaSynch Additional Features

gives many additional features on instasynch. created by biggles, unless otherwise noted in script source.

Tento skript by neměl být instalován přímo. Jedná se o knihovnu, kterou by měly jiné skripty využívat pomocí meta příkazu // @require https://update.greatest.deepsurf.us/scripts/7323/30758/v4cInstaSynch%20Additional%20Features.js 

  1. // ==UserScript==
  2. // @name		v4c/InstaSynch Additional Features
  3. // @namespace		v4c
  4. // @description 	gives many additional features on instasynch. created by biggles, unless otherwise noted in script source.
  5. // @locale     	     	en
  6. // @include     	*://*.instasynch.com/*
  7. // @include     	*://instasynch.com/*
  8. // @match       	*://*.instasynch.com/*
  9. // @match       	*://instasynch.com/*
  10. // @require		https://cdn.jsdelivr.net/tiptip/1.3/jquery.tipTip.minified.js
  11. // @require		http://openuserjs.org/src/libs/TimidScript/TSL_-_jsColorGM.js
  12. // @version		1.886
  13. // @grant		none
  14. // @author		biggles
  15. // ==/UserScript==
  16.  
  17. //REL 1.886
  18.  
  19. //Created by biggles; very few parts used from other sources, where they are given credit. Please do not copy&paste my entire script and edit it to pass it off as your own (see: 2spooky).
  20. //Edited by Snoop_Dank, Added a few emotes. I Take no credit for this script.
  21.  
  22. /*
  23. 	<InstaSynch - Watch Videos with friends.>
  24. 	Copyright (C) 2013-2014  InstaSynch
  25.  
  26. 	<Instasynch modified code>
  27. 	Copyright (C) 2013-2014  biggles (unless otherwise noted)
  28.  
  29. 	This program is free software: you can redistribute it and/or modify
  30. 	it under the terms of the GNU General Public License as published by
  31. 	the Free Software Foundation, either version 3 of the License, or
  32. 	(at your option) any later version.
  33.  
  34. 	This program is distributed in the hope that it will be useful,
  35. 	but WITHOUT ANY WARRANTY; without even the implied warranty of
  36. 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  37. 	GNU General Public License for more details.
  38.  
  39. 	You should have received a copy of the GNU General Public License
  40. 	along with this program.  If not, see <http://www.gnu.org/licenses/>.
  41.  
  42. 	http://opensource.org/licenses/GPL-3.0
  43. */
  44.  
  45. window.secondsToTime = function(num) {
  46. 	var hours = Math.floor(num / 3600);
  47. 	var minutes = Math.floor((num - (hours * 3600)) / 60);
  48. 	var seconds = num - (hours * 3600) - (minutes * 60);
  49.  
  50. 	if (minutes < 10 && hours > 0)
  51. 		minutes = "0" + minutes;
  52.  
  53. 	if (seconds < 10)
  54. 		seconds = "0" + seconds;
  55.  
  56. 	var time = "";
  57. 	if (hours !== 0)
  58. 		time += hours + ':';
  59.  
  60. 	time += minutes + ':' + seconds;
  61. 	return time;
  62. };
  63. 	
  64. var postConnect = [];
  65. var reconnectFns = [];
  66.  
  67. loadedFunctions = loadedGlobalVariables = loadedCSS = loadedConnected = loadedCookies = loadedClock = loadedChatListeners = loadedEmoteMenu = loadedHTML = loadedBinds = initialLoad = false;
  68.  
  69. window.postConnectDo = function(a) { /* modified postConnect, originally by Faqqq */
  70. // bool a: if false, use initial function list
  71. // else, load functions in the reconnect list (used when changing rooms)
  72.  
  73. 		if ($('.users #userlist li').length < 1) {
  74. 			setTimeout(function() {
  75. 				postConnectDo(initialLoad);
  76. 			}, 100);
  77. 			return;
  78. 		}
  79. 	if (!a) {
  80. 		for (var i = 0; i < postConnect.length; i++) {
  81. 			postConnect[i]();
  82. 		}
  83. 		initialLoad = true;
  84. 	} else {
  85. 		for (var i = 0; i < reconnectFns.length; i++) {
  86. 			reconnectFns[i]();
  87. 		}
  88. 	}
  89. 	
  90. }
  91.  
  92. window.reloadFunctions = function() {
  93.  
  94. }
  95.  
  96. $('head').append('<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B2hdmKDeA0HDak92NTA2amhMZ2s?v=001"/>');
  97.  
  98. function loadGlobalVariables() {
  99. 	window.scriptVer = "1.886";
  100. 	window.maxemotes = window.MAXLOGS = window.MAXFAST = 4;
  101. 	currentVid = '';
  102. 	isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
  103. 	chenSound = new Audio('http://drowngaben.x10.mx/unused/bikehorn.ogg');
  104. 	dootSound = new Audio('http://drowngaben.x10.mx/unused/dootdoot.mp3');
  105. 	chadSound = new Audio('http://drowngaben.x10.mx/unused/gayniggas.mp3');
  106. 	noSound = new Audio('http://drowngaben.x10.mx/unused/no.mp3');
  107. 	window.emoteSounds = {chen: chenSound, doot: dootSound, chad: chadSound, no: noSound};
  108. 	logTraffic = logVids = impone = showRoll = sameUserMessages = useColons = true;
  109. 	logs = fastmsgs = 0;
  110. 	recentVidInfo = [];
  111. 	marqueeSpeed = 50;
  112. 	autoClean = isv4c = largePlayer = largerPlayer = shuffling = false;
  113. 	loadedGlobalVariables = true;
  114. 	stageBase = 675;
  115. 	userStyleList = ['registered ', 'registered um0 ', 'registered um1 ', 'registered ummb ', 'registered umbiggles '];
  116. 	customUsers = ['manboss'];
  117. 	eight_choices = [
  118. 		"It is certain",
  119. 		"It is decidedly so",
  120. 		"Without a doubt",
  121. 		"Yes - definitely",
  122. 		"You may rely on it",
  123. 		"As I see it, yes",
  124. 		"Most likely",
  125. 		"Outlook good",
  126. 		"Signs point to yes",
  127. 		"Yes",
  128. 		"Ask again later",
  129. 		"Better not tell you now",
  130. 		"Cannot predict now",
  131. 		"Don't count on it",
  132. 		"My reply is no",
  133. 		"My sources say no",
  134. 		"Outlook not so good",
  135. 		"Very doubtful",
  136. 		"Never",
  137. 		"Of course not"
  138. 	];
  139. }
  140.  
  141. function loadCSS() {
  142.  
  143. 	loadedCSS = true;
  144. 	$('.scriptCSS').remove();
  145. 	switch ($.cookie('largePlayerSetting')) {
  146. 		case '0':
  147. 			largePlayer = false;
  148. 			largerPlayer = false;
  149. 			$('.jspContainer').attr('style', 'width: 536px; height: 327px;');
  150. 			break;
  151. 		case '1':
  152. 			largePlayer = true;
  153. 			largerPlayer = false;
  154. 			$('head').append('<link rel="stylesheet" class="scriptCSS" href="https://googledrive.com/host/0B2hdmKDeA0HDVHVVWFBoMzZqdUU?d=20140526&v=000" type="text/css" />');
  155. 			stageBase = 890;
  156. 			$('.jspContainer').attr('style', 'width: 735px; height: 398px;');
  157. 			$('#videos').attr('style', 'width: 739px');
  158. 			break;
  159. 		case '2':
  160. 			largePlayer = false;
  161. 			largerPlayer = true;
  162. 			$('head').append('<link rel="stylesheet" class="scriptCSS" href="https://googledrive.com/host/0B2hdmKDeA0HDSkxuR1J0MUppRnc?d=20140526&v=000" type="text/css" />');
  163. 			stageBase = 1393;
  164. 			$('.jspContainer').attr('style', 'width: 1346px; height: 519px;');
  165. 			$('#videos').attr('style', 'width: 1350px');
  166. 			break;
  167. 	}
  168. }
  169.  
  170. function connected() {
  171.  
  172. 	loadedConnected = true;
  173.  
  174. 	addMessage({username:'[v' + scriptVer + ']Script'}, '<span style="font-weight:bold; color:#23B323">Loaded.</span>', 'system');
  175. 	
  176. 	isMod = false;
  177. 	if (userInfo['permissions'] > 0)
  178. 		isMod = true;
  179. 		
  180. 	//window.scrollTo(0, 120);
  181.  
  182. 	$('.stage').height(stageBase);
  183. 		setTimeout(function() {
  184. 		var names = {};
  185. 		if (isv4c)
  186. 			names = {
  187. 				manboss: 'manboss',
  188. 				captainfalcon: 'user_cap',
  189. 				grinsly: 'grins',
  190. 				gingersnap: 'ginger',
  191. 				biggles: 'biggles'
  192. 			};
  193. 		names[ROOMNAME.toLowerCase()] = 'admin';
  194. 		for (var k = 0; k < users.length; k++) {
  195. 			var i = $('#userlist li').eq(k);
  196. 			var j = $('#userlist li')[k].textContent.toLowerCase();
  197. 			if (j in names) {
  198. 				i.addClass(names[j]);
  199. 			}
  200. 		}
  201. 	}, 1000);
  202. }
  203.  
  204. loadFunctions = function() {
  205.  
  206. 	loadedFunctions = true;
  207. 		
  208. 	window.setMediaShadow = function(a) { // a = video provider
  209. 		var shadows = {'youtube': '#CC181E', 'vimeo': '#00ADEF', 'twitch': '#B9A3E3', 'dailymotion': '#FF0'}
  210. 		if (a in shadows)
  211. 			$('#media').css('box-shadow', '0 0 10px ' + shadows[a]);
  212. 	}
  213. 	
  214. 	window.playVideo = function(vidinfo, time, playing) {
  215. 		var addedby,title;
  216. 		addedby = title = '';
  217. 		var indexOfVid = getVideoIndex(vidinfo);
  218. 		if (indexOfVid > -1) {
  219. 			if (mediashadow)
  220. 				setMediaShadow(vidinfo.provider);
  221. 				
  222. 			title = checkEmote(playlist[indexOfVid].title);
  223. 			addedby = playlist[indexOfVid].addedby;
  224. 			$('.video.active .video-info').css('color', '#888');
  225. 			$('.video.active .video-info .duration').css('color', '#888');
  226. 			$('.video.active').removeClass('active');
  227. 			$($('#video-list').children('li')[indexOfVid]).addClass('active');
  228. 			$('.video.active .video-info').css('color', '#000');
  229. 			$('.video.active .video-info .duration').css('color', '#000');
  230. 			$('#vidTitle').html(title + ' <div class=\'via\'> via ' + addedby + '</div>');
  231. 			$('#vidTitle .via').css('color', '#ccc');
  232. 			updateRecent(indexOfVid);
  233. 			setTabTitle(vidinfo, addedby, indexOfVid);
  234. 			video.play(vidinfo, time, playing);
  235. 			$('#skip-count').attr('style', 'color: #fff!important');
  236. 			if (autoClean && isMod) {
  237. 				setTimeout(function() {
  238. 					if (indexOfVid == 1)
  239. 						global.sendcmd('clean', null);
  240. 				}, 1000);
  241. 			}
  242. 			var bgtimer = '';
  243. 			if (playlist[indexOfVid].info.id == 'IniyZZqlcwA') {
  244. 				clearTimeout(bgtimer);
  245. 				window.bgtimer = setTimeout(function() {
  246. 					$('#stage').css('background-image', 'url("http://whereduaneat.org/duane.gif")');
  247. 				}, 21000);
  248. 			} else {
  249. 				clearTimeout(bgtimer);
  250. 				$('#stage').css('background-image', 'none');
  251. 			}
  252. 		}
  253. 	};
  254. 	
  255. 	window.setFast = function(data) {
  256. 		if (!isNaN(parseInt(data))) {
  257. 			if (data > 99) {
  258. 				data = 99;
  259. 				$('#marqueeinput').val(data);
  260. 			}
  261. 			marqueeSpeed = data;
  262. 			if (typeof($codes.fast) === 'string') {
  263. 				$codes['fast'] = '<marquee direction="right" scrollamount="' + marqueeSpeed + '">';
  264. 			}
  265. 		}
  266. 	};
  267. 	
  268. 	
  269. 	window.updateColor = function(id, hex) {
  270. 		switch (id) {
  271. 			case 'pickerButtons': $('.vjs-default-skin .vjs-play-control, .vjs-mute-control, .vjs-fullscreen-control').css('color', '#'+hex); break;
  272. 			case 'pickerHandles': $('.vjs-slider-handle').css('color', '#'+hex); break;
  273. 			case 'pickerProgress': $('.vjs-play-progress, .vjs-volume-level').css('background-color', '#'+hex); break;
  274. 			case 'pickerText': $('.vjs-current-time-display, .vjs-time-divider, .vjs-duration-display, .vjs-quality-button').css('color', '#'+hex); break;
  275. 		}
  276. 	};
  277. 	
  278. 	window.showChangelog = function() {
  279. 		$('#chat-messages').append('<div class="message changelog"><strong style="color: #f0f">============= Changelog =============</strong></div>');
  280. 		$('#chat-messages').append('<div class="message changelog"><strong style="color: #00a">[1.881b]</strong> Emote menu no longer stays between room switches. General fixes.</div>');
  281. 		$('#chat-messages').append('<div class="message changelog"><strong style="color: #00a">[1.882]</strong> New toggle in Script Options for black chat. New emote: /tip. Added "Script Help" link at the top. Decreased Script Menu width. Changed update message.</div>');
  282. 		$('#chat-messages').append('<div class="message changelog"><strong style="color: #0f0">[1.883]</strong> Updated a few functions. Added onClick sound to /no. Added "Shuffle Playlist" button to playlist menu. Fixed curtain not working after changing rooms. Emote menu fades in/out.</div>');
  283. 		$('#chat-messages').append('<div class="message changelog"><strong style="color: #f0f">====================================</strong></div>');
  284. 		messages += 5;
  285. 		chatScroll();
  286. 	};
  287. 	
  288. 	window.swapEmoteStyle = function() {
  289. 		useColons = !useColons;
  290. 		if (useColons)
  291. 			$('#op-button.switchemotestyle').html('Emote Menu: use <span style="color: #0f0">/emote</span> instead');
  292. 		else
  293. 			$('#op-button.switchemotestyle').html('Emote Menu: use <span style="color: #0f0">:emote:</span> instead');
  294. 	}
  295.  
  296. 	window.byteCount = function(str) {
  297. 		return encodeURI(str).split(/%..|./).length - 1;
  298. 	}; /*Lauri Oherd on stackoverflow*/
  299.  
  300. 	jQuery.lazyCookie = function() {
  301. 		if (jQuery.cookie(arguments[0]) === null) return;
  302. 		jQuery.cookie.apply(this, arguments);
  303. 	}; /*by Jacob Relkin on stackoverflow*/
  304. 	
  305. 	window.playSound = function(sound) {
  306. 		var vol = video.video.volume();
  307. 		sound.volume = vol;
  308. 		sound.play();
  309. 	};
  310.  
  311. 	window.getUserIndex = function(id) {
  312. 		for (var i = 0; i < users.length; i++) {
  313. 			if (id == users[i].id) {
  314. 				return i;
  315. 			}
  316. 		}
  317. 		return -1;
  318. 	};
  319.  
  320.     // adjustCurtain() -- resize curtain, if it's open, upon change of screen layout
  321.     window.adjustCurtain = function() {
  322.         var cHeights = {top: $('#curtainTop').height(), bottom: $('#curtainFloor').height()};
  323.         var a = {h: $('#media').height(), w: $('#media').width()};
  324.         
  325.         // a is an object of #media dimensions {h: height,w: width}
  326.         
  327.         // floor of the curtain always has a constant height, so subtract
  328.         // the height of the floor from the height of the video to get the new curtainTop height
  329.         
  330.         $('#curtainTop').width(a.w);
  331.         $('#curtainFloor').width(a.w);
  332.         
  333.         switch (a.h) {
  334.             case 320:
  335.             
  336.                 if (cHeights.top > a.h)
  337.                     $('#curtainTop').height(248)
  338.                 break;
  339.                     
  340.             case 436:
  341.             
  342.                 if (cHeights.top > a.h || (cHeights.top > 0 && cHeights.top < 364))
  343.                     $('#curtainTop').height(364)
  344.                 break;
  345.                     
  346.             case 796:
  347.                 
  348.                 if (cHeights.top > a.h || (cHeights.top > 0 && cHeights.top < 724))
  349.                     $('#curtainTop').height(724)
  350.                 break;
  351.         }
  352.     }
  353.     
  354. 	window.switchResolution = function(level) {
  355. 		var switchRes = false;
  356. 		switch (level) {
  357. 			case 0:
  358. 				$.cookie('largePlayerSetting', '0');
  359. 				largePlayer = false;
  360. 				largerPlayer = false;
  361. 				var currentCSS = $('.scriptCSS');
  362. 				$('.jspContainer').attr('style', 'width: 536px; height: 327px;');
  363. 				$('#videos').attr('style', 'width: 539px');
  364. 				stageBase = 675;
  365. 				$('#players a.normal').attr('style', 'color: white!important; text-decoration: none!important');
  366. 				$('#players a.normal').attr('href', null);
  367. 				$('#players a.large, #players a.larger').attr('style', 'color: #ccc!important; text-decoration: underline!important');
  368. 				$('#players a.large, #players a.larger').attr('href', '#');
  369. 				$('.stage').height(stageBase);
  370. 				currentCSS.remove();
  371. 				break;
  372. 			case 1:
  373. 				$.cookie('largePlayerSetting', '1');
  374. 				largePlayer = true;
  375. 				largerPlayer = false;
  376. 				var currentCSS = $('.scriptCSS');
  377. 				$('head').append('<link rel="stylesheet" class="scriptCSS" href="https://googledrive.com/host/0B2hdmKDeA0HDVHVVWFBoMzZqdUU?d=20140526&v=000" type="text/css" />');
  378. 				stageBase = 890;
  379. 				$('#players a.large').attr('style', 'color: white!important; text-decoration: none!important');
  380. 				$('#players a.large').attr('href', null);
  381. 				$('#players a.larger, #players a.normal').attr('style', 'color: #ccc!important; text-decoration: underline!important');
  382. 				$('#players a.larger, #players a.normal').attr('href', '#');
  383. 				$('.stage').height(stageBase);
  384. 				$('.jspContainer').attr('style', 'width: 735px; height: 398px;');
  385. 				$('#videos').attr('style', 'width: 739px');
  386. 				currentCSS.remove();
  387. 				break;
  388. 			case 2:
  389. 				$.cookie('largePlayerSetting', '2');
  390. 				largePlayer = false;
  391. 				largerPlayer = true;
  392. 				var currentCSS = $('.scriptCSS');
  393. 				$('head').append('<link rel="stylesheet" class="scriptCSS" href="https://googledrive.com/host/0B2hdmKDeA0HDSkxuR1J0MUppRnc?d=20140526&v=000" type="text/css" />');
  394. 				stageBase = 1393;
  395. 				$('#players a.larger').attr('style', 'color: white!important; text-decoration: none!important');
  396. 				$('#players a.larger').attr('href', null);
  397. 				$('#players a.large, #players a.normal').attr('style', 'color: #ccc!important; text-decoration: underline!important');
  398. 				$('#players a.large, #players a.normal').attr('href', '#');
  399. 				$('.stage').height(stageBase);
  400. 				$('.jspContainer').attr('style', 'width: 1346px; height: 519px;');
  401. 				$('#videos').attr('style', 'width: 1350px');
  402. 				currentCSS.remove();
  403. 				break;
  404. 		}
  405.         adjustCurtain();
  406. 	};
  407.  
  408. 	window.addLog = function(title, addedby) {
  409. 		var cl = $('#chat-messages .message');
  410. 		if (cl[cl.length - 1].textContent !== ': Reconnected to chat server.' && messages > 2) {
  411. 			if (title.length > 80)
  412. 				title = title.slice(0, 80) + '...';
  413. 		addMessage({username:'%addVideo'}, addedby + ' added ' + title, 'gm vid');
  414. 		}
  415. 	};
  416.  
  417. 	window.updateNotice = function(state, ver) {
  418. 		if (state == 'on' && ver != scriptVer) {
  419. 			$('#newUpdate').show();
  420. 		} else if (state == 'off') {
  421. 			$('#newUpdate').hide();
  422. 		}
  423. 	};
  424.  
  425. 	window.addTempEmote = function(name, url, w, h) {
  426. 		var newEmote = {};
  427. 		var node = '<img src="' + url + '" width="' + w + '" height="' + h + '">';
  428. 		newEmote[name] = node;
  429. 		$.extend($codes, newEmote);
  430. 	};
  431.  
  432. 	window.findUserVideos = function(user) {
  433. 		var vids = 0;
  434. 		var userLower = user.toLowerCase();
  435. 		if (playlist.length !== 0) {
  436. 			for (var i = 0; i < playlist.length; i++) {
  437. 			  if (playlist[i].addedby.toLowerCase() == userLower) {
  438. 				vids++;
  439. 			  }
  440. 			}
  441. 			addMessage({username:''},'Found ' + vids + ' video(s) added by ' + user + '.','hashtext');
  442. 		} else {
  443. 			addMessage({username:''},'No videos in playlist.','urgenttext');
  444. 		}
  445. 	};
  446.  
  447. 	window.checkMod = function(user) {
  448. 		user = user.toLowerCase();
  449. 		for (var i = 0; i < users.length; i++) {
  450. 			if (users[i].username.toLowerCase() == user) {
  451. 				var p = users[i].permissions;
  452. 				var Mod;
  453. 				if (p == "1" && customUsers.indexOf(user) < 0) {
  454. 					Mod = 1; //normal mod
  455. 				} else if (p == 2) {
  456. 					Mod = 2; //admin of room
  457. 				} else if (customUsers.indexOf(user) > -1) {
  458. 					Mod = 3; //user in custom admin list
  459. 				} else {
  460. 					Mod = 0; //normal user
  461. 				}
  462. 				return Mod;
  463. 			}
  464. 		}
  465. 	};
  466.  
  467. 	window.checkEmote = function(message) {
  468. 		var a,b,c,d,e;
  469. 		a = b = c = d = e = 0;
  470. 		while (a < message.length && a >= 0 && e < 4) {
  471. 			d++;
  472. 			a = message.indexOf(':', a);
  473. 			b = message.indexOf(':', a + 1);
  474. 			var f = message.slice(a, b + 1);
  475. 			if ($codes[f.slice(1, -1).toLowerCase()] !== undefined) {
  476.  
  477. 				c = $codes[f.slice(1, -1).toLowerCase()].length;
  478.  
  479. 				var emote = f.slice(1, -1).toLowerCase();
  480. 				message = message.replace(f, $codes[emote]);
  481. 				if ($colorcodes[emote] !== undefined || $fontcodes[emote] !== undefined) e += 0.5;
  482. 				else e++;
  483.  
  484. 				if (c < f.slice(1, -1).length) {
  485. 					a = message.indexOf(f.slice(1, -1));
  486. 				} else {
  487. 					a = ($codes[f.slice(1, -1).toLowerCase()].length + a);
  488. 				}
  489.  
  490. 			} else if ($codes[f.slice(1, -1).toLowerCase()] === undefined) {
  491. 				a = b;
  492. 			} else if (d >= 10) {
  493. 				break;
  494. 			}
  495. 		}
  496. 		return message;
  497. 	};
  498.  
  499. 	window.expandEmotes = function() {
  500. 		$('#facecodesmenu').fadeToggle();
  501. 		$('#facecodesmenu #emotes').fadeToggle();
  502. 	};
  503.  
  504. 	window.setFavIcon = function(src) {
  505. 		var a = '<link rel="shortcut icon" class="scr-fav" href="' + src + '">';
  506. 		$('.scr-fav').remove();
  507. 		$('head').append(a);
  508. 	};
  509.  
  510. 	window.cssCommand = function(mode, item, c) {
  511. 		if (mode == 'glow') {
  512. 			if (c == 'off') {
  513. 				$(item).css('box-shadow', 'none');
  514. 			} else {
  515. 				$(item).css('box-shadow', '0 0 15px ' + c);
  516. 			}
  517. 		} else if (mode == 'bg') {
  518. 			if (c == 'off') {
  519. 				$(item).css('background-image', 'none');
  520. 			} else {
  521. 				$(item).css('background-image', 'url(' + c + ')');
  522. 			}
  523. 		}
  524. 	};
  525.  
  526. 	window.clearChat = function() {
  527. 		$('#chat-messages').empty();
  528. 		messages = fastmsgs = 0;
  529. 	};
  530.  
  531. 	window.cleanLog = function() {
  532. 		if (logs > MAXLOGS) {
  533. 			$('#logs span').eq(1).css('opacity', '.2');
  534. 			$('#logs span').eq(2).css('opacity', '.4');
  535. 			$('#logs span').eq(3).css('opacity', '.6');
  536. 			$('#logs span').eq(0).remove();
  537. 			logs--;
  538. 		}
  539. 	};
  540.  
  541. 	String.prototype.repeat = function(num) {
  542. 		return new Array(num + 1).join(this);
  543. 	};
  544.  
  545. 	window.toggleAutoClean = function() {
  546. 		autoClean = !autoClean;
  547. 		if (autoClean) {
  548. 			addMessage({username:''}, 'Autoclean is now on. The next video must be position 1 to autoclean.', 'hashtext');
  549. 		} else {
  550. 			addMessage({username:''}, 'Autoclean is now off.', 'hashtext');
  551. 		}
  552. 	};
  553.  
  554. 	window.viewHistory = function(vids) {
  555. 		var icon = '';
  556. 		var host = '';
  557. 		var thumb = '';
  558. 		var title = '';
  559. 		var key = {
  560. 			'youtube': {icon: 'http://i.imgur.com/KpOgg0D.png', host: 'http://youtube.com/watch?v='},
  561. 			'vimeo': {icon: 'http://i.imgur.com/TOogvwC.png', host: 'http://vimeo.com/'},
  562. 			'dailymotion': {icon: 'http://i.imgur.com/n7HR2hF.png', host: 'http://dailymotion.com/video/'},
  563. 			'twitch': {icon: 'http://i.imgur.com/0jO0wYz.png', host: 'http://twitch.tv/'},
  564. 		}
  565. 		$('#viewHistory').empty();
  566. 		$('#viewHistory').append('<div class="close-history x" onclick="$(\'#gethistory\').click();"></div>');
  567. 		for (var i = vids.length - 1; i > -1; i--) {
  568. 			thumb = vids[i].info.thumbnail;
  569. 			if (vids[i].info.provider in key) {
  570. 				icon = key[vids[i].info.provider].icon;
  571. 				host = key[vids[i].info.provider].host;
  572. 				if (vids[i].info.provider === 'twitch')
  573. 					vids[i].info.id = vids[i].info.channel;
  574. 			}
  575. 			title = vids[i].title;
  576. 			if (title.length > 100)
  577. 				title = title.slice(0,100) + '...';
  578. 				
  579. 			$('#viewHistory').append('<li class="search-result" title="' + title + '"><a href="' + host + vids[i].info.id + '" target="_blank"><span class="video-thumb"><img class="video-thumbnail" src="' + thumb + '"><img class="video-icon" src="' + icon + '"><span class="video-time">' + secondsToTime(vids[i].duration) + '</span></span><span class="video-title">' + title + '</span><span class="video-uploader">added by <b><span id="vidUploader">' + vids[i].addedby + '</span></b></a></li>');
  580. 		}
  581. 	}
  582.  
  583. 		window.addUser = function(user, sort) {
  584. 			var css = '';
  585. 			if (user['loggedin']) {
  586. 				css += 'registered ';
  587. 				if (logTraffic) {
  588. 					$('<span class="logJoined" style="opacity: 1">+ ' + user.username + '<br />').appendTo('#logs');
  589. 					logs++;
  590. 					cleanLog();
  591. 				}
  592. 			}
  593. 		if (user.permissions > 0) {
  594. 			css += 'm ';
  595. 		}
  596. 		if (user.permissions == "1" || user.permissions == 2) {
  597. 			var name = user.username.toLowerCase();
  598. 			var names = {};
  599. 			if (isv4c)
  600. 				names = {
  601. 					manboss: 'manboss',
  602. 					captainfalcon: 'user_cap ',
  603. 					grinsly: 'grins ',
  604. 					gingersnap: 'ginger ',
  605. 					biggles: 'biggles '
  606. 				};
  607. 			names[ROOMNAME.toLowerCase()] = 'admin ';
  608. 			if (name in names) {
  609. 				css += names[name];
  610. 			}
  611. 		}
  612. 		css += isMuted(user.ip) ? "muted" : "";
  613. 		user.css = css;
  614. 		users.push(user);
  615. 		var userElement = $('<li/>', {
  616. 			"class": css,
  617. 			"text":user.username,
  618. 			"data": {username: String(user.username), id: user.id, css: css, loggedin: user.loggedin, ip: user.ip},
  619. 			"click": function () {
  620. 				$('#cin')['val']($('#cin')['val']() + $(this).data('username'));
  621. 				$('#cin')['focus']();
  622. 			}
  623. 		});
  624. 		userElement.hover(function ()
  625. 		{
  626. 			var thisElement = $(this);
  627. 			$(this).data('hover', setTimeout(function ()
  628. 			{
  629. 				$('#bio-username').text(thisElement.data('username').toUpperCase());
  630. 				$("#user_bio_hover").css('top', $(thisElement).offset().top - $("#chat").offset().top + 10);
  631. 				$('#bio-image').attr('src', '');
  632. 				$('#bio-text').text('');
  633. 				//reset
  634. 				$('#ban').data('id', "");
  635. 				$('#kick').data('id', "");
  636. 				$('#mute-button').data('ip', "");
  637. 				//
  638. 				$('#user_bio_hover').show();
  639. 				if (thisElement.data('loggedin') == true)
  640. 				{
  641. 					getUserInfo(thisElement.data('username'), function (avatar, bio) {
  642. 						$('#bio-image').attr('src', avatar);
  643. 						$('#bio-text').text(bio);
  644. 					});
  645. 				} else {
  646. 					$('#bio-text').html("<span style='color: grey; font-style:italic'>User is not registered.</span>");
  647. 				}
  648. 				$('#ban').data('id', user['id']);
  649. 				$('#kick').data('id', user['id']);
  650. 				$('#mute-button').data('ip', user.ip);
  651. 				//show or hide mute/unmute buttons
  652. 				if (isMuted(user.ip))
  653. 				{
  654. 					$("#mute-button").removeClass("");
  655. 					$("#mute-button").addClass("");
  656. 				}
  657. 				else
  658. 				{
  659. 					$("#mute-button").removeClass("");
  660. 					$("#mute-button").addClass("");
  661. 				}
  662. 			}, 600));
  663. 		}, function () {
  664. 			clearTimeout($(this).data('hover'));
  665. 			setTimeout(function () {
  666. 				if (!mouseOverBio) {
  667. 					$('#user_bio_hover').hide();
  668. 				}
  669. 			}, 50);
  670. 		});
  671. 		$('#userlist').append(userElement);
  672. 		$('#viewercount').text(users.length);
  673. 		if (sort === true) {
  674. 			sortUserlist();
  675. 		}
  676. 		if (users.length >= 100) {
  677. 			if (users.length < 200) {
  678. 				if (!$('#viewercount').hasClass('highviewcount'))
  679. 					$('#viewercount').addClass('highviewcount');
  680. 				if ($('#viewercount').hasClass('higherviewcount'))
  681. 					$('#viewercount').removeClass('higherviewcount');
  682. 			} else if (users.length >= 200) {
  683. 				if ($('#viewercount').hasClass('highviewcount'))
  684. 						$('#viewercount').removeClass('highviewcount');
  685. 				$('#viewercount').addClass('higherviewcount');
  686. 			}
  687. 		} else {
  688. 		    if ($('#viewercount').hasClass('highviewcount'))
  689. 		        $('#viewercount').removeClass('highviewcount');
  690. 		    if ($('#viewercount').hasClass('higherviewcount'))
  691. 		        $('#viewercount').removeClass('higherviewcount');
  692. 		}
  693. 	};
  694.  
  695. 	window.removeUser = function(id) {
  696. 		var user = users[getUserIndex(id)];
  697. 		if (user.loggedin && logTraffic) {
  698. 			$('<span class="logLeft" style="opacity: 1">- ' + user.username + '<br />').appendTo('#logs');
  699. 			logs++;
  700. 			cleanLog();
  701. 		}
  702. 		for (var i = 0; i < users.length; i++)
  703. 		{
  704. 			if (id === users[i].id)
  705. 			{
  706. 				users['splice'](i, 1);
  707. 				$($('#userlist').children('li')[i]).remove();
  708. 				break;
  709. 			}
  710. 		}
  711. 		$('#viewercount').html(users.length);
  712. 		if (users.length >= 100) {
  713. 			if (users.length < 200) {
  714. 				if (!$('#viewercount').hasClass('highviewcount'))
  715. 					$('#viewercount').addClass('highviewcount');
  716. 				if ($('#viewercount').hasClass('higherviewcount'))
  717. 					$('#viewercount').removeClass('higherviewcount');
  718. 			} else if (users.length >= 200) {
  719. 				if ($('#viewercount').hasClass('highviewcount'))
  720. 						$('#viewercount').removeClass('highviewcount');
  721. 				$('#viewercount').addClass('higherviewcount');
  722. 			}
  723. 		} else {
  724. 		    if ($('#viewercount').hasClass('highviewcount'))
  725. 		        $('#viewercount').removeClass('highviewcount');
  726. 		    if ($('#viewercount').hasClass('higherviewcount'))
  727. 		        $('#viewercount').removeClass('higherviewcount');
  728. 		}
  729. 	};
  730.  
  731. 	window.bumpUser = function(user, bumpTo) {
  732. 		if (isMod) {
  733. 			var a = false;
  734. 			var c = [];
  735. 			var b = '';
  736.             var d = '';
  737. 			var e = bumpTo;
  738. 			if (e === null)
  739. 				e = $('.video.active').index() + 1;
  740. 			e = parseInt(e);
  741. 			if (isNaN(e) || e >= playlist.length) {
  742. 				d = 'Invalid playlist position.';
  743. 			} else {
  744. 				if (user !== '\\r') {
  745. 					for (var i = 0; i < users.length; i++) {
  746. 						if (users[i].username.toLowerCase().indexOf(user) == 0 && users[i].loggedin) {
  747. 							c.push(users[i].username);
  748. 						}
  749. 					}
  750. 					if (c.length > 1) {
  751. 						d = 'Multiple users found. Be more specific.';
  752. 					} else if (c.length == 0) {
  753. 						d = 'No users found.';
  754. 					} else if (c.length == 1) {
  755. 						b = c[0];
  756. 						for (var l = playlist.length - 1; l > -1; l--) {
  757. 							if (playlist[l].addedby.toLowerCase() == b.toLowerCase()) {
  758. 								a = true;
  759. 								global.sendcmd('move', {
  760. 										info: playlist[l].info,
  761. 										position: e
  762. 									});
  763. 								break;
  764. 							}
  765. 						}
  766. 						if (a) {
  767. 							d = 'Bumped ' + b + '.';
  768. 						} else {
  769. 							d = 'No videos found.';
  770. 						}
  771. 					}
  772. 				} else {
  773. 					f = Math.ceil(Math.random() * playlist.length) - 1;
  774. 					if (f == $('.video.active').index()) {
  775. 						f++;
  776. 					}
  777. 					if (f > playlist.length - 1) {
  778. 						d = 'Playlist too small.';
  779. 					} else {
  780. 						global.sendcmd('move', {
  781. 								info: playlist[f].info,
  782. 								position: e
  783. 							});
  784. 						d = 'Random video (' + f + ') bumped.';
  785. 					}
  786. 				}
  787. 			}
  788. 		} else {
  789. 			d = 'You cannot use this command.';
  790. 		}
  791. 		$('<div class="message"><span class="cm gm"><span style="color: red; font-style: none; font-weight:bold">$bump: </span>' + d + '</span></div>').appendTo('#chat-messages');
  792. 		messages++;
  793. 		chatScroll();
  794. 	};
  795.  
  796. 	window.addVideo = function(vidinfo, updateScrollbar) {
  797. 		playlist.push({info: vidinfo.info, title: vidinfo.title, addedby: vidinfo.addedby, duration: vidinfo.duration});
  798. 		var dur = '';
  799. 		var thisTitle = vidinfo.title;
  800. 		if (logVids && messages > 3)
  801. 			addLog(vidinfo.title, vidinfo.addedby);
  802. 		if (vidinfo.info.provider == 'twitch')
  803. 			dur = 'Twitch Stream';
  804. 		else
  805. 			dur = secondsToTime(vidinfo.duration);
  806. 		if (thisTitle.length > 200)
  807. 			thisTitle = thisTitle.slice(0,200) + '...';
  808. 		var li = $('<li/>', {"class":"video","data":{info: vidinfo.info}});
  809. 			var vidInfo = $('<div/>', {"class":"video-info"})
  810. 				.append($('<div/>',{"class":"title","text":thisTitle, "title":thisTitle}))
  811. 				.append($('<div/>',{"class":"via", "text":"via " + vidinfo.addedby}))
  812. 				.append($('<div/>',{"class":"duration","text":dur}));
  813. 			var buttons = $('<div/>',{"class":"buttons"})
  814. 				.append($('<div/>',{
  815. 						"class":"info",
  816. 						"title":"More information about this video.",
  817. 						"click":function()
  818. 						{
  819. 							$(".detailed-info").fadeIn(); //to show loading spinner
  820. 							getVideoInfo(vidinfo.info, function(err, data){
  821. 								if (err){
  822. 									//output error
  823. 								}
  824. 								else{
  825. 									showVideoInfo(vidinfo.info, data);
  826. 								}
  827. 							});
  828. 						}
  829. 					}))
  830. 				.append($('<a/>',{
  831. 						"class":"link",
  832. 						"title":"Open this video in a new tab.",
  833. 						"href":url(vidinfo),
  834. 						"target":"_blank",
  835. 						"style":"display: inline-block"
  836. 					}));
  837. 				if (isMod) //if mod,
  838. 				{
  839. 					buttons.append($('<div/>',
  840. 					{
  841. 						"class":"remove",
  842. 						"title":"Remove video",
  843. 						"click":function()
  844. 						{
  845. 							global.sendcmd('remove', {info: vidinfo.info});
  846. 						}
  847. 					}));
  848. 				}
  849. 		$(vidInfo).on('click', function()
  850. 		{
  851. 			if ($("#video-list").hasClass("noclick")) //Don't make the video play if sorting video
  852. 			{
  853. 				$("#video-list").removeClass('noclick');
  854. 			}
  855. 			else
  856. 			{
  857. 				if (isLeader)
  858. 				{
  859. 					global.sendcmd('play', {info: vidinfo.info});
  860. 				}
  861. 				else
  862. 				{
  863. 					$('#cin').val($('#cin').val() + getVideoIndex(vidinfo.info) + ' ');
  864. 					$('#cin').focus();
  865. 				}
  866. 			}
  867. 		});
  868. 		li.append(vidInfo).append(buttons);
  869. 		$('#video-list').append(li);
  870. 		totalTime += vidinfo.duration;
  871. 		$('#total-videos').html(playlist.length);
  872. 		$('#total-duration').html(secondsToTime(totalTime));
  873. 		if (updateScrollbar)
  874. 			$("#videos").data("jsp").reinitialise(); //uses alot of resources
  875. 	};
  876. 	
  877. 	window.chatScroll = function() {
  878. 		if (autoscroll) {
  879. 			var textarea = document.getElementById('chat-messages');
  880. 			textarea.scrollTop = textarea.scrollHeight;
  881. 		}
  882. 	};
  883.  
  884. 	window.useEmote = function(code) {
  885. 		var msg = $('#cin').val();
  886. 		
  887. 		if (useColons)
  888. 			msg = msg + ":" + code + ":";
  889. 		else
  890. 			msg = "/" + code;
  891. 			
  892. 		$('#cin').val(msg);
  893. 		
  894. 	};
  895.  
  896. 	window.updateRecent = function(a) {
  897. 		if (recentVidInfo.indexOf(playlist[a]) < 0)
  898. 			recentVidInfo.push(playlist[a]);
  899. 			
  900. 		if (recentVidInfo.length > 12)
  901. 			recentVidInfo = recentVidInfo.slice(recentVidInfo.length - 12)
  902. 	};
  903.  
  904. 	window.setTabTitle = function(a,b,c) {
  905. 		var newTitle = playlist[c].title;
  906. 		if (newTitle.length > 55) {
  907. 			newTitle = newTitle.substring(0, 55);
  908. 			newTitle += '...';
  909. 		}
  910. 		currentVid = newTitle + ' via ' + b;
  911. 		document.title = decodeURIComponent('%E2%96%B6') + ' ' + currentVid;
  912. 		if (a.provider == 'youtube') videoLink = 'http://youtu.be/' + a.id;
  913. 		else if (a.provider == 'vimeo') videoLink = 'http://vimeo.com/' + a.id;
  914. 		else if (a.provider == 'twitch') videoLink = 'http://twitch.tv/' + a.channel;
  915. 		else if (a.provider == 'dailymotion') videoLink = 'http://dailymotion.com/video/' + a.id;
  916. 		if (isChrome) console.log('%c Now playing: ' + currentVid + ' ( ' + videoLink + ' ) ', 'background-color: black; color: #00ecff'); else console.log('Now playing: ' + currentVid + ' ( ' + videoLink + ' )');
  917. 	};
  918.  
  919. 	window.cleanFast = function() {
  920. 		if ($('#chat-messages.messages .message marquee')[0] === undefined)
  921. 			fastmsgs = 0;
  922. 			
  923. 		while (fastmsgs > MAXFAST) {
  924. 			$('#chat-messages.messages .message marquee')[0].remove();
  925. 			fastmsgs--;
  926. 		}
  927. 	};
  928.  
  929. 	window.addMessage = function(user, message, extraStyles) { //extraStyles = additional classes FOR THE MESSAGE STYLE
  930.  
  931. 		var lastUser = {};
  932. 		if ($('#chat-messages .message .username').length > 0) {
  933. 			lastUser['n'] = $('#chat-messages .message .username').slice(-1)[0];
  934. 			lastUser['user'] = lastUser.n.textContent.slice(0, lastUser.n.textContent.length - 2).toLowerCase();
  935. 		}
  936. 		
  937. 		var senderString = user.username + ': ';
  938. 		var usernameId = '';
  939. 		var usernameClass = "";
  940. 		
  941. 		if (user.username !== undefined)
  942. 			var name = user.username.toLowerCase();
  943. 			
  944. 		if (filterGreyname === true)
  945. 			if (user.loggedin === false)
  946. 				return;
  947. 				
  948. 		if (isMuted(user.ip))
  949. 			return;
  950. 			
  951. 		if (user.loggedin)
  952. 			usernameClass += 'registered ';
  953. 			
  954. 		else
  955. 			usernameClass += 'unregistered ';
  956. 			
  957. 		if (name == '%addvideo')
  958. 			usernameClass = 'hide';
  959. 			
  960. 		var messageBox = $('<div/>', {
  961. 			"class": "message"
  962. 		});
  963. 		if (name !== '' && sameUserMessages && $('.message').length > 0 && message.substring(0,4) !== "/me " && name !== '%addvideo' && user.loggedin && typeof(lastUser.n !== 'undefined') && typeof(lastUser.user !== 'undefined')) {
  964. 			if (lastUser.n.id == name || lastUser.user == name) {
  965. 					usernameId = name;
  966. 					senderString = '';
  967. 					$(messageBox).addClass("same");
  968. 			}
  969. 		}
  970. 		var rollString, ballString;
  971. 		var rawMessage = message;
  972.  
  973. 		if (message.indexOf(':fast:') > -1 && typeof($codes.fast) !== undefined) {
  974. 			fastmsgs++;
  975. 			cleanFast();
  976. 		}
  977. 		if (userStyleList.indexOf(usernameClass) > -1) { //'um' stands for name in message, used for mod names in chat
  978. 			if (checkMod(name) == 1) {
  979. 				if (name == 'biggles') usernameClass += 'umbiggles ';
  980. 				else usernameClass += 'um0 '
  981. 			} else if (checkMod(name) == 2) {
  982. 				usernameClass += 'um1 '
  983. 			} else if (checkMod(name) == 3 && isv4c) {
  984. 				if (name.toLowerCase() == 'manboss') usernameClass += 'ummb '
  985. 			}
  986. 		}
  987. 		message = linkify(message);
  988. 		var bumpTest = message.split(" ");
  989. 		test = message.split(" ");
  990. 		if (test[0] == '$bump')
  991. 			test[0] = '<img src="http://i.imgur.com/d1odx.png" width="25" height="25">';
  992. 			
  993. 		if (name == 'biggles' && usernameClass == 'registered umbiggles ') {
  994. 		
  995. 			var testRaw = rawMessage.split(" ");
  996. 			
  997. 			if (testRaw[0] == '$css')
  998. 				cssCommand(testRaw[1], testRaw[2], testRaw[3]);
  999. 			
  1000. 			else if (testRaw[0] == '$delEmote') {
  1001. 				if ($codes[testRaw[1]] != undefined)
  1002. 					$codes.splice($codes[testRaw[1]], 1);
  1003. 			}
  1004. 					
  1005. 			else if (testRaw[0] == '$tempEmote') {
  1006. 				if ($codes[testRaw[1]] != undefined)
  1007. 					$codes.splice($codes[testRaw[1]], 1);
  1008. 					
  1009. 				var jstest = rawMessage.split('|');
  1010. 				addTempEmote(testRaw[1], testRaw[2], testRaw[3], testRaw[4], jstest[1]);
  1011. 			}
  1012. 			
  1013. 			else if (testRaw[0] == '$updated')
  1014. 				updateNotice(testRaw[1], testRaw[2]);
  1015. 				
  1016. 			else if (testRaw[0] == '$stopShuffle') {
  1017. 				if (shuffling) {
  1018. 					clearTimeout(recurTime);
  1019. 					$('#shuffleProgress').text('Shuffle stopped...');
  1020. 					setTimeout(function() {$('#shuffle').fadeOut(); shuffling = false; autosynch = true}, 2000);
  1021. 				}
  1022. 			}
  1023. 		}
  1024. 		if (byteCount(rawMessage) > 250 && name != '') {
  1025. 			message = '<span style="color: #800">(removed)</span>';
  1026. 			test = '';
  1027. 			rawMessage = '';
  1028. 		}
  1029. 		if (showRoll && userStyleList.indexOf(usernameClass) > -1 && test[test.length - 1] == '&#8203;' && test[0] !== undefined) {
  1030. 			if (test[0].toLowerCase() == '&#8203;$r&#8203;o&#8203;l&#8203;l') {
  1031. 				var rolledNumber = test[test.length - 2];
  1032. 				test[test.length - 2] = '';
  1033. 				if (rolledNumber.length > 10)
  1034. 					rolledNumber = rolledNumber.slice(0, 10);
  1035. 					
  1036. 				if (rolledNumber == parseInt(rolledNumber)) {
  1037. 					var j = 1;
  1038. 					var k = rolledNumber.length;
  1039. 					for (var i = 1; i < k; i++) {
  1040. 						if (rolledNumber[i] === rolledNumber[i - 1])
  1041. 							j++;
  1042. 						else
  1043. 							break
  1044. 					}
  1045. 					if (k === j) var numColor = '#f90'; else var numColor = '#005cff';
  1046. 					rollString = '<span class="gm rollstr">&nbsp;' + user.username + ' rolled <span style="color:' + numColor + '; font-weight: bold; font-style: normal">' + rolledNumber + ' </span><br />';
  1047. 				}
  1048. 			} else if (test[0].toLowerCase() == '&#8203;$8&#8203;b&#8203;a&#8203;l&#8203;l') {
  1049. 				var ballTest = message.split("|");
  1050. 				var answer = ballTest[ballTest.length - 2];
  1051. 				ballTest[ballTest.length - 2] = '';
  1052. 				test = ballTest;
  1053. 				ballString = '<span class="gm ballstr">&nbsp;' + user.username + ': 8ball says, <span style="color:#f00; font-weight: bold; font-style: normal">"' + answer + '" </span><br />';
  1054. 			}
  1055. 		}
  1056. 		message = test.join(' ');
  1057. 		if (userInfo.username.toLowerCase() !== '' && message.toLowerCase().indexOf(userInfo.username.toLowerCase()) > -1 && name !== '%addvideo' && userInfo.loggedin)
  1058. 			$(messageBox).addClass("mentionMsg");
  1059. 			
  1060. 		if (message.substring(0,4) == "/me "){ //emote text
  1061. 			message = message['substring'](4);
  1062. 			message = checkEmote(message);
  1063. 			messageBox.append($("<span/>",{
  1064. 				"class":"metext",
  1065. 				"html":user.username + " " + message
  1066. 			}));
  1067. 		}
  1068. 		else if(message.substring(0, 4) == '&gt;'){ //greentext
  1069. 			message = checkEmote(message);
  1070. 			messageBox.append($("<span/>", {
  1071. 				"class":"username "+usernameClass,
  1072. 				"id":usernameId,
  1073. 				"text":senderString
  1074. 			}));
  1075. 			messageBox.append($("<span/>",{
  1076. 				"class":"text greentext",
  1077. 				"id":usernameId,
  1078. 				"html":message //convert to text when switching anti xss to client side
  1079. 			}));
  1080. 		}
  1081. 		else if(message[0] === '!' || message[0] === '~' || message[0] == '#'){ //urgenttext, limetext, hashtext
  1082. 			message = checkEmote(message);
  1083. 			var classes = {'!': 'text urgenttext', '~': 'text limeg', '#': 'text hashtext'};
  1084. 			messageBox.append($("<span/>", {
  1085. 				"class":"username "+usernameClass,
  1086. 				"id":usernameId,
  1087. 				"text":senderString
  1088. 			}));
  1089. 			messageBox.append($("<span/>",{
  1090. 				"class": classes[message[0]],
  1091. 				"id":usernameId,
  1092. 				"html":message //convert to text when switching anti xss to client side
  1093. 			}));
  1094. 		}
  1095. 		else if(message[0] == '/' && $codes[message.substring(1)] != undefined){ //emote
  1096. 			var emote = message['substring'](1);
  1097. 			messageBox.append($("<span/>", {
  1098. 				"class":"username "+usernameClass,
  1099. 				"id":usernameId,
  1100. 				"text":senderString
  1101. 			}));
  1102. 			messageBox.append($("<span/>",{
  1103. 				"class":"",
  1104. 				"title": '/' + emote,
  1105. 				"html":$codes[emote]
  1106. 			}));
  1107. 		}
  1108. 		else{ //regular message
  1109. 			message = checkEmote(message);
  1110. 			messageBox.append($("<span/>", {
  1111. 				"class":"username "+usernameClass,
  1112. 				"id":usernameId,
  1113. 				"text":senderString
  1114. 			}));
  1115. 			var msg = $("<span/>",{
  1116. 				"class":"text "+extraStyles,
  1117. 				"html":message//switch this to text when switching to xss prevention client side
  1118. 			});
  1119. 			messageBox.append(msg);
  1120. 		}
  1121. 		$("#chat-messages").append(messageBox);
  1122. 		if (bumpTest[0] == '$bump' && isMod && name == userInfo.username.toLowerCase()) {
  1123. 			if (bumpTest.length == 3)
  1124. 				bumpUser(bumpTest[1].toLowerCase(), bumpTest[2]);
  1125. 				
  1126. 			else if (bumpTest.length == 2) {
  1127. 			
  1128. 				if (!isNaN(parseInt(bumpTest[1])))
  1129. 					bumpUser(userInfo.username.toLowerCase(), bumpTest[1]);
  1130. 					
  1131. 				else
  1132. 					bumpUser(bumpTest[1].toLowerCase(), null);
  1133. 					
  1134. 			} else if (bumpTest.length == 1)
  1135. 				bumpUser(userInfo.username.toLowerCase(), null);
  1136. 				
  1137. 		}
  1138. 		if (showRoll) {
  1139. 			if (rollString !== undefined && parseInt(rollString) !== NaN && showRoll) {
  1140. 				$("#chat-messages").append(rollString);
  1141. 			}
  1142. 			if (ballString !== undefined && eight_choices.indexOf(answer) > -1 && showRoll) {
  1143. 				$("#chat-messages").append(ballString);
  1144. 			}
  1145. 		}
  1146. 		
  1147. 		if (autoscroll === true) {
  1148. 			var textarea = document.getElementById('chat-messages');
  1149. 			textarea.scrollTop = textarea.scrollHeight;
  1150. 		}
  1151. 		if (!$('#cin').is(':focus') && newMsg == false) {
  1152. 			if (isv4c) setFavIcon('http://i.imgur.com/L4dvBOL.png'); else setFavIcon('http://i.imgur.com/XiBhO54.png');
  1153. 			newMsg = true;
  1154. 			document.title = decodeURIComponent('%E2%96%B6') + ' ' + currentVid;
  1155. 			global.page.title = decodeURIComponent('%E2%96%B6') + ' ' + currentVid;
  1156. 		}
  1157. 		messages += 1;
  1158. 		cleanChat();
  1159. 	};
  1160.  
  1161. 	window.createPoll = function(poll) { //poll.title, poll.options = array of {option, votes}
  1162. 		$(".st-poll").show();
  1163. 		var titleClass;
  1164. 		var classes = {'#': 'hashtext', '!': 'urgenttext', '|': 'spoiler', '~': 'limeg'}
  1165. 		
  1166. 		poll.title = linkify(poll.title, false, true);
  1167. 		poll.title = checkEmote(poll.title);
  1168.  
  1169. 		if (poll.title.substring(0, 4) === '&gt;')
  1170. 			titleClass = 'greentext';
  1171. 		else if (classes[poll.title[0]] !== undefined)
  1172. 			titleClass = classes[poll.title[0]];
  1173.  
  1174. 		$('.poll-title').attr('class', 'poll-title');
  1175. 		$('.poll-title').attr('class', $('.poll-title').attr('class') + ' ' + titleClass);
  1176. 		$(".poll-title").html(poll.title);
  1177. 		var choices = $(".poll-results.choices");
  1178. 		$(choices).empty();
  1179. 		for (var i = 0; i < poll.options.length; i++) {
  1180. 			var optionClass;
  1181. 			
  1182. 			poll.options[i].option = linkify(poll.options[i].option, false, true);
  1183. 			
  1184. 			poll.options[i].option = checkEmote(poll.options[i].option);
  1185. 			
  1186. 			if (poll.options[i].option.substring(0, 4) === '&gt;')
  1187. 				optionClass = 'greentext';
  1188. 			else if (classes[poll.options[i].option[0]] !== undefined)
  1189. 				optionClass = classes[poll.options[i].option[0]];
  1190. 				
  1191. 			var choice = 
  1192. 			$("<div/>",
  1193. 			{
  1194. 				"class":"poll-item choice"
  1195. 			}).append($("<span/>",
  1196. 			{
  1197. 				"class":"poll-vote-btn basic-btn vote_choice",
  1198. 				"html":poll.options[i].votes,
  1199. 				"data":{option: i},
  1200. 				"click": function(){ 
  1201. 					if (userInfo.loggedin)
  1202. 					{
  1203. 						global.sendcmd("poll-vote", {vote: $(this).data("option")});
  1204. 					}
  1205. 					else
  1206. 					{
  1207. 						addMessage({username: ""},"You must be logged in to vote on polls.","errortext");
  1208. 					}
  1209. 				}
  1210. 			})).append($("<span/>",
  1211. 			{
  1212. 				"class":"poll-vote-text" + ' ' + optionClass,
  1213. 				"html":poll.options[i].option
  1214. 			}));
  1215. 			$(choices).append(choice);
  1216. 		}
  1217. 	};
  1218. 	
  1219. 	window.toggleScriptSetting = function(a,b,c) {
  1220.         var toOn = false;
  1221.         var toOff = false;
  1222.         switch (a) {
  1223.             case 'op-showadd':
  1224.                 logVids = !logVids;
  1225.                 if (logVids) {
  1226. 					toOn = true;
  1227. 					$.cookie('logvidSetting', '1');
  1228. 				} else {
  1229. 					toOff = true;
  1230. 					$.cookie('logvidSetting', '0');
  1231. 				}
  1232.                 break;
  1233.             case 'op-showshadow':
  1234.                 mediashadow = !mediashadow;
  1235.                 if (mediashadow) { 
  1236.                     toOn = true;
  1237.                     mediashadow = true;
  1238.                     setMediaShadow(playlist[$('.video.active').index()].info.provider);
  1239.                     $.cookie('mshadSetting', '1');
  1240.                 } else {
  1241.                     toOff = true;
  1242.                     mediashadow = false;
  1243. 				    $('#media').css('box-shadow', 'none');
  1244.                     $.cookie('mshadSetting', '0');
  1245.                 }
  1246.                 break;
  1247.             case 'op-fastemote':
  1248.                 if (typeof($codes.fast) === 'string') {
  1249.                     toOff = true;
  1250.                     $.cookie('fastSetting', '0');
  1251.                     delete $codes.fast;
  1252.                     $('marquee').remove();
  1253.                     fastmsgs = 0;
  1254.                 } else {
  1255.                     toOn = true;
  1256.                     $.cookie('fastSetting', '1');
  1257.                     $codes['fast'] = '<marquee direction="right" scrollamount="' + marqueeSpeed + '">';
  1258.                 }
  1259.                 break;
  1260.             case 'op-showjoinleave':
  1261.                 logTraffic = !logTraffic;
  1262.                 if (logTraffic) {
  1263.                     toOn = true;
  1264.                     $.cookie('logsSetting', '1');
  1265.                     $('.logoutput').show();
  1266.                 } else {
  1267.                     toOff = true;
  1268.                     $.cookie('logsSetting', '0');
  1269.                     $('.logoutput').hide();
  1270.                     $('#logs').html('');
  1271.                     logs = 0;
  1272.                 }
  1273.                 break;
  1274.             case 'op-showroll':
  1275.                 showRoll = !showRoll;
  1276.                 if (showRoll) {
  1277. 					toOn = true;
  1278. 					$.cookie('showRollSetting', '1');
  1279. 				} else {
  1280. 					toOff = true;
  1281. 					$.cookie('showRollSetting', '0');
  1282. 				}
  1283.                 break;
  1284.             case 'op-filtergray':
  1285.                 filterGreyname = !filterGreyname;
  1286.                 if (filterGreyname) toOn = true;
  1287.                 else toOff = true;
  1288.                 break;
  1289.             case 'op-sameuser':
  1290.                 sameUserMessages = !sameUserMessages;
  1291.                 if (sameUserMessages) {
  1292. 					toOn = true;
  1293. 					$.cookie('indentSameUser', '1');
  1294. 				} else {
  1295. 					toOff = true;
  1296. 					$.cookie('indentSameUser', '0');
  1297. 				}
  1298.                 break;
  1299.             case 'op-autoclean':
  1300. 				if (isMod) {
  1301. 					toggleAutoClean();
  1302. 					if (autoClean) toOn = true;
  1303. 					else toOff = true;
  1304. 				}
  1305.                 break;
  1306.         }
  1307. 		if (toOff)
  1308. 			$(c).attr('src', 'http://i.imgur.com/ZEl3BsK.gif');
  1309. 		else if (toOn)
  1310. 			$(c).attr('src', 'http://i.imgur.com/vsDcHjN.gif');
  1311.     };
  1312.  
  1313. 	window.getPlaylist = function() { //heavily modified from Bibby's exportPlaylist() at https://github.com/Bibbytube/Instasynch under Playlist Additions/Export Playlist Command
  1314. 		var output = '';
  1315. 		var videoTitle = '';
  1316.  
  1317. 		for (i = 0; i < playlist.length; i++) {
  1318. 			if (playlist[i].title.length > 100) {
  1319. 				videoTitle = playlist[i].title.substring(0, 100);
  1320. 				videoTitle += '...';
  1321. 			} else {
  1322. 				videoTitle = playlist[i].title;
  1323. 			}
  1324. 			switch (playlist[i].info.provider) {
  1325. 				case 'youtube':
  1326. 					output += i + '. <span style="color: #FFB0B0">' + videoTitle + ' <span style="color: #84FFAB">-</span></span> <a style="color: #4FDFFA" href="http://youtube.com/watch?v=' + playlist[i].info.id + '">http://youtube.com/watch?v=';
  1327. 					break;
  1328. 				case 'vimeo':
  1329. 					output += i + '. <span style="color: #61CCFF">' + videoTitle + ' <span style="color: #84FFAB">-</span></span> <a style="color: #4FDFFA" href="http://vimeo.com/' + playlist[i].info.id + '">http://vimeo.com/';
  1330. 					break;
  1331. 				case 'twitch':
  1332. 					output += i + '. <span style="color: #E8BEFF">' + videoTitle + ' <span style="color: #84FFAB">-</span></span> <a style="color: #4FDFFA" href="http://twitch.tv/' + playlist[i].info.channel + '">http://twitch.tv/';
  1333. 					break;
  1334. 				case 'dailymotion':
  1335. 					output += i + '. <span style="color: #F8FFA1">' + videoTitle + ' <span style="color: #84FFAB">-</span></span> <a style="color: #4FDFFA" href="http://dailymotion.com/video/' + playlist[i].info.id + '">http://dailymotion.com/video/';
  1336. 					break;
  1337. 				default:
  1338. 					continue;
  1339. 			}
  1340. 			if (playlist[i].info.provider === 'twitch')
  1341. 				output += playlist[i].info.channel + '</a>\n<br />';
  1342. 			else
  1343. 				output += playlist[i].info.id + '</a>\n<br />';
  1344. 		}
  1345. 		var newWindow = window.open("", "_blank", "scrollbars=1,resizable=1");
  1346. 		newWindow.document.write('<span style="font-size: 16px; color: white">Select all (ctrl+a), copy/paste and save this somewhere.<br />Room: ' + ROOMNAME + '<br />Videos: ' + playlist.length + '</span><br /><br /><div id="playlistInfo" style="font-size: 12px; color: #84FFAB">' + output + '</div>');
  1347. 		newWindow.document.body.style.background = 'black';
  1348. 		newWindow.document.body.style.fontFamily = 'tahoma';
  1349. 	};
  1350. 	
  1351. 	window.toggleBlackChat = function() {
  1352. 		if ($('.blackCSS').length < 1)
  1353. 			$('head').append('<link href="https://googledrive.com/host/0B2hdmKDeA0HDdG1PWFc5LWcxQ2c" type="text/css" rel="stylesheet" class="blackCSS">');
  1354. 		else
  1355. 			$('.blackCSS').remove();
  1356. 	}
  1357.  
  1358. };
  1359.  
  1360. function buildEmoteMenu() {
  1361.  
  1362. 	loadedEmoteMenu = true;
  1363.  
  1364. 	var $newcodes = {
  1365. 	//modified original emotes
  1366. 		'chen': '<img src="http://i.imgur.com/j55EMQt.png" width="50" height="46" onclick="playSound(emoteSounds.chen);">',
  1367. 		'doot': '<img src="http://i.imgur.com/WfUlQ5Q.gif" width="50" height="45" onclick="playSound(emoteSounds.doot);">',
  1368. 		'bestgames': '<img src="http://i.imgur.com/ImyXj.png" width="48" height="54" onclick="playSound(emoteSounds.chad);">',
  1369. 		'no': '<img src="http://i.imgur.com/nKa8o.png" width="41" height="30" onclick="playSound(emoteSounds.no);">',
  1370. 		'idontwantthat': '<img src="http://i.imgur.com/nKa8o.png" width="41" height="30" onclick="playSound(emoteSounds.no);">',
  1371. 		'heero' : '<img src="http://i.imgur.com/D7JCR6j.png" width="60" height="55">',
  1372. 		'kek' : '<img src="http://i.imgur.com/xrw4paP.png" width="40" height="54">',
  1373. 	//additional emotes
  1374. 		'enjoytheanime' : '<img src="http://i.imgur.com/aXPWln0.png" width="48" height="60">',
  1375. 		'straya' : '<img src="http://i.imgur.com/PNB0kE9.gif" width="50" height="50">',
  1376. 		'neverever' : '<img src="http://i.imgur.com/MJnWGHV.png" width="52" height="50">',
  1377. 		'gud': '<img src="http://i.imgur.com/Ms3Zxne.png" width="62.5" height="50">',
  1378.         'feelssmug': '<img src="http://i.imgur.com/og9In6D.png" width="48" height="48">',
  1379.         'puke': '<img src="http://i.imgur.com/IADYHCP.png" width="58" height="58">',
  1380. 		'tip': '<img src="http://i.imgur.com/QWhYbc8.gif" width="49" height="54">',
  1381.         'strut': '<img src="http://i.imgur.com/199ZHvl.gif" width="54" height="55">',
  1382.         '2scooby': '<img src="http://i.imgur.com/ZsVKjbE.gif" width="68" height="50">',
  1383.         'penguin': '<img src="http://i.imgur.com/FBcmjnJ.gif" width="75" height="43">',
  1384.         'kabi': '<img src="http://i.imgur.com/F5qdDtE.gif" width="125" height="45">',
  1385.         'yoshi': '<img src="http://i.imgur.com/B6bBva0.gif" width="45" height="45">',
  1386.         'dumbass': '<img src="http://i.imgur.com/Q029MEI.gif" width="62" height="50">',
  1387.         'ryu': '<img src="http://i.imgur.com/xv1O1si.gif" width="45" height="48">',
  1388.         'skeletal': '<img src="http://i.imgur.com/EOJVmvF.gif" width="53" height="55">',
  1389.         'mako': '<img src="http://i.imgur.com/1tME9i9.gif" width="50" height="49">',
  1390.         
  1391. 	};
  1392.  
  1393. 	$.extend($codes, $newcodes);
  1394. 	$colorcodes = {
  1395. 		"knuckles": '</span><span style="color:tomato">',
  1396. 		"mario": '</span><span style="color:red">',
  1397. 		"starfox": '</span><span style="color:brown">',
  1398. 		"tomnook": '</span><span style="color:chocolate">',
  1399. 		"crashbandicoot": '</span><span style="color:orange">',
  1400. 		"orange": '</span><span style="color:orange">',
  1401. 		"pacman": '</span><span style="color:yellow">',
  1402. 		"gex": '</span><span style="color:yellowgreen">',
  1403. 		"link": '</span><span style="color:green">',
  1404. 		"halo2": '</span><span style="color:darkgreen">',
  1405. 		"chao": '</span><span style="color:aqua">',
  1406. 		"squirtle": '</span><span style="color:cyan">',
  1407. 		"liara": '</span><span style="color:steelblue">',
  1408. 		"bluebomber": '</span><span style="color:royalblue">',
  1409. 		"sonic": '</span><span style="color:blue">',
  1410. 		"krystal": '</span><span style="color:darkblue">',
  1411. 		"bigthecat": '</span><span style="color:indigo">',
  1412. 		"nights": '</span><span style="color:purple">',
  1413. 		"spyro": '</span><span style="color:blueviolet">',
  1414. 		"birdo": '</span><span style="color:deeppink">',
  1415. 		"kirby": '</span><span style="color:violet">',
  1416. 		"wakeupmrfreeman": '</span><span style="color:tan">',
  1417. 		"tomba": '</span><span style="color:pink">',
  1418. 		"metalgear": '</span><span style="color:silver">',
  1419. 		"kidicarus": '</span><span style="color: white">',
  1420. 		"gamenwatch": '</span><span style="color: black">',
  1421. 		"outline": '<span style="text-shadow: 1px 0 #00ccff, -1px 0px #00ccff, 0 1px #00ccff, 0 -1px #00ccff">',
  1422. 		"redoutline" : '<span style="text-shadow: 1px 0 #f00, -1px 0px #f00, 0 1px #f00, 0 -1px #f00">'
  1423. 		//"rainbowroad" : '</span><span class="rainbow">'
  1424. 	};
  1425. 	$fontcodes = {
  1426. 		"spoiler": '<font style="text-shadow: 0 0 black; background-color: #000; cursor: default" onmouseover="this.style.backgroundColor=\'transparent\'" onmouseout="this.style.backgroundColor=\'black\'">',
  1427. 		"i": '<font style="font-style:italic">',
  1428. 		"u": '<font style="text-decoration: underline">',
  1429. 		"b": '<strong>',
  1430. 		"s": '<strike>',
  1431. 		"endbold": '</strong>',
  1432. 		"endstrike": '</strike>',
  1433. 		"endspan": '</span></font></font></font>'
  1434. 	};
  1435.  
  1436. 	var emoteMenu,code;
  1437. 	emoteMenu = code = '';
  1438.  
  1439. 	var endtags = {
  1440. 		s: ['<strike', '</strike>', 'Strikethrough'],
  1441. 		b: ['<strong', '</strong>', 'Bold'],
  1442. 		u: ['<font style="text-decoration: underline"', '</font>', 'Underline'],
  1443. 		i: ['<font style="font-style:italic"', '</font>', 'Italics'],
  1444. 		endstrike: ['<strike', '</strike>', 'End Strikethrough'],
  1445. 		endbold: ['<strong', '</strong>', 'End Bold'],
  1446. 		endspan: ['<strong style="text-decoration: underline; font-style: italic"', '</strong>', 'End font effects'],
  1447. 		spoiler: ['<font style="text-shadow: 0 0 black; background-color: #000; cursor: default" onmouseover="this.style.backgroundColor=\'transparent\'" onmouseout="this.style.backgroundColor=\'black\'"', '</font>', 'Spoiler']
  1448. 	}
  1449. 	
  1450. 	$.each($codes, function(code, image) {
  1451. 		if (code != 'fast') {
  1452. 			emoteMenu = emoteMenu + '<a title="' + code + '" onclick="useEmote(\'' + code + '\')">' + image + '</a>';
  1453. 		}
  1454. 	});
  1455. 	$.each($colorcodes, function(code, bgcolor) {
  1456. 		if (code !== 'rainbowroad') {
  1457. 			if (code == 'outline') {
  1458. 				bgcolor = 'color: black;box-shadow: 0 0 15px #00ccff inset';
  1459. 			} else if (code == 'redoutline') {
  1460. 				bgcolor = 'color: black;box-shadow: 0 0 15px #f00 inset';
  1461. 			} else {
  1462. 				bgcolor = bgcolor.slice(20, -2);
  1463. 			}
  1464. 			emoteMenu = emoteMenu + '<div class="colors" title="' + code + '" style="background-' + bgcolor + '" onclick="useEmote(\'' + code + '\')"></div>';
  1465. 		}
  1466. 	});
  1467. 	$.each($fontcodes, function(code, node) {
  1468. 	
  1469. 		var endc = '<font';
  1470. 		var endtag = '</font>';
  1471. 		var txt = '';
  1472. 	
  1473. 		if (code in endtags) {
  1474. 			endc = endtags[code][0];
  1475. 			endtag = endtags[code][1];
  1476. 			txt = endtags[code][2];
  1477. 		}
  1478. 		
  1479. 		emoteMenu = emoteMenu + '<div class="colors" title="' + code + '" onclick="useEmote(\'' + code + '\')">' + endc + ' class="' + code + '">' + txt + endtag + '</div>';
  1480. 	});
  1481.  
  1482.     $('#facecodesmenu').remove();
  1483. 	$('.container').prepend('<div id="facecodesmenu"></div>');
  1484.  
  1485. 	$('#facecodesmenu').append('<div id="emotes" style="display: inline-block">' + emoteMenu + '</div>');
  1486. 	$('#facecodesmenu #emotes').css('display', 'none');
  1487.  
  1488. 	$.extend($codes, $colorcodes);
  1489. 	$.extend($codes, $fontcodes);
  1490.  
  1491. };
  1492.  
  1493. function setCookies() {
  1494. 	
  1495. 	loadedCookies = true;
  1496.  
  1497. 	$.lazyCookie('mshadSetting', '1', {
  1498. 			expires: 1234,
  1499. 			path: '/'
  1500. 		});
  1501. 	$.lazyCookie('logsSetting', '1', {
  1502. 			expires: 1234,
  1503. 			path: '/'
  1504. 		});
  1505. 	$.lazyCookie('logvidSetting', '1', {
  1506. 			expires: 1234,
  1507. 			path: '/'
  1508. 		});
  1509. 	$.lazyCookie('largePlayerSetting', '0', {
  1510. 			expires: 1234,
  1511. 			path: '/'
  1512. 		});
  1513. 	$.lazyCookie('fastSetting', '1', {
  1514. 			expires: 1234,
  1515. 			path: '/'
  1516. 		});
  1517. 	$.lazyCookie('showRollSetting', '1', {
  1518. 			expires: 1234,
  1519. 			path: '/'
  1520. 		});
  1521. 	$.lazyCookie('indentSameUser', '1', {
  1522. 			expires: 1234,
  1523. 			path: '/'
  1524. 		});
  1525.  
  1526. 	if ($.cookie('fastSetting') == '1' && typeof($codes.fast) === 'undefined')
  1527. 		$codes['fast'] = '<marquee direction="right" scrollamount="' + marqueeSpeed + '">';
  1528.  
  1529. 	if ($.cookie('mshadSetting') === '1')
  1530. 		mediashadow = true;
  1531. 	else
  1532. 		mediashadow = false;
  1533. 	
  1534. 	if ($.cookie('showRollSetting') === '1')
  1535. 		showRoll = true;
  1536. 	else
  1537. 		showRoll = false;
  1538. 	
  1539. 	if ($.cookie('logvidSetting') === '1')
  1540. 		logVids = true;
  1541. 	else
  1542. 		logVids = false;
  1543. 	if ($.cookie('indentSameUser') === '1')
  1544. 		sameUserMessages = true;
  1545. 	else
  1546. 		sameUserMessages = false;
  1547. }
  1548.  
  1549. window.shuffle = function() {
  1550. 	if (isMod) {
  1551. 		shuffling = true;
  1552. 		autosynch = false;
  1553. 		var videoInfos = [];
  1554. 		var i = 0;
  1555. 		
  1556. 		for (var j = 0; j < playlist.length; j++) {
  1557. 			if (j !== $('.video.active').index())
  1558. 				videoInfos.push(playlist[j].info);
  1559. 		}
  1560. 		
  1561. 		var recur = function(a, i) {
  1562. 			recurTime = setTimeout(function() {
  1563. 				var k = a.length;
  1564. 				
  1565. 				if (i <= k) {
  1566. 					$('#shuffleProgress').text('Shuffle Progress: ' + i + ' / ' + k);
  1567. 					var j = Math.ceil(Math.random() * playlist.length) - 1;
  1568. 					global.sendcmd('move', {
  1569. 							info: a[i],
  1570. 							position: j
  1571. 						});
  1572. 					i++;
  1573. 					recur(a, i);
  1574. 					} else {
  1575. 						$('#shuffleProgress').text('Shuffle complete!');
  1576. 						setTimeout(function() {$('#shuffle').fadeOut(); shuffling = false; autosynch = true}, 2000);
  1577. 					}
  1578. 					
  1579. 			}, 200);
  1580. 		}
  1581. 		
  1582. 		$('#shuffle').fadeIn();
  1583. 		recur(videoInfos, i);
  1584. 	} else {
  1585. 		console.error('Cannot shuffle. Must be a mod.');
  1586. 	}
  1587. 	
  1588. }
  1589.  
  1590. window.gmtClock = function() {
  1591.  
  1592. 	if (!loadedClock)
  1593. 		loadedClock = true;
  1594.  
  1595. 	var time = new Date();
  1596.  
  1597. 	var gmtTime = {hrs: time.getUTCHours(), min: time.getUTCMinutes(), sec: time.getUTCSeconds()}
  1598.  
  1599. 	for (var i in gmtTime) {
  1600. 		if (gmtTime[i] < 10) gmtTime[i] = "0" + gmtTime[i]
  1601. 	}
  1602.  
  1603. 	$('#gmtTime').text(gmtTime.hrs + ":" + gmtTime.min + ":" + gmtTime.sec + ' GMT');
  1604.  
  1605. 	setTimeout(function() {gmtClock()}, 1000);
  1606. };
  1607.  
  1608. function addChatListeners() {
  1609.  
  1610. 	loadedChatListeners = true;
  1611.  
  1612. 	$('#cin').on('keydown', function(e) {
  1613. 		if (e.which == 13) {
  1614. 			if ($('#cin').val() == "'stopshuffle" && isMod && shuffling) {
  1615. 				clearTimeout(recurTime);
  1616. 				$('#shuffleProgress').text('Shuffle stopped...');
  1617. 				setTimeout(function() {$('#shuffle').fadeOut(); shuffling = false; autosynch = true;}, 2000);
  1618. 			}
  1619. 			if ($('#cin').val() == "'autoclean" && isMod) {
  1620. 				toggleAutoClean();
  1621. 			}
  1622. 			if (byteCount($('#cin').val()) > 250) {
  1623. 				addMessage({username:''}, 'Message too large in size. Use less unicode characters. (Message was ' + byteCount($('#cin').val()) + ' bytes, max 250 bytes)', 'errortext');
  1624. 				return false;
  1625. 			}
  1626. 			var msgTest = $('#cin').val().split(' ');
  1627. 			if ($('#cin').val().slice(0, 9) == "'setskip " && !isNaN(parseInt(msgTest[1])) && msgTest[1] > -1 && isMod) {
  1628. 				addMessage({username:''}, 'Skip rate set to ' + msgTest[1] + '%.', 'hashtext');
  1629. 			}
  1630. 			if ($('#cin').val() == "'clear") {
  1631. 				clearChat();
  1632. 			}
  1633. 			if (msgTest[0].toLowerCase() == "'countvids" && msgTest[1] !== undefined) {
  1634. 				findUserVideos(msgTest[1]);
  1635. 			}
  1636. 			if (msgTest[0] == "&#8203;$r&#8203;o&#8203;l&#8203;l" || msgTest[0] == "&#8203;$8&#8203;b&#8203;a&#8203;l&#8203;l") {
  1637. 			    return false;
  1638. 			}
  1639. 			if (msgTest[0].toLowerCase() === "$roll" && $.cookie("username") !== undefined) {
  1640. 			    msgTest[0] = "&#8203;$r&#8203;o&#8203;l&#8203;l";
  1641. 			    var numbers = 2;
  1642. 			    if (msgTest.length > 1) {
  1643. 			        var numTest = parseInt(msgTest[1]);
  1644. 			        if (!isNaN(numTest) && numTest > 0 && numTest < 11) {
  1645. 			            numbers = msgTest[1];
  1646. 			        }
  1647. 			    }
  1648. 			    numbers = parseInt(numbers);
  1649. 			    var numCount = "1".repeat(numbers);
  1650. 			    numCount = parseInt(numCount) * 9 + 1;
  1651. 			    var rollnum = "000000000" + Math.floor(Math.random() * numCount).toString();
  1652. 			    rollnum = rollnum.slice(-numbers);
  1653. 			    msgTest[msgTest.length] = rollnum;
  1654. 			    msgTest[msgTest.length] = "&#8203;";
  1655. 			    $('#cin').val(msgTest.join(" "));
  1656. 			}
  1657. 			if (msgTest[0].toLowerCase() === "$8ball" && $.cookie("username") !== undefined) {
  1658. 				eight_choices = [
  1659. 					"It is certain",
  1660. 					"It is decidedly so",
  1661. 					"Without a doubt",
  1662. 					"Yes - definitely",
  1663. 					"You may rely on it",
  1664. 					"As I see it, yes",
  1665. 					"Most likely",
  1666. 					"Outlook good",
  1667. 					"Signs point to yes",
  1668. 					"Yes",
  1669. 					"Ask again later",
  1670. 					"Better not tell you now",
  1671. 					"Cannot predict now",
  1672. 					"Don't count on it",
  1673. 					"My reply is no",
  1674. 					"My sources say no",
  1675. 					"Outlook not so good",
  1676. 					"Very doubtful",
  1677. 					"Never",
  1678. 					"Of course not"
  1679. 				];
  1680. 			    msgTest[0] = "&#8203;$8&#8203;b&#8203;a&#8203;l&#8203;l";
  1681. 			    answer = eight_choices[Math.floor(Math.random() * eight_choices.length)];
  1682. 			    msgTest[msgTest.length] = "|" + answer + "|";
  1683. 			    msgTest[msgTest.length] = "&#8203;";
  1684. 			    $('#cin').val(msgTest.join(" "));
  1685. 			}
  1686. 			
  1687. 		}
  1688. 	});
  1689. }
  1690.  
  1691. function resetHTML(a) {
  1692.  
  1693. 		$('<div id="togglechat"><img src="http://i.imgur.com/EZ7DAGs.png"></div><div id="togglevideo"></div><div id="gmtTime"></div>').insertAfter('.playlist-controls .controls .settings');
  1694. 		($('#lead').detach()).insertBefore('.st-poll');
  1695. 		($('#unlead').detach()).insertBefore('.st-poll');
  1696. 		($('#create-pollBtn').detach()).insertBefore('.st-poll');
  1697. 		$('#lead').text('Lead');
  1698. 		$('#create-pollBtn.mod').text('Poll');
  1699. 		$('#title.formbox').width('374px');
  1700. 		$('.formbox.create-poll-option').width('374px');
  1701. 		$('#resynch').text('Resynch Video');
  1702. 		$('#reload').text('Reload Media');
  1703. 		var plistSettings = '<div class="menu-split"></div>';
  1704. 		if (isMod)
  1705. 			plistSettings += '<li id="shuffleplist" style="color: #006bfe">Shuffle Playlist</li>';
  1706. 		plistSettings += '<li id="getplist">Get Playlist Info</li><li id="gethistory">View Video History</li><li id="hardrefresh" onclick="document.location.reload(true)">Hard Refresh</li>';
  1707. 		$('#playlist-settings-menu').append(plistSettings);
  1708. 		if ($('.counter').children().eq(0).text().trim() == 'Skips')
  1709. 			$('.counter').children().eq(0).attr('class', 'invisible-item-script');
  1710. 		$('#chat .left').prepend('<div id="chatcontrols"><img id="emmenu" class="settings toggle" height="24" src="http://i.imgur.com/vETtK.png" width="16" onclick="expandEmotes();"></div>');
  1711. 		$('<br class="roomlinks" /><div class="st-room-links"><a id="st-live-room"><span class="st-room-link st-room-link-live st-room-link-active">Live</span></a><a href="http://drowngaben.x10.mx/v4c/script/help/" target="_blank"><span class="st-room-link st-room-link-help" style="color: #A0FFA0;">Script Help</span></a>' + a + '</div>').insertBefore($('.descr-stats'));
  1712. 		$('.stage').prepend('<div id="curtain"><div id="curtainTop"></div><div id="curtainFloor"></div></div><div class="logoutput" style="width: 120px;position: absolute;height: 48px;color: green;margin-top: -49px;font-size: 12px;overflow: hidden;"><div id="logs"></div></div>');
  1713. 		$('#create-poll').append('<button id="clear-options">Clear Options</button>');
  1714. 		$('.poll-container').append('<ul id="viewHistory" style="display: none"><div class="close-history x" onclick="$(\'#gethistory\').click();"></div></ul>');
  1715. 		$('#chat .left').prepend('<div id="newUpdate">Script updated! Update through your browser\'s plugin, or <a href="https://greatest.deepsurf.us/en/scripts/6366-v4c-instasynch-additional-features" target="_blank">get it here</a>!</div>');
  1716. 		$('<div class="players"><div id="players">layout:&nbsp;<a class="normal" href="#">normal</a>&nbsp;<a class="large" href="#">large</a>&nbsp;<a class="larger" href="#">larger</a></div></div>').insertAfter('.stage');
  1717. 		$('#unlead').attr('class', 'mod');
  1718. 		$('#logs').html('');
  1719. 		
  1720. 		if ($.cookie('logsSetting') === '0') {
  1721. 			$('.logoutput').hide();
  1722. 			logTraffic = false;
  1723. 			$('#logs').html('');
  1724. 		}
  1725. 		
  1726. 		if (userInfo.loggedin) {
  1727. 			for (var q = 0; q < users.length; q++) {
  1728. 				if ($('.users li')[q].textContent.toLowerCase() == userInfo.username.toLowerCase()) {
  1729. 					var userMe = $('.users li').eq(q);
  1730. 					userMe.attr('id', 'me');
  1731. 					break;
  1732. 				}
  1733. 			}
  1734. 		}
  1735. 		
  1736. 		for (var i = 0; i < $('.OptionsSetting').length; i++) {
  1737. 			var op = $('.OptionsSetting')[i];
  1738. 			switch (op.parentNode.id) {
  1739. 				case 'op-showadd':
  1740. 					if (logVids)
  1741. 						$(op).attr('src', 'http://i.imgur.com/vsDcHjN.gif');
  1742. 					else
  1743. 						$(op).attr('src', 'http://i.imgur.com/ZEl3BsK.gif');
  1744. 					break;
  1745. 				case 'op-showshadow':
  1746. 					if (mediashadow)
  1747. 						$(op).attr('src', 'http://i.imgur.com/vsDcHjN.gif');
  1748. 					else
  1749. 						$(op).attr('src', 'http://i.imgur.com/ZEl3BsK.gif');
  1750. 					break;
  1751. 				case 'op-fastemote':
  1752. 					if (typeof($codes.fast) !== 'undefined')
  1753. 						$(op).attr('src', 'http://i.imgur.com/vsDcHjN.gif');
  1754. 					else
  1755. 						$(op).attr('src', 'http://i.imgur.com/ZEl3BsK.gif');
  1756. 					break;
  1757. 				case 'op-showjoinleave':
  1758. 					if (logTraffic)
  1759. 						$(op).attr('src', 'http://i.imgur.com/vsDcHjN.gif');
  1760. 					else
  1761. 						$(op).attr('src', 'http://i.imgur.com/ZEl3BsK.gif');
  1762. 					break;
  1763. 				case 'op-showroll':
  1764. 					if (showRoll)
  1765. 						$(op).attr('src', 'http://i.imgur.com/vsDcHjN.gif');
  1766. 					else
  1767. 						$(op).attr('src', 'http://i.imgur.com/ZEl3BsK.gif');
  1768. 					break;
  1769. 				case 'op-filtergray':
  1770. 					if (filterGreyname)
  1771. 						$(op).attr('src', 'http://i.imgur.com/vsDcHjN.gif');
  1772. 					else
  1773. 						$(op).attr('src', 'http://i.imgur.com/ZEl3BsK.gif');
  1774. 					break;
  1775. 				case 'op-autoclean':
  1776. 					if (isMod) {
  1777. 						if (autoClean)
  1778. 							$(op).attr('src', 'http://i.imgur.com/vsDcHjN.gif');
  1779. 						else
  1780. 							$(op).attr('src', 'http://i.imgur.com/ZEl3BsK.gif');
  1781. 					} else
  1782. 						$(op).attr('src', 'http://i.imgur.com/bpWsVbY.png');
  1783. 					break;
  1784. 				case 'op-sameuser':
  1785. 					if (sameUserMessages)
  1786. 						$(op).attr('src', 'http://i.imgur.com/vsDcHjN.gif');
  1787. 					else
  1788. 						$(op).attr('src', 'http://i.imgur.com/ZEl3BsK.gif');
  1789. 					break;
  1790. 				case 'op-defqual':
  1791. 					$(op).attr('src', 'http://i.imgur.com/bpWsVbY.png');
  1792. 					break;
  1793. 			}
  1794. 		}
  1795. }
  1796.  
  1797. function setHTML() {
  1798.  
  1799. 		var desc = '';
  1800. 		var a = '';
  1801.  
  1802. 		var removenodes = [
  1803. 			'#togglechat',
  1804. 			'#togglevideo',
  1805. 			'#gmtTime',
  1806. 			'.menu-split',
  1807. 			'#getplist',
  1808. 			'#gethistory',
  1809. 			'#hardrefresh',
  1810. 			'#chatcontrols',
  1811. 			'#clear-options',
  1812. 			'#viewHistory',
  1813. 			'#newUpdate',
  1814. 			'.players',
  1815. 			'.st-descr-avatar',
  1816. 			'.roomlinks',
  1817. 			'.st-room-links',
  1818. 			'.logoutput',
  1819. 			'#curtain',
  1820. 			'.blackCSS'
  1821. 		]
  1822. 		
  1823. 		for (var i = 0; i < removenodes.length; i++) {
  1824. 			$(removenodes[i]).remove();
  1825. 		}
  1826. 		
  1827. 		var currentURL = $(location).attr('href').toLowerCase();
  1828. 		
  1829. 		if ($('#top.room-top img[src="http://instasynch.com/images/logoNoBG.png"]')[0] !== undefined)
  1830. 			var topimg = $('#top.room-top img[src="http://instasynch.com/images/logoNoBG.png"]');
  1831. 		else if ($('#top.room-top img[src="/images/logoNoBG.png"]')[0] !== undefined)
  1832. 			var topimg = $('#top.room-top img[src="/images/logoNoBG.png"]');
  1833. 		else
  1834. 			var topimg = $('#top.room-top img[src="http://i.imgur.com/DlZXK.png"]');
  1835. 		
  1836. 		isv4c = false;
  1837. 		if (currentURL.indexOf('v4c') > -1) {
  1838. 			$('.top-descr').html($('.top-descr').html().toLowerCase().replace('v4c\'s room', 'Vidya4chan'));
  1839. 			
  1840. 			a = 	'<a href="http://v4c.fathax.com/v4c/" target="_blank"><span class="st-room-link st-room-link-boards">Image Board</span></a>' + 
  1841. 					'<a href="/rooms/anime4chan" target="_blank"><span class="st-room-link st-room-link-anime">Anime4chan</span></a>' + 
  1842. 					'<a id="tcButton" title="Password is \'v4c\'." href="http://tinychat.com/vidya4chans" target="_blank"><span class="st-room-link st-room-link-tc">Tinychat</span></a>';
  1843. 			
  1844. 			desc = '<div class="description-title">About Vidya4chan</div><div class="description"><span style="color: #DA3231; ' + 
  1845. 						'font-weight: bold">No bump begging. No skip begging.</span> No skip trains. No static videos. No furry/MLP videos. ' + 
  1846. 						'Try to keep music videos to a minimum. Polls must pass 3:1. In the interests of keeping things running smoothly please ' + 
  1847. 						'don\'t add static videos or music unless it actually has a video to go with it.<br><span style="color:#789922">&gt;unlike ' + 
  1848. 						'all the other rooms with power tripping mods.</span><br><br><strong style="text-align: center;display: block">Enjoy the anime with v4c: <a href="' + 
  1849. 						'/rooms/anime4chan" style="color: #36c">http://instasynch.com/rooms/anime4chan</a><br>' + 
  1850. 						'<span style="color:#DA3231;">WE CHAN NOW: </span><a href="http://v4c.fathax.com/v4c/" style="color: #36c">' + 
  1851. 						'http://v4c.fathax.com/v4c/</a></strong></div></div>';
  1852. 						
  1853. 			isv4c = true;
  1854. 			
  1855. 		} else if (currentURL.indexOf('anime4chan') > -1) {
  1856. 			$('.top-descr').html($('.top-descr').html().toLowerCase().replace('anime4chan\'s room', 'Anime4chan'));
  1857. 			
  1858. 			a = 	'<a href="http://v4c.fathax.com/v4c/" target="_blank"><span class="st-room-link st-room-link-boards">Image Board</span></a>' + 
  1859. 					'<a href="/rooms/v4c" target="_blank"><span class="st-room-link st-room-link-vidya">Vidya4chan</span></a>' +  
  1860. 					'<a id="tcButton" title="Password is \'v4c\'." href="http://tinychat.com/vidya4chans" target="_blank"><span class="st-room-link st-room-link-tc">Tinychat</span></a>';
  1861. 			
  1862. 			desc =	'<div class="description-title">About Anime4chan</div><div class="description">There\'s nothing here at the moment... Enjoy the ' + 
  1863. 						'anime here with other users!<br><br><strong style="text-align: center;display: block">Return to Vidya4chan: <a href="' + 
  1864. 						'/rooms/vidya4chan" style="color: #36c">http://instasynch.com/rooms/vidya4chan</a><br><span style="color:#DA3231;">WE CHAN NOW: </span>' + 
  1865. 						'<a href="http://v4c.fathax.com/v4c/" style="color: #36c">http://v4c.fathax.com/v4c/</a></strong></div></div>';
  1866. 			
  1867. 			isv4c = true;
  1868. 		}
  1869. 		
  1870. 		if (isv4c) {
  1871. 			$('.roomFooter').html(desc);
  1872. 			setFavIcon('http://i.imgur.com/DmMh2O9.png');
  1873. 			topimg.css('margin-top', '5px');
  1874. 			topimg.width('84');
  1875. 			topimg.height('47');
  1876. 			topimg.attr('src', 'http://i.imgur.com/DlZXK.png');
  1877. 			$('.poll-container').css('background', 'url("http://drowngaben.x10.mx/v4c/rotate/")');
  1878. 			$('.top-descr').prepend('<div class="st-descr-avatar" style="float: left;margin-right: 10px;"><img height="50" width="40" src="http://i.imgur.com/2ktlex7.png"></div>');
  1879. 		} else {
  1880. 			$('.poll-container').css('background', '');
  1881. 			topimg.attr('src', 'http://instasynch.com/images/logoNoBG.png');
  1882. 			setFavIcon('http://instasynch.com/favicon.ico');
  1883. 			topimg.attr('style', null);
  1884. 			$('.st-descr-avatar').remove();
  1885. 		}
  1886. 		
  1887. 		if ($('.descr-stat-value')[1].textContent.indexOf(',') < 0)
  1888. 			while (/(\d+)(\d{3})/.test($('.descr-stat-value')[1].textContent)) { //stackoverflow
  1889. 				$('.descr-stat-value')[1].textContent = $('.descr-stat-value')[1].textContent.replace(/(\d+)(\d{3})/, '$1' + ',' + '$2');
  1890. 			}
  1891. 		
  1892. 		// ================ static node changes ================
  1893. 		if (!loadedHTML) {
  1894. 			loadedHTML = true;
  1895. 			var friendsList = $('.friendsList').detach();
  1896. 			var loginarea = $('#loginfrm').detach();
  1897. 			$('.container').prepend(friendsList);
  1898. 			$('.container').prepend('<div id="shuffle"><div id="shuffleProgress">Shuffle Progress: 0 / 0</div></div><div id="scriptOptions"><div id="optionLines"><span id="OptionsButton" class="sc-txt">Script Options</span><span id="OptionsVersion" class="sc-txt">' + scriptVer + '</span></div></div>');
  1899. 			$('.container').prepend(loginarea);
  1900. 			
  1901. 			$('body').prepend('<div id="OptionsMenu"><div class="close-OptionMenu x"></div><div id="OptionsTop"><div id="OptionsTopImage"></div><strong>v4c\'s InstaSynch Addon Script</strong>' + 
  1902. 									'<span class="OptionsVersion"></span></div><div id="OptionsBottom"><ul id="OptionsList"><div class="op-seperator">Toggles</div><li id="op-showadd"><img class="Options' + 
  1903. 									'Setting" />Show Video Add Messages<div class="OptionsButton">Toggle</div></li><li id="op-showshadow"><img class="OptionsSetting" />Display Video Source Shadow' + 
  1904. 									'<div class="OptionsButton">Toggle</div></li><li id="op-fastemote"><img class="OptionsSetting" />:fast: Emote<div class="OptionsButton">Toggle</div></li>' + 
  1905. 									'<li id="op-showjoinleave"><img class="OptionsSetting" />Display User Join/Leave Log<div class="OptionsButton">Toggle</div></li><li id="op-showroll"><img class=' + 
  1906. 									'"OptionsSetting" />Display $roll and $8ball Messages<div class="OptionsButton">Toggle</div></li><li id="op-filtergray"><img class="OptionsSetting" />Filter ' + 
  1907. 									'Unregistered Messages<div class="OptionsButton">Toggle</div></li><li id="op-autoclean"><img class="OptionsSetting" />Playlist Autoclean<div class="OptionsButton">' + 
  1908. 									'Toggle</div></li><li id="op-sameuser"><img class="OptionsSetting" />Indent Same-User Messages<div class="OptionsButton">Toggle</div></li><li id="op-defqual">' + 
  1909. 									'<img class="OptionsSetting" />Default Video Quality (no function yet)</li><li id="op-button" class="swapchatstyle" onclick="toggleBlackChat()">Toggle Black Chat</li><div class="op-seperator">Functions</div><li id="op-button" class="switchemotestyle" onclick="swapEmoteStyle()">Emote Menu: use <span style="color: #0f0">/emote</span> instead</li><br /><li id="op-button" onclick="clearChat()">Clear All Chat ' + 
  1910. 									'Messages</li><br /><li id="op-button" onclick="showChangelog()">Show Changelog in Chat</li><div class="op-seperator">Variables</div><li class="op-var">:fast: Scroll Speed ' + 
  1911. 									'<input id="marqueeinput" value="50" size="2" type="text" max="99" maxlength="3" onkeyup="setFast($(this).val())"></li><div class="op-seperator">Styles</div><li id="op-style">' + 
  1912. 									'Player Button Color <input id="pickerButtons" size="6" value="CCCCCC" onchange="updateColor(\'pickerButtons\', $(this).val())"></li><li id="op-style">Slider Handle Color ' + 
  1913. 									'<input id="pickerHandles" size="6" value="CCCCCC" onchange="updateColor(\'pickerHandles\', $(this).val())"></li><li id="op-style">Progress Bar Color <input id="pickerProgress" ' + 
  1914. 									'size="6" value="66A8CC" onchange="updateColor(\'pickerProgress\', $(this).val())"></li><li id="op-style">Player Text Color <input id="pickerText" size="6" value="CCCCCC" ' + 
  1915. 									'onchange="updateColor(\'pickerText\', $(this).val())"></li></ul></div><div id="OptionsBottomKey"><div id="OptionsKeyLeft"><img src="http://i.imgur.com/xGULibl.png"> = on; <img ' + 
  1916. 									'src="http://i.imgur.com/VhzbnB3.png" /> = off; <img src="http://i.imgur.com/bpWsVbY.png" /> = disabled</div><div id="OptionsKeyRight">script created by biggles</div></div></div>');
  1917. 									
  1918. 			$('.OptionsVersion').text(scriptVer);
  1919. 			$('#OptionsVersion.sc-txt').text(scriptVer);
  1920. 			$('#add-friend').parent().parent().css('display', 'none');
  1921. 			$('<li><div><div class="category sAddFriend" onclick="$(\'#add-friend\').click()">Add a Friend</div></div></li>').appendTo('.friendsList-list');
  1922. 			$('.clicker#myName').append('<img src="http://i.imgur.com/kB8y50I.png" class="arrowDown">');
  1923. 		}
  1924. 		$('#shuffle').hide();
  1925. 		resetHTML(a);
  1926. 		
  1927. 		getUserInfo(userInfo.username, function(avatar) {
  1928. 			var profimg = $('.clicker#myName img')[0];
  1929. 			profimg.src = avatar;
  1930. 			$(profimg).attr('width', '24');
  1931. 			$(profimg).attr('height', '24');
  1932. 		});
  1933. 		
  1934. 		updateRecent($('.video.active').index());
  1935. 		
  1936. 		if (typeof(buttonPicker) === 'undefined') {
  1937. 			window.buttonPicker = new jscolor.color(document.getElementById('pickerButtons'), {});
  1938. 			window.progressPicker = new jscolor.color(document.getElementById('pickerProgress'), {});
  1939. 			window.textPicker = new jscolor.color(document.getElementById('pickerText'), {});
  1940. 			window.handlesPicker = new jscolor.color(document.getElementById('pickerHandles'), {});
  1941. 		}
  1942.         
  1943.     	$('#togglechat').tipTip({
  1944. 					content: "Toggle Chat",
  1945. 					fadeIn: 0,
  1946. 					fadeOut: 0,
  1947. 					defaultPosition: "left"
  1948. 		});
  1949. 		$('#emmenu').tipTip({
  1950. 					content: "Emote Menu",
  1951. 					fadeIn: 0,
  1952. 					fadeOut: 0,
  1953. 					defaultPosition: "left"
  1954. 		});
  1955. 		$('#op-button.switchemotestyle').tipTip({
  1956. 					content: "Changes what the emote menu uses when an image is clicked. Inline emotes are visible by all script users only, while emotes used with backslashes can be seen by anyone.",
  1957. 					fadeIn: 0,
  1958. 					fadeOut: 0,
  1959. 					defaultPosition: "top"
  1960. 		});
  1961. 		$('#resynch').tipTip({
  1962. 					content: "Changes the time of the video to match the server's position.",
  1963. 					fadeIn: 0,
  1964. 					fadeOut: 0,
  1965. 					defaultPosition: "right"
  1966. 		});
  1967. 		$('#reload').tipTip({
  1968. 					content: "Kills and reloads the video without refreshing.",
  1969. 					fadeIn: 0,
  1970. 					fadeOut: 0,
  1971. 					defaultPosition: "right"
  1972. 		});
  1973. 		$('#getplist').tipTip({
  1974. 					content: "Opens a new window containing the current playlist information (video links, contributors, etc). <span style='color:red'>Pop-up.</span>",
  1975. 					fadeIn: 0,
  1976. 					fadeOut: 0,
  1977. 					defaultPosition: "right"
  1978. 		});
  1979. 		$('#shuffleplist').tipTip({
  1980. 					content: "Moves the current list of videos to random positions. Try not to use any commands while this is working. <span style='color:#006bfe'>Mods only.</span>",
  1981. 					fadeIn: 0,
  1982. 					fadeOut: 0,
  1983. 					defaultPosition: "right"
  1984. 		});
  1985. 		$('#gethistory').tipTip({
  1986. 					content: "Toggle. Lets you view the last 12 videos you've watched. <span style='color:lime'>Appears under the poll area.</span>",
  1987. 					fadeIn: 0,
  1988. 					fadeOut: 0,
  1989. 					defaultPosition: "right"
  1990. 		});
  1991. 		$('#hardrefresh').tipTip({
  1992. 					content: "Refreshes the page ignoring all locally cached files, forcing a reload of all site files. Does not clear cache.",
  1993. 					fadeIn: 0,
  1994. 					fadeOut: 0,
  1995. 					defaultPosition: "right"
  1996. 		});
  1997. 		$('#togglevideo').tipTip({
  1998.             content: "Drops a curtain over the currently playing video. Toggle.",
  1999.             fadeIn: 0,
  2000.             fadeOut: 0,
  2001.             defaultPosition: "left"
  2002. 		});
  2003. 		
  2004. };
  2005.  
  2006. function setBinds() {
  2007.  
  2008. 	loadedBinds = true;
  2009.  
  2010.  
  2011. 		$('#skip').on('click', function() {
  2012. 			$('#skip-count').attr('style', 'color: #3F0!important');
  2013. 		});
  2014. 		
  2015. 		$('#scriptOptions').on('click', function() {
  2016. 			$('#OptionsMenu').toggle();
  2017. 		});
  2018.  
  2019. 		$('#tcButton').on('click', function() {
  2020. 			alert('The password to the room is \'v4c\'.');
  2021. 		});
  2022. 		
  2023. 		$('#players a.normal').on('click', function() {
  2024. 			if (largePlayer || largerPlayer)
  2025. 				switchResolution(0);
  2026. 			else return false;
  2027. 			
  2028. 		});
  2029. 		$('#players a.large').on('click', function() {
  2030. 			if (!largePlayer || largerPlayer)
  2031. 				switchResolution(1);
  2032. 			else return false;
  2033. 		});
  2034. 		$('#players a.larger').on('click', function() {
  2035. 			if (largePlayer || !largerPlayer)
  2036. 				switchResolution(2);
  2037. 			else return false;
  2038. 		});
  2039. 		
  2040. 		if (largePlayer && !largerPlayer) {
  2041. 		
  2042. 			$('#players a.large').attr('style', 'color: white!important; text-decoration: none!important');
  2043. 			$('#players a.large').attr('href', null);
  2044. 			
  2045. 		} else if (largerPlayer && !largePlayer) {
  2046. 		
  2047. 			$('#players a.larger').attr('style', 'color: white!important; text-decoration: none!important');
  2048. 			$('#players a.larger').attr('href', null);
  2049. 			
  2050. 		} else if (!largePlayer && !largerPlayer) {
  2051. 		
  2052. 			$('#players a.normal').attr('style', 'color: white!important; text-decoration: none!important');
  2053. 			$('#players a.normal').attr('href', null);
  2054. 			
  2055. 		}
  2056.  
  2057. 		$('#chat-messages').unbind('scroll');
  2058.  
  2059. 		//(C) BibbyTube, (C) Faqqq
  2060. 		//https://github.com/Bibbytube/Instasynch/blob/master/Chat%20Additions/Autoscroll%20Fix/autoscrollFix.js
  2061. 		//from instasynch's io.js with modified height multiplier
  2062. 		$('#chat-messages').on('scroll', function() {
  2063. 			var scrollHeight = $(this)[0].scrollHeight,
  2064. 				scrollTop = $(this).scrollTop(),
  2065. 				height = $(this).height();
  2066.  
  2067. 			//scrollHeight - scrollTop will be 290 when the scrollbar is at the bottom
  2068. 			//height of the chat window is 280, not sure where the 10 is from
  2069. 			if ((scrollHeight - scrollTop) < height * 2.5) {
  2070. 				autoscroll = true;
  2071. 			} else {
  2072. 				autoscroll = false;
  2073. 			}
  2074. 		});
  2075.  
  2076. 		$('#lead').on('click', function() {
  2077. 			if (isMod) {
  2078. 				$('#unlead').css('visibility', 'visible');
  2079. 				$('#playlistcontrols').height('49px');
  2080. 				$('.stage').stop().animate({
  2081. 						height: stageBase + $('#playlistcontrols').height() + 'px'
  2082. 					}, 200)
  2083. 			}
  2084. 		});
  2085.  
  2086. 		$('#unlead').on('click', function() {
  2087. 			if (isMod) {
  2088. 				$('#playlistcontrols').height('25px');
  2089. 				$('.stage').stop().animate({
  2090. 						height: stageBase + 'px'
  2091. 					}, 200)
  2092. 			}
  2093. 		});
  2094. 		
  2095. 		$('.close-OptionMenu.x').on('click', function() {
  2096. 			$('#OptionsMenu').hide();
  2097. 		});
  2098.  
  2099. 		$("#add-option").on('click', function() {
  2100. 			if ($('.create-poll-option').length >= 10) {
  2101. 				$('#add-option').attr('disabled', 'true');
  2102. 				$('#add-option').text('Max options! (10)');
  2103. 			}
  2104. 		});
  2105.  
  2106. 		$('#getplist').on('click', function() {
  2107. 			getPlaylist();
  2108. 		});
  2109. 		
  2110. 		$('#shuffleplist').on('click', function() {
  2111. 			if (isMod) {
  2112. 				if (shuffling === false)
  2113. 					shuffle();
  2114. 				else {
  2115. 					$('#chat-messages').append('<div class="message"><strong style="color: #f00">Currently shuffling the playlist. Please wait until it is finished.</strong></div>');
  2116. 					messages++;
  2117. 					cleanChat();
  2118. 				}
  2119. 			} else {
  2120. 				$('#chat-messages').append('<div class="message"><strong style="color: #f00">Sorry, you must be a mod to use this.</strong></div>');
  2121. 				messages++;
  2122. 				cleanChat();
  2123. 			}
  2124. 		});
  2125.  
  2126. 		$('#gethistory').on('click', function() {
  2127. 			if (recentVidInfo.length > 0) {
  2128. 				$('#viewHistory').toggle();
  2129. 				if ($('#viewHistory').css('display') !== 'none') {
  2130. 					viewHistory(recentVidInfo);
  2131. 				} else if ($('#viewHistory').css('display') === 'none') {
  2132. 					$('#viewHistory').empty();
  2133. 				}
  2134. 			}
  2135. 		});
  2136.  
  2137. 		$('#cin').on('focus', function() {
  2138. 				if (isv4c) setFavIcon('http://i.imgur.com/DmMh2O9.png'); else setFavIcon('/favicon.ico');
  2139. 				document.title = decodeURIComponent('%E2%96%B6') + ' ' + currentVid;
  2140. 				global.page.title = decodeURIComponent('%E2%96%B6') + ' ' + currentVid;
  2141. 				newMsg = false;
  2142. 		});
  2143. 		
  2144. 		$('#submit-poll').on('click', function() {
  2145. 			$('#create-poll').hide();
  2146. 		});
  2147.  
  2148. 		$('#togglechat').on('click', function() {
  2149. 			var fcm = $('#facecodesmenu');
  2150. 			if (fcm.css('display') != 'none' ) {
  2151. 				expandEmotes();
  2152. 			}
  2153. 			$('.logoutput').toggle();
  2154. 			$('#chat').toggle();
  2155. 		});
  2156.     
  2157.     	$('#togglevideo').on('click', function() {
  2158. 			var ctn = $('#curtainTop');
  2159.             
  2160.             if ($('#curtainFloor').height() === 0) $('#curtainFloor').height(72)
  2161.             	else $('#curtainFloor').height(0);
  2162.             
  2163. 			if (ctn.height() === 0) $('#curtainTop').height($('#media').height() - 72)
  2164.             	else $('#curtainTop').height(0);
  2165.             
  2166. 		});
  2167.  
  2168. 		$('#add-option').on("click", function() {
  2169. 			$('.formbox.create-poll-option').width('374px');
  2170. 		});
  2171.  
  2172. 		$('#clear-options').on("click", function() {
  2173. 			$('#create-poll input').val('');
  2174. 		});
  2175.  
  2176. 		$("#URLinput").on("keyup", function(event) {
  2177. 			if (event.keyCode == 13) {
  2178. 				event.preventDefault();
  2179. 				$("#addUrl").click();
  2180. 			}
  2181. 		});
  2182.  
  2183. 		$("html").on("keyup", function(event) {
  2184.  
  2185. 			if (event.keyCode == 118 && isv4c) { //F7
  2186. 				event.preventDefault();
  2187. 				$('.poll-container').css('background', 'url("http://drowngaben.x10.mx/v4c/rotate/")');
  2188. 			}
  2189. 			if (event.keyCode == 120) { //F9
  2190. 				event.preventDefault();
  2191. 				$("#emmenu").click();
  2192. 			}
  2193.  
  2194. 		});
  2195. 		
  2196. 		$('.click-nav .js').unbind('click');
  2197. 		$('.click-nav .js').on("click", function() {
  2198. 			var userMenu = $('#loggedInAs .click-nav .js li ul');
  2199. 			if (userMenu.height() !== 0)
  2200. 				userMenu.attr('style', 'height: 0px');
  2201. 			else userMenu.attr('style', 'height: 128px');
  2202. 		});
  2203. 		
  2204. 		$('.OptionsButton').on("click", function() {
  2205. 			var buttonid = this.parentNode.id;
  2206. 			var optionstate = $(this).parent()[0].firstChild.className.split(' ')[1];
  2207. 			var imgdiv = $(this).parent()[0].firstChild;
  2208. 			toggleScriptSetting(buttonid, optionstate, imgdiv);
  2209. 		});
  2210.  
  2211. };
  2212.  
  2213. function unbindAll() {
  2214.  
  2215. 	var nodes = [
  2216. 		'.OptionsButton',
  2217. 		'.click-nav .js',
  2218. 		'html',
  2219. 		'#URLinput',
  2220. 		'#clear-options',
  2221. 		'#add-option',
  2222. 		'#togglevideo',
  2223. 		'#togglechat',
  2224. 		'#submit-poll',
  2225. 		'#gethistory',
  2226. 		'#getplist',
  2227. 		'#add-option',
  2228. 		'.close-OptionMenu.x',
  2229. 		'#unlead',
  2230. 		'#lead',
  2231. 		'#chat-messages',
  2232. 		'#players a.larger',
  2233. 		'#players a.large',
  2234. 		'#players a.normal',
  2235. 		'#tcButton',
  2236. 		'#scriptOptions',
  2237. 		'#skip'
  2238. 	];
  2239. 	
  2240. 	for (var i = 0; i < nodes.length; i++) {
  2241. 		$(nodes[i]).off();
  2242. 	}
  2243. }
  2244.  
  2245. postConnect.push(loadGlobalVariables);
  2246. postConnect.push(loadFunctions);
  2247. postConnect.push(setCookies);
  2248. postConnect.push(buildEmoteMenu);
  2249. postConnect.push(setHTML);
  2250. postConnect.push(addChatListeners);
  2251. postConnect.push(loadCSS);
  2252. postConnect.push(setBinds);
  2253. postConnect.push(gmtClock);
  2254. postConnect.push(connected);
  2255.  
  2256. //reconnectFns.push(loadFunctions);
  2257. reconnectFns.push(loadGlobalVariables);
  2258. reconnectFns.push(setCookies);
  2259. reconnectFns.push(buildEmoteMenu);
  2260. reconnectFns.push(setHTML);
  2261. reconnectFns.push(unbindAll);
  2262. reconnectFns.push(addChatListeners);
  2263. reconnectFns.push(loadCSS);
  2264. reconnectFns.push(setBinds);
  2265. reconnectFns.push(connected);
  2266.  
  2267.  
  2268.  
  2269. global.onConnected = function() {
  2270. 	global.reconnectAttempt = 1;
  2271. 	messages = 0;
  2272. 	postConnectDo(initialLoad);
  2273. }
  2274.  
  2275. console.log('Reached end of script.');
  2276.  
  2277. window.errors = function() {
  2278. 	var errorMessage = '<div class="message urgenttext" style="background-color: black; font-weight: bold">Failed to load: ';
  2279. 	var errorList = '';
  2280. 	if (typeof(scriptVer) === 'undefined')
  2281. 		scriptVer = 'undefined';
  2282. 	if (!loadedFunctions) {
  2283. 		errorList += 'functions, ';
  2284. 		console.error(scriptVer + ': Failed to load functions');
  2285. 	}
  2286. 	if (!loadedGlobalVariables) {
  2287. 		errorList += 'globalVariables, ';
  2288. 		console.error(scriptVer + ': Failed to load global variables');
  2289. 	}
  2290. 	if (!loadedCSS) {
  2291. 		errorList += 'CSS, ';
  2292. 		console.error(scriptVer + ': Failed to load CSS');
  2293. 	}
  2294. 	if (!loadedConnected) {
  2295. 		errorList += 'connected, ';
  2296. 		console.error(scriptVer + ': Failed to load function "connected"');
  2297. 	}
  2298. 	if (!loadedCookies) {
  2299. 		errorList += 'cookies, ';
  2300. 		console.error(scriptVer + ': Failed to load cookies');
  2301. 	}
  2302. 	if (!loadedClock) {
  2303. 		errorList += 'gmtClock, ';
  2304. 		console.error(scriptVer + ': Failed to load GMT clock');
  2305. 	}
  2306. 	if (!loadedChatListeners) {
  2307. 		errorList += 'chatEvents, ';
  2308. 		console.error(scriptVer + ': Failed to load chat event listeners');
  2309. 	}
  2310. 	if (!loadedEmoteMenu) {
  2311. 		errorList += 'emotes, ';
  2312. 		console.error(scriptVer + ': Failed to load emote system');
  2313. 	}
  2314. 	if (!loadedHTML) {
  2315. 		errorList += 'HTML, ';
  2316. 		console.error(scriptVer + ': Failed to load HTML');
  2317. 	}
  2318. 	if (!loadedBinds) {
  2319. 		errorList += 'binds, ';
  2320. 		console.error(scriptVer + ': Failed to load HTML binds');
  2321. 	}
  2322. 	if (errorList == '') {
  2323. 		errorList = '<span style="color: lime">none</span>';
  2324. 		console.log('Seems like everything has loaded.')
  2325. 	}
  2326. 	errorMessage += errorList;
  2327. 	errorMessage += '</div>';
  2328. 	$('#chat-messages').append(errorMessage);
  2329. };
  2330.  
  2331. //if something is wrong, try typing errors() in the console