☰

v4c/InstaSynch Additional Features

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

目前为 2015-01-09 提交的版本。查看 最新版本。

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