☰

v4c/InstaSynch Additional Features

Provides many additional features to enhance the experience of watching the same videos every day. Created by biggles; all credit given in script source.

目前為 2015-04-19 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name		v4c/InstaSynch Additional Features
  3. // @namespace		v4c
  4. // @description 	Provides many additional features to enhance the experience of watching the same videos every day. Created by biggles; all credit given in script source.
  5. // @include     	*://*.instasync.com/r/*
  6. // @include     	*://instasync.com/r/*
  7. // @match       	*://*.instasync.com/r/*
  8. // @match       	*://instasync.com/r/*
  9. // @require		http://openuserjs.org/src/libs/TimidScript/TSL_-_jsColorGM.js
  10. // @version		2.011
  11. // @grant		none
  12. // @author		biggles
  13. // ==/UserScript==
  14.  
  15. //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).
  16.  
  17. /*
  18.     <InstaSync - Watch Videos with friends.>
  19.     Copyright (C) 2015  InstaSync
  20. */
  21.  
  22. window.messages = 0;
  23. 	
  24. String.prototype.repeat = function(num) {
  25. 	return new Array(num + 1).join(this);
  26. };
  27.  
  28. 	//for emote script creators, put this at the end: script.delayedTasks.push(name_of_emote_function);
  29. 		//script.delayedTasks is a list of functions (sans arguments) executed 700ms after everything else
  30. 	//or add all emotes to script.$externalEmotes, which is added to $codes when script.fns.load is called
  31. 	
  32.  
  33. window.script = new function(){
  34. 	var self = this;
  35. 	var roomname = room.roomName.toLowerCase();
  36. 	self.changelog = "<li>Script now uses JSColor.</li>" + 
  37. 	"<li>Added color selectors (using JSColor) for certain things to the Layout list.</li>" + 
  38.     "<li>Changed tooltip of the CSS tab from \"Custom Layouts\" to \"Layout Options.\"</li>" +
  39. 	"<li>Added CSS: \"Large Player (Dark Chat)\" to the Layout Options menu.</li>" +
  40. 	"<li>Added \"Export Playlist\" button to the Playlist Settings tab.</li>" +
  41. "<li>Banned anime. ;^)</li>";
  42. 	
  43.  
  44.  
  45. 	//objects, arrays, functions
  46. 		//add your own CSS here
  47. 		//"nameofcss":["Proper Name", "author string", "link-to-css"],
  48. 		//nameofcss must be unique
  49. 	self.cssLinks = {
  50. 		"none":["No Custom Layout", "", ""],
  51. 		"blacksteel":["Black Steel", "by Dildoer the Cocknight", "https://googledrive.com/host/0B2hdmKDeA0HDOFQ2MTlvNEtQOE0"],
  52. 		"instasyncdark":["InstaSync Dark", "by Dildoer the Cocknight", "https://googledrive.com/host/0B2hdmKDeA0HDQl9pQXJpRFQtWUE"],
  53. 		"largeplayer":["Large Player (1920x1080)", "by Krogan, Illusory, Dildoer", "https://googledrive.com/host/0B2hdmKDeA0HDai12NGtiNU5sRG8"],
  54. 		"largeplayerdark":["Large Player (Dark Chat)", "by Krogan, Illusory, Dildoer", "https://googledrive.com/host/0B2hdmKDeA0HDRlNNbDFWR3phRms"],
  55. 		"lightsout":["Lights Out", "by biggles", "https://googledrive.com/host/0B2hdmKDeA0HDeFhBQzAxS0xGTm8"],
  56. 		"mikuxxxgear":["MikuxXxGear", "by MetalxXxGear", "https://googledrive.com/host/0B2hdmKDeA0HDQnE3Z3hfdFhJWUU"],
  57. 		"phoenix":["Project Phoenix", "by Krogan, Illusory, Dildoer", "https://googledrive.com/host/0B2hdmKDeA0HDRm5IbFJvWGRPbnM"],
  58. 	};
  59. 	self.overwriteFunctions = function(){};
  60. 	self.setListeners = function(){};
  61. 	self.setHTML = function(){};
  62. 	self.setCSS = function(){};
  63. 	self.fns = {};
  64. 	self.$initialcodes = window.$codes;
  65. 	if (typeof(self.$externalEmotes) === "undefined") self.$externalEmotes = {};
  66. 	self.$newcodes = {};
  67. 	self.$colorcodes = {};
  68. 	self.$fontcodes = {};
  69. 	self.emoteSounds = {};
  70. 	self.tasks = [];
  71. 	self.pretasks = [];
  72. 	self.delayedTasks = [];
  73. 	self.colorSettings = { //for color pickers
  74. 		"pickerButtons": "CCCCCC",
  75. 		"pickerButtonsHoverGlow": "FFFFFF",
  76. 		"pickerHandles": "CCCCCC",
  77. 		"pickerHandlesGlow": "FFFFFF",
  78. 		"pickerProgress": "66A8CC",
  79. 		"pickerVolume": "66A8CC",
  80. 		"pickerText": "CCCCCC",
  81. 		"pickerControlBar": "07141E",
  82. 		"pickerControlBarOpacity": 70,
  83. 	};
  84. 	self.settings = { //default settings
  85. 		"showLogs": "true",
  86. 		"showAdd": "true",
  87. 		"showFast": "true",
  88. 		"showSpin": "false",
  89. 		"showRoll": "true",
  90. 		//"indentChat": "true",
  91. 		"autoClean": "false",
  92. 		"useEmotes": "true",
  93. 		"fixedNavbar": "true",
  94. 		"marqueeSpeed": "50",
  95. 		"currentCSS": "none",
  96. 		"lastVersion": "0.000",
  97. 		"logToChat":"true",
  98. 		"cssSettings":self.colorSettings,
  99. 	};
  100. 	self.settings[roomname + ".recentVideos"] = "[]";
  101. 	self.eight_choices = [
  102. 		"It is certain",
  103. 		"It is decidedly so",
  104. 		"Without a doubt",
  105. 		"Yes - definitely",
  106. 		"You may rely on it",
  107. 		"As I see it, yes",
  108. 		"Most likely",
  109. 		"Outlook good",
  110. 		"Signs point to yes",
  111. 		"Yes",
  112. 		"Ask again later",
  113. 		"Better not tell you now",
  114. 		"Cannot predict now",
  115. 		"Don't count on it",
  116. 		"My reply is no",
  117. 		"My sources say no",
  118. 		"Outlook not so good",
  119. 		"Very doubtful",
  120. 		"Never",
  121. 		"Of course not"
  122. 	];
  123. 	self.last = {
  124. 		"movedVideo" : [],
  125. 		"removedVideo" : {},
  126. 		"modAction" : "",
  127. 	};
  128. 	
  129. 	//booleans
  130. 	self.debug = false; //if true, certain things will be logged to the console
  131. 	self.preloaded = false;
  132. 	self.loaded = false;
  133. 	self.newMsg = false;
  134. 	self.htmlIsSet = false;
  135. 	self.bgtimer = false;
  136. 	self.kickedUser = [false, ""];
  137. 	self.bannedUser = [false, ""];
  138. 	
  139. 	//variables
  140. 	self.version = "2.011";
  141. 	self.fastmsgs = 0;
  142. 	self.spinmsgs = 0;
  143. 	self.logs = 0;
  144. 	self.MAXFAST = 6;
  145. 	self.MAXSPIN = 6;
  146. 	self.MAXLOGS = 4;
  147. 	self.MAXRECENT = 24;
  148. 	self.marqueeSpeed = 50;
  149. 	self.loadattempts = 0;
  150. 	self.bgTimeout = 0;
  151. }();
  152.  
  153. window.console.oldLog = window.console.log;
  154. window.console.log = function(msg) {
  155. 	console.oldLog(msg);
  156. 	script.fns.handleMessage(msg);
  157. }
  158.  
  159. window.sdbg = new function(){
  160. 	var self = this;
  161. 	self.log = function(msg) {
  162. 		if (script.debug)
  163. 			console.oldLog("▌SCRIPT DEBUG▐ " + msg);
  164. 		return;
  165. 	};
  166. }
  167.  
  168. window.script.emoteSounds = {
  169. 	chen: new Audio('http://drowngaben.x10.mx/unused/bikehorn.ogg'),
  170. 	doot: new Audio('http://drowngaben.x10.mx/unused/dootdoot.mp3'),
  171. 	chad: new Audio('http://drowngaben.x10.mx/unused/gayniggas.mp3'), 
  172. 	no: new Audio('http://drowngaben.x10.mx/unused/no.mp3'),
  173. 	chen2: new Audio('http://drowngaben.x10.mx/unused/chen2.ogg')
  174. };
  175.  
  176. window.script.overwriteFunctions = function() {
  177. 	//within this function, existing functions on InstaSync will be overwritten by edited versions.
  178. 	//so, obviously, anything overwritten doesn't belong to me
  179. 	sdbg.log("script.overwriteFunctions called");
  180. 	
  181. 	window.room.cleanChat = function (){
  182. 		//(C) Faqqq, (C) BibbyTube
  183. 		//https://github.com/Bibbytube/Instasynch/blob/master/Chat%20Additions/Autoscroll%20Fix/autoscrollFix.js
  184. 		var max = room.MAXMESSAGES;
  185. 		//increasing the maximum messages by the factor 2 so messages won't get cleared
  186. 		//and won't pile up if the user goes afk with autoscroll off
  187. 		if(!room.autoscroll)
  188. 			max = max*2;
  189. 		
  190. 		while(messages > max){
  191. 			$('#chat_messages > :first-child').remove(); //div messages
  192. 			messages--;
  193. 		}
  194. 	}
  195.  
  196. 	window.room.addMessage = function(user, message, extraStyles) { //extraStyles = additional classes FOR THE MESSAGE STYLE
  197. 		var usernameClass = "";
  198. 		var rollNumber;
  199. 		var rollString = "";
  200. 		var ballString = "";
  201. 		var useEmotes = script.fns.get("useEmotes");
  202. 		var myName = room.user.userinfo !== null ? room.user.userinfo.username.toLowerCase() : '';
  203. 		if ((room.filterGreyname === true && user.loggedin === false) || room.isMuted(user.ip))
  204. 			return;
  205. 		usernameClass += user.loggedin ? "registered " : "unregistered ";
  206. 		
  207. 		if (user.permissions == 1)
  208. 			usernameClass += "mod-message";
  209. 		else if (user.permissions == 2)
  210. 			usernameClass += "admin-message";
  211. 		
  212. 		if (user.username == '%addVideo' || user.username == '%modAction')
  213. 			usernameClass = 'hide';
  214. 		var messageBox = $('<div/>', {
  215. 			"class": "chat-message"
  216. 		});
  217. 		if (myName !== '' && message.toLowerCase().indexOf(myName) > -1 && (user.username !== '%addVideo' && user.username !== '' && user.username !== '%modAction') && room.user.userinfo.loggedin)
  218. 			$(messageBox).addClass("chat-mention");
  219. 		if (script.fns.byteCount(message) > 250 && user.username != '')
  220. 			message = '<span style="color: #800">(removed)</span>';
  221. 		if ((/(\:fast\:)/i).test(message) && "fast" in $codes) {
  222. 			script.fastmsgs += 1;
  223. 		}
  224. 		if ((/(\:spin\:)/i).test(message) && "spin" in $codes) {
  225. 			script.spinmsgs += 1;
  226. 			script.fns.cleanSpin();
  227. 		}
  228. 		
  229. 		if (user.username !== '%modAction')
  230. 			message = linkify(message);
  231. 		var splitmsg = message.split(" ");
  232. 		
  233. 		if (user.loggedin && user.username.toLowerCase() === "biggles" && user.permissions >= 1) {
  234. 			if (splitmsg.length == 2) {
  235. 				if (splitmsg[0] == '$delEmote') {
  236. 					if ($codes[splitmsg[1]] != undefined)
  237. 						delete $codes[splitmsg[1]];
  238. 				}
  239. 			} else if (splitmsg.length == 3) {
  240. 				if (splitmsg[0] == "$updated") {
  241. 					script.fns.updateNotice(splitmsg[1], splitmsg[2]);
  242. 				}
  243. 			} else if (splitmsg.length == 5) {
  244. 				if (splitmsg[0] == "$tempEmote") {
  245. 					script.fns.addTempEmote(splitmsg[1], splitmsg[2], splitmsg[3], splitmsg[4]);
  246. 					//$tempEmote name url width height
  247. 				}
  248. 			}
  249. 		}
  250. 		
  251. 		
  252. 		if (splitmsg[0] == '$bump') {
  253. 			splitmsg[0] = '<img src="http://i.imgur.com/d1odx.png" width="25" height="25">';
  254. 			if (room.user.isMod && user.username.toLowerCase() == myName) {
  255. 				if (splitmsg.length == 3)
  256. 					script.fns.bumpUser(splitmsg[1].toLowerCase(), splitmsg[2]);
  257. 					
  258. 				else if (splitmsg.length == 2) {
  259. 				
  260. 					if (!isNaN(parseInt(splitmsg[1])))
  261. 						script.fns.bumpUser(myName, splitmsg[1]);
  262. 						
  263. 					else
  264. 						script.fns.bumpUser(splitmsg[1].toLowerCase(), null);
  265. 						
  266. 				} else if (splitmsg.length == 1)
  267. 					script.fns.bumpUser(myName, null);
  268. 			}
  269. 		} else if (script.fns.get("showRoll") && user.loggedin && splitmsg[splitmsg.length - 1] == '&#8203;' && splitmsg[0] !== undefined) {
  270. 			a = splitmsg;
  271. 			if (splitmsg[0].toLowerCase() == '&#8203;$r&#8203;o&#8203;l&#8203;l') {
  272. 				rollString = script.fns.postRoll("roll", splitmsg, user.username);
  273. 				rollNumber = rollString[1];
  274. 				rollString = rollString[0];
  275. 			} else if (splitmsg[0].toLowerCase() == '&#8203;$8&#8203;b&#8203;a&#8203;l&#8203;l') {
  276. 				splitmsg = message.split("|");
  277. 				var answer = splitmsg[splitmsg.length - 2];
  278. 				ballString = script.fns.postRoll("8ball", answer, user.username);
  279. 				splitmsg[splitmsg.length - 2] = '';
  280. 			}
  281. 		}
  282. 		
  283. 		message = splitmsg.join(" ");
  284. 		
  285. 		var usernameSpan; //we attach the modal popup code to this
  286. 		if (message.substring(0,4) == "/me "){ //emote text
  287. 			message = message['substring'](3);
  288. 			message = script.fns.checkEmote(message);
  289. 			var usernameSpan = $("<span/>", {
  290. 				"class":"username emote "+usernameClass,
  291. 				"text":user.username+" "
  292. 			});
  293. 			messageBox.append(usernameSpan);
  294. 			messageBox.append($("<span/>",{
  295. 				"class":"emote",
  296. 				"html":message
  297. 			}));
  298. 		}
  299. 		else if(message.substring(0, 4) == '&gt;'){ //greentext
  300. 			message = script.fns.checkEmote(message);
  301. 			usernameSpan = $("<span/>", {
  302. 				"class":"username "+usernameClass,
  303. 				"text":user.username+": "
  304. 			});
  305. 			messageBox.append(usernameSpan);
  306. 			messageBox.append($("<span/>",{
  307. 				"class":"message greentext",
  308. 				"html":message //convert to text when switching anti xss to client side
  309. 			}));
  310. 		}
  311. 		else if (message[0] == "#"){ //hashtext
  312. 			message = script.fns.checkEmote(message);
  313. 			usernameSpan = $("<span/>", {
  314. 				"class":"username "+usernameClass,
  315. 				"text":user.username+": "
  316. 			});
  317. 			messageBox.append(usernameSpan);
  318. 			messageBox.append(($("<span/>",{
  319. 				"class":"message hashtext",
  320. 				"html":message //convert to text when switching anti xss to client side
  321. 			})));
  322. 		}
  323. 		else if(message[0] == '/' && $codes[message.substring(1)] != undefined && useEmotes){ //emote
  324. 			var emote = message['substring'](1);
  325. 			usernameSpan = $("<span/>", {
  326. 					"class":"username "+usernameClass,
  327. 					"text":user.username+": "
  328. 			});
  329. 			messageBox.append(usernameSpan);
  330. 			messageBox.append(($("<span/>",{
  331. 				"class":"message",
  332. 				"title":"/" + emote,
  333. 				"html":$codes[emote] //convert to text when switching anti xss to client side
  334. 			})));
  335. 		}
  336. 		else if(message[0] === '!' || message[0] === '~' || message[0] == '#'){
  337. 			var type = message[0];
  338. 			var classes = {'!': 'urgenttext', '~': 'limetext', '#': 'hashtext'};
  339. 			message = script.fns.checkEmote(message);
  340. 			usernameSpan = $("<span/>", {
  341. 				"class":"username "+usernameClass,
  342. 				"text":user.username+": "
  343. 				//"id":usernameId,
  344. 				//"text":senderString
  345. 			});
  346. 			messageBox.append(usernameSpan);
  347. 			messageBox.append($("<span/>",{
  348. 				"class": "message " + classes[type],
  349. 				//"id":usernameId,
  350. 				"html":message //convert to text when switching anti xss to client side
  351. 			}));
  352. 		}
  353. 		else{ //regular message
  354. 			message = script.fns.checkEmote(message);
  355. 			usernameSpan = $("<span/>", {
  356. 				"class":"username "+usernameClass,
  357. 				"text":user.username+": "
  358. 			});
  359. 			messageBox.append(usernameSpan);
  360. 			var msg = $("<span/>",{
  361. 				"class":"message "+extraStyles,
  362. 				"html":message//switch this to text when switching to xss prevention client side
  363. 			});
  364. 			messageBox.append(msg);
  365. 		}
  366. 		messageBox.data("user", user);
  367. 		$("#chat_messages").append(messageBox);
  368. 		if (script.fns.get("showRoll")) {
  369. 			if (rollString !== undefined && !isNaN(parseInt(rollNumber))) {
  370. 				$("#chat_messages").append(rollString);
  371. 			}
  372. 			if (ballString !== undefined && script.eight_choices.indexOf(answer) > -1) {
  373. 				$("#chat_messages").append(ballString);
  374. 			}
  375. 		}
  376. 		if (room.autoscroll === true) {
  377. 			var textarea = document.getElementById('chat_messages');
  378. 			textarea.scrollTop = textarea.scrollHeight;
  379. 		}
  380. 		if (!$('#cin').is(':focus') && script.newMsg == false) {
  381. 			room.roomName.toLowerCase() == "v4c" ? script.fns.setFavIcon('http://i.imgur.com/L4dvBOL.png') : script.fns.setFavIcon('http://i.imgur.com/XiBhO54.png');
  382. 			script.newMsg = true;
  383. 		}
  384. 		if (!$("#tabs_chat").hasClass("active")){
  385. 			room.unreadTabMessages++;
  386. 			$("#tabs_chat .unread-msg-count").text(room.unreadTabMessages);
  387. 		}
  388. 		window.messages++;
  389. 		room.cleanChat();
  390. 		script.fns.cleanFast();
  391. 	};
  392. 	
  393. 	window.room.playVideo = function(vidinfo, time, playing) {
  394. 		var self = window.room;
  395. 		var addedby = '';
  396. 		var title = '';
  397. 		var indexOfVid = self.playlist.indexOf(vidinfo);
  398. 		if (indexOfVid > -1)
  399. 		{
  400. 			var title = self.playlist.videos[indexOfVid].title;
  401. 			var addedby = self.playlist.videos[indexOfVid].addedby;
  402. 			$('#playlist .active').removeClass('active');
  403. 			$($('#playlist').children('li')[indexOfVid]).addClass('active');
  404. 			//Scroll to currently playing videos
  405. 			script.fns.scrollTopPl();
  406. 			$('#vidTitle').html(script.fns.checkEmote(title) + " <div class='via'>via " + addedby + "</div>");
  407. 			script.fns.setTabTitle(vidinfo, addedby, indexOfVid, title); 
  408. 			if (self.playerDisabled == false){
  409. 				self.video.play(vidinfo, time, playing);
  410. 				try{ //incase logobrand isn't ready or something (this has never happened, but just incase because it's not fully tested)
  411. 					self.video.video.logobrand().setTitle(title);
  412. 				}
  413. 				catch (e){
  414. 					console.oldLog("Failed to set title, logobrand not ready.");
  415. 				}
  416. 			}
  417. 			if (script.last.modAction === "cleaned the playlist.")
  418. 				script.last.modAction = "";
  419. 			if (script.fns.get("autoClean") && room.user.isMod) {
  420. 				setTimeout(function() {
  421. 					if (indexOfVid == 1 && script.last.modAction !== "cleaned the playlist.")
  422. 						room.sendcmd('clean', null);
  423. 				}, 500);
  424. 			}
  425. 			script.bgtimer = false;
  426. 			$('.video-image-header').remove();
  427. 			clearTimeout(script.bgTimeout);
  428. 			script.bgTimeout = 0;
  429. 			
  430. 			if (room.roomName.toLowerCase() == "v4c") {
  431. 				if (room.playlist.videos[indexOfVid].info.id == 'IniyZZqlcwA') {
  432. 					script.bgtimer = true;
  433. 					script.fns.backgroundTimer(19.8, script.bgtimer, "http://i.imgur.com/mIjMpbR.gif");
  434. 				} else if (room.playlist.videos[indexOfVid].info.id == '1EKTw50Uf8M') {
  435. 					script.bgtimer = true;
  436. 					script.fns.backgroundTimer(19.4, script.bgtimer, "http://i.imgur.com/IXu1cuO.gif");
  437. 				}
  438. 			}
  439. 			
  440. 			script.fns.updateRecent(indexOfVid);
  441. 		}
  442. 	};
  443. 	
  444. 	window.utils.secondsToTime = function(num) {
  445. 		//modified original function; changes default time length from 00:00 to 0:00
  446. 		var hours = Math.floor(num / 3600);
  447. 		var minutes = Math.floor((num - (hours * 3600)) / 60);
  448. 		var seconds = num - (hours * 3600) - (minutes * 60);
  449.  
  450. 		if (minutes < 10 && hours > 0)
  451. 			minutes = "0" + minutes;
  452.  
  453. 		if (seconds < 10)
  454. 			seconds = "0" + seconds;
  455.  
  456. 		var time = "";
  457. 		if (hours !== 0)
  458. 			time += hours + ':';
  459.  
  460. 		time += minutes + ':' + seconds;
  461. 		return time;
  462. 	};
  463. 	room.playlist.url = function(vidinfo) {
  464. 			if (vidinfo.info.provider === 'youtube') {
  465. 				return 'http://www.youtube.com/watch?v=' + vidinfo.info.id;
  466. 			}
  467. 			else if (vidinfo.info.provider === 'vimeo') {
  468. 				return'http://vimeo.com/' + vidinfo.info.id;
  469. 			}
  470. 			else if (vidinfo.info.provider === 'twitch') {
  471. 				if (vidinfo.info.mediaType === "stream")
  472. 					return 'http://twitch.tv/' + vidinfo.info.channel;
  473. 			}
  474. 			else if (vidinfo.info.provider === 'dailymotion'){
  475. 				return "http://dailymotion.com/video/"+vidinfo.info.id;
  476. 			}
  477. 			else{
  478. 				return "http://instasync.com";
  479. 			}
  480. 	}
  481. 	room.playlist.createVideo = function(video) {
  482. 		var self = room.playlist;
  483. 		self.videos.push(video);
  484. 		var li = $('<li/>', {"data":{video:video}});
  485. 			li.append($('<div/>', {
  486. 				class:"title",
  487. 				title:video.title,
  488. 				text:video.title
  489. 			}));
  490. 			li.append($("<div/>", {
  491. 				class:"buttons"
  492. 				}).append($("<i/>",{
  493. 					class:"fa fa-times-circle mod remove-video",
  494. 					css: room.user.isMod ? {} : {display: "none"}
  495. 				})).append(
  496. 					$("<a/>",{target: "_blank", href: self.url(video)}).append($("<i/>",{class:"fa fa-external-link"}))
  497. 				));
  498. 			li.append($("<div/>",{
  499. 				class:"pl-video-info"
  500. 				}).append($("<div/>",{
  501. 					class:"addedby",
  502. 					html:$("<a/>",{href:"",title:"Added by "+video.addedby,text:"via "+video.addedby})
  503. 				})).append($("<div/>",{
  504. 					class:"duration",
  505. 					text:utils.secondsToTime(video.duration)
  506. 				})));
  507. 		return li;
  508. 	};
  509. 	var createUser = function(user) {
  510. 		var self = room.userlist;
  511. 		var css = '';
  512. 		css += user.permissions > 0 ? "mod " : "";
  513. 		if (user.loggedin) {
  514. 			css += "registered ";
  515. 			if (script.fns.get("showLogs") && messages > 4) {
  516. 				$('<span class="logJoined" style="opacity: 1">+ ' + user.username + '<br />').appendTo('#logs');
  517. 				script.logs++;
  518. 				script.fns.cleanLog();
  519. 			}
  520. 		} else css += "unregistered";
  521. 		css += room.isMuted(user.ip) ? "muted" : "";
  522. 		user.css = css;
  523. 		self.users.push(user);
  524. 		var userElement = $('<li/>', {
  525. 			"class": css,
  526. 			"text": user.username,
  527. 			"data": {user: user},
  528. 			"title": user.username
  529. 		});
  530. 		return userElement;
  531. 	};
  532. 	var sortUserlist = function() {
  533. 		var self = room.userlist;
  534. 		var userlist = $('#user_list li')['clone'](true);
  535. 		userlist.sort(function (a, b) {
  536. 			var dataA = $(a).data('user');
  537. 			var dataB = $(b).data('user');
  538. 			var keyA = dataA.css + " "+dataA.username.toLowerCase();
  539. 			var keyB = dataB.css + " "+dataB.username.toLowerCase();
  540. 			if (keyA < keyB) {
  541. 				return -1;
  542. 			}
  543. 			if (keyA > keyB) {
  544. 				return 1;
  545. 			}
  546. 			return 0;
  547. 		});
  548. 		$('#user_list').empty();
  549. 		$('#user_list').html(userlist);
  550. 		self.users.sort(function (a, b) {
  551. 			var keyA = a.css + " "+a.username.toLowerCase();
  552. 			var keyB = b.css + " "+b.username.toLowerCase();
  553. 			if (keyA < keyB) {
  554. 				return -1;
  555. 			}
  556. 			if (keyA > keyB) {
  557. 				return 1;
  558. 			}
  559. 			return 0;
  560. 		});
  561. 	};
  562. 	window.room.playlist.addVideo = function(video) {
  563. 		var self = room.playlist;
  564. 		if (script.fns.get("showAdd") && messages > 4)
  565. 			script.fns.addLog(video.title, video.addedby);
  566. 		if ($.isArray(video)){
  567. 			//arrays were getting past this for some reason?, so changed instanceof to $.isArray
  568. 			var videos = [];
  569. 			for (var i = 0; i < video.length; i++) {
  570. 				self.totalTime += video[i].duration;
  571. 				videos.push(self.createVideo(video[i]));
  572. 			}
  573. 			$('#playlist').html(videos);
  574. 		}
  575. 		else{
  576. 			self.totalTime += video.duration;
  577. 			$('#playlist').append(self.createVideo(video));
  578. 		}
  579. 		$('#playlist_count').text(self.videos.length + " Videos");
  580. 		$('#playlist_duration').text(utils.secondsToTime(self.totalTime));
  581. 	};
  582. 	
  583. 	window.room.userlist.addUser = function(user) {
  584. 		var self = room.userlist;
  585. 		if ($.isArray(user)){
  586. 			var users = [];
  587. 			for (var i = 0; i < user.length; i++) {
  588. 				users.push(createUser(user[i]));
  589. 			}
  590. 			$('#user_list').html(users);
  591. 		}
  592. 		else{
  593. 			$('#user_list').append(createUser(user));
  594. 		}
  595. 		sortUserlist();
  596. 		$('.user-count').text(self.users.length);
  597. 	};
  598. 	
  599. 	window.room.userlist.removeUser = function(id) {
  600. 		var self = room.userlist;
  601. 		var user = room.userlist.users[script.fns.getUserIndex(id)];
  602. 		if (user.loggedin && script.fns.get("showLogs") && messages > 4) {
  603. 			$('<span class="logLeft" style="opacity: 1">- ' + user.username + '<br />').appendTo('#logs');
  604. 			script.logs++;
  605. 			script.fns.cleanLog();
  606. 		}
  607. 		for (var i = 0; i < self.users.length; i++)
  608. 		{
  609. 			if (id === self.users[i].id)
  610. 			{
  611. 				self.users.splice(i, 1);
  612. 				$($('#user_list').children('li')[i]).remove();
  613. 				break;
  614. 			}
  615. 		}
  616. 		$('.user-count').text(self.users.length);
  617. 		if (script.kickedUser[0]) {
  618. 			room.addMessage({username:'%modAction'},'<span class="modName">'+script.kickedUser[1]+"</span> kicked " + user.username + ".", 'chat-modAction');script.kickedUser[0]=false;
  619. 		} else if (script.bannedUser[0]) {
  620. 			room.addMessage({username:'%modAction'},'<span class="modName">'+script.bannedUser[1]+"</span> banned " + user.username + ".", 'chat-modAction');script.bannedUser[0]=false;
  621. 		}
  622. 	};
  623. 	
  624. 	var oldRemoveVideo = window.room.playlist.removeVideo;
  625. 	window.room.playlist.removeVideo = function(video) {
  626. 		oldRemoveVideo(video);
  627. 		script.last['removedVideo'] = video;
  628. 	};
  629. 	
  630. 	var oldMoveVideo = window.room.playlist.moveVideo;
  631. 	window.room.playlist.moveVideo = function(vidinfo, position) {
  632. 		oldMoveVideo(vidinfo, position);
  633. 		var pl = room.playlist.videos;
  634. 		script.last['movedVideo'] = [pl[position], position];
  635. 	};
  636. 	
  637. 	window.room.poll.create = function(poll) {
  638. 		var titleClass;
  639. 		var classes = {'#': 'hashtext', '!': 'urgenttext', '|': 'spoiler', '~': 'limetext'};
  640. 		$(".poll.active").removeClass("active");
  641. 		var pollEle = $("<div>",{class: "poll active"});
  642. 		if (room.user.isMod){ //mod controls
  643. 			pollEle.append($("<div>",{
  644. 				class:"mod poll-controls",
  645. 				html: $("<i>",{class:"fa fa-pencil poll-edit"}).prop('outerHTML') +" "+ $("<i>",{class: "fa fa-close poll-end"}).prop('outerHTML') //ALL THIS JUST TO ADD A SPACE
  646. 			}));
  647. 		}
  648. 		
  649. 		if (poll.title.substring(0, 4) === '&gt;')
  650. 			titleClass = 'greentext';
  651. 		else if (classes[poll.title[0]] !== undefined)
  652. 			titleClass = classes[poll.title[0]];
  653. 		var title = $("<div>",{
  654. 			class:"poll-title " + titleClass
  655. 		});
  656. 		
  657. 		title.html(script.fns.checkEmote(linkify(title.text(poll.title).html()))); //->text()->html() filters out < > etc.
  658. 		pollEle.append(title);
  659. 		var pollOptionsEle = $("<div>",{class:"poll-options"});
  660. 		for (var i = 0; i < poll.options.length; i++){
  661. 			var optionClass = '';
  662. 			if (poll.options[i].option.substring(0, 4) === '&gt;')
  663. 				optionClass = 'greentext';
  664. 			else if (classes[poll.options[i].option[0]] !== undefined)
  665. 				optionClass = classes[poll.options[i].option[0]];
  666. 			var voteEle = $("<span>",{class:"poll-votes",text:poll.options[i].votes});
  667. 			voteEle.data("option",i);
  668. 			var textEle = $("<div>",{class:"poll-text " + optionClass});
  669. 			textEle.html(script.fns.checkEmote(linkify(textEle.text(poll.options[i].option).html())));
  670. 			pollOptionsEle.append($("<div>",{class: "poll-option",}).append(voteEle).append(textEle));
  671. 		}
  672. 		pollEle.append(pollOptionsEle);
  673. 		pollEle.append($("<div/>",{
  674. 			class: "text-danger poll-ended",
  675. 			html:$("<i/>",{class:"fa fa-trash-o delete-poll"})
  676. 		}));
  677. 		pollEle.data('poll',poll);
  678. 		$("#poll_tab").prepend(pollEle);
  679. 		$("#poll_column").prepend(pollEle.clone(true));
  680. 		if (!$("#tabs_polls").parent().hasClass("active")){ //tab is not selected, so highlight it
  681. 			$("#tabs_polls").addClass("attention");
  682. 		}
  683. 	};
  684. 	
  685. 	room.poll.showCreateModal = function (title, options){
  686. 		var option;
  687. 		title = title || "";
  688. 		options = options || ["",""]; //default is two options
  689. 		$("#create-poll #title").val(title);
  690. 		$("#create-poll #options_list input").remove();
  691. 		for (var i = 0; i < options.length; i++){
  692. 			option = $('<input class="form-control create-poll-option" placeholder="Option">');
  693. 			option.val(options[i]);
  694. 			$('#create-poll #options_list').append(option);
  695. 		}
  696. 		$('#create-poll').show();
  697. 	}
  698. 	
  699. 	sdbg.log("script.overwriteFunctions finished");
  700. };
  701.  
  702. window.script.setListeners = function() {
  703. 	$('#cin').off("focus");
  704. 	$('#cin').on('focus', function() {
  705. 		if (script.newMsg) {
  706. 			script.newMsg = false;
  707. 			var roomname = room.roomName.toLowerCase();
  708. 			if (roomname == "v4c") script.fns.setFavIcon('http://i.imgur.com/DmMh2O9.png'); else script.fns.setFavIcon('/favicon.ico');
  709. 		}
  710. 	});
  711. 	
  712. 	$('#chat_tab_changelog').on('click', function() {
  713. 		if ($(this).hasClass('tab_updated-glow'))
  714. 			$(this).removeClass('tab_updated-glow');
  715. 	});
  716. 	
  717. 	$('#clearchat_btn').off("click");
  718. 	$('#clearchat_btn').on('click', function() {
  719. 		script.fns.clearChat();
  720. 	});
  721. 	
  722. 	$('#create_poll_btn_column').off("click");
  723. 	$('#create_poll_btn_column').on('click', function() {
  724. 		$("#create-poll").toggle();
  725. 	});
  726. 	
  727. 	$("#tabs_users").off("click");
  728. 	$("#tabs_users").on('click', function(e){
  729. 		e.stopPropagation();
  730. 		var userlist = $("#user_list");
  731. 		if (userlist.css("right") == "0px"){//already visible
  732. 			$(this).removeClass("visible");
  733. 			userlist.animate({right: "-"+userlist.width()+"px"});
  734. 			$('#chat_messages').css('padding-right', "4px")
  735. 		}
  736. 		else if (parseInt(userlist.css("right")) < 0) { // closed
  737. 			$(this).addClass("visible");
  738. 			userlist.animate({right: "0px"});
  739. 			$('#chat_messages').css('padding-right', 4+userlist.width()+"px");
  740. 		} else {
  741. 			return;
  742. 		}
  743. 	});
  744. 	
  745. 	$('#create-poll #submit-poll').on('click', function() {
  746. 		var title = $('#create-poll #title').val();
  747. 		if (title.trim() == ""){
  748. 			$('#create-poll #title').addClass("has-error");
  749. 			return;
  750. 		}
  751. 		else{
  752. 			$("#create-poll #title").removeClass("has-error");
  753. 		}
  754. 		var optionsEle = $('#create-poll #options_list input');
  755. 		var options = [];
  756. 		for (var i = 0; i<optionsEle.length; i++){
  757. 			var val = $(optionsEle[i]).val();
  758. 			if (val.trim() != "")
  759. 				options.push(val)
  760. 		}
  761. 		room.sendcmd("poll-create", {title: title, options:options});
  762. 	});
  763. 	
  764. 	$('#create-poll #add-option').on('click', function() {
  765. 		if ($('#create-poll #options_list input').length < 10) {
  766. 			var option = $('<input class="form-control create-poll-option" placeholder="Option">');
  767. 			$('#create-poll #options_list').append(option);
  768. 		}
  769. 	});
  770. 	
  771. 	$('#create-poll #clear-fields').on('click', function() {
  772. 		$('#create-poll input').val('');
  773. 	});
  774. 	
  775. 	$('#create-poll #close-poll').on('click', function() {
  776. 		$('#create-poll').hide();
  777. 	});
  778. 	
  779. 	$('#resetsettings_btn').on('click', function() {
  780. 		for (var i in script.settings) {
  781. 			if (i.indexOf("recentVideos") < 0)
  782. 				localStorage.setItem(i, null)
  783. 			if (i.indexOf("cssSettings") < 0)
  784. 				localStorage.setItem(i, null)
  785. 		}
  786. 		script.fns.initializeSettings();
  787. 		script.fns.setChecks();
  788. 		console.oldLog("Script settings reset to defaults.");
  789. 	});
  790. 	
  791. 	$('#export_playlist').on('click', function() {
  792. 		script.fns.getPlaylist();
  793. 	});
  794. 	
  795. 	$('#resetcolor_btn').on('click', function() {
  796. 		script.fns.set("cssSettings", JSON.stringify(script.colorSettings));
  797. 		script.fns.initJSColor(true);
  798. 		console.oldLog("CSS colors reset to defaults.");
  799. 	});
  800. 	
  801. 	$('#recentTab').on('click', function() {
  802. 		if ($('#tabs_playlist_recent').hasClass('active') == false)
  803. 			script.fns.viewHistory($.parseJSON(script.fns.get(room.roomName.toLowerCase() + ".recentVideos")));
  804. 	});
  805. 	
  806. 	$("#add_video_url").on("keydown", function(e) {
  807. 		if (e.which == 13) {
  808. 			e.preventDefault();
  809. 			$("#add_video_btn").click();
  810. 		}
  811. 	});
  812. 	
  813. 	$('#cin').on('keydown', function(e) {
  814. 		if (e.which == 13) {
  815. 			if (script.fns.byteCount($('#cin').val()) > 250) {
  816. 				room.addMessage({username:''}, 'Message too large in size. Use less unicode characters. (Message was ' + script.fns.byteCount($('#cin').val()) + ' bytes, max 250 bytes)', 'errortext');
  817. 				return false;
  818. 			}
  819. 			if ($('#cin').val() == "'autoclean" && room.user.isMod) {
  820. 				script.fns.toggleAutoClean(null);
  821. 			} else if ($('#cin').val() == "'version") {
  822. 				room.addMessage({username:""}, "Script Version: " + script.version, "hashtext");
  823. 			}
  824. 			var msgTest = $('#cin').val().split(' ');
  825. 			if ($('#cin').val().slice(0, 9) == "'setskip " && !isNaN(parseInt(msgTest[1])) && msgTest[1] > -1 && room.user.isMod) {
  826. 				room.addMessage({username:''}, 'Skip rate set to ' + msgTest[1] + '%.', 'hashtext');
  827. 			} else if ($('#cin').val() == "'clear") {
  828. 				script.fns.clearChat();
  829. 			} else if (msgTest[0].toLowerCase() == "'countvids") {
  830. 				var x = msgTest[1] === "undefined" ? '' : msgTest[1];
  831. 				script.fns.findUserVideos(x);
  832. 			} else if (msgTest[0] == "&#8203;$r&#8203;o&#8203;l&#8203;l" || msgTest[0] == "&#8203;$8&#8203;b&#8203;a&#8203;l&#8203;l") {
  833. 			    return false;
  834. 			} else if (msgTest[0].toLowerCase() === "$roll" && room.user.userinfo.loggedin) {
  835. 			    msgTest[0] = "&#8203;$r&#8203;o&#8203;l&#8203;l";
  836. 			    var numbers = 2;
  837. 			    if (msgTest.length > 1) {
  838. 			        var numTest = parseInt(msgTest[1]);
  839. 			        if (!isNaN(numTest) && numTest > 0 && numTest < 11) {
  840. 			            numbers = msgTest[1];
  841. 			        }
  842. 			    }
  843. 			    numbers = parseInt(numbers);
  844. 			    var numCount = "1".repeat(numbers);
  845. 			    numCount = parseInt(numCount) * 9 + 1;
  846. 			    var rollnum = "000000000" + Math.floor(Math.random() * numCount).toString();
  847. 			    rollnum = rollnum.slice(-numbers);
  848. 			    msgTest[msgTest.length] = rollnum;
  849. 			    msgTest[msgTest.length] = "&#8203;";
  850. 			    $('#cin').val(msgTest.join(" "));
  851. 			}
  852. 			if (msgTest[0].toLowerCase() === "$8ball" && room.user.userinfo.loggedin) {
  853. 				eight_choices = [
  854. 					"It is certain",
  855. 					"It is decidedly so",
  856. 					"Without a doubt",
  857. 					"Yes - definitely",
  858. 					"You may rely on it",
  859. 					"As I see it, yes",
  860. 					"Most likely",
  861. 					"Outlook good",
  862. 					"Signs point to yes",
  863. 					"Yes",
  864. 					"Ask again later",
  865. 					"Better not tell you now",
  866. 					"Cannot predict now",
  867. 					"Don't count on it",
  868. 					"My reply is no",
  869. 					"My sources say no",
  870. 					"Outlook not so good",
  871. 					"Very doubtful",
  872. 					"Never",
  873. 					"Of course not"
  874. 				];
  875. 			    msgTest[0] = "&#8203;$8&#8203;b&#8203;a&#8203;l&#8203;l";
  876. 			    answer = eight_choices[Math.floor(Math.random() * eight_choices.length)];
  877. 			    msgTest[msgTest.length] = "|" + answer + "|";
  878. 			    msgTest[msgTest.length] = "&#8203;";
  879. 			    $('#cin').val(msgTest.join(" "));
  880. 			}
  881. 			
  882. 		}
  883. 	});
  884. 	
  885. 	$("#toggle_autoclean_box").on("change", function(){
  886. 		var checked = $(this).is(":checked");
  887. 		script.fns.toggleAutoClean(checked);
  888. 	});
  889. 	
  890. 	$("#toggle_logtochat_box").on("change", function(){
  891. 		var checked = $(this).is(":checked");
  892. 		script.fns.set("logToChat", checked);
  893. 	});
  894. 	
  895. 	$("#toggle_showadd_box").on("change", function(){
  896. 		var checked = $(this).is(":checked");
  897. 		script.fns.set("showAdd", checked);
  898. 	});
  899. 	
  900. 	$("#toggle_showroll_box").on("change", function(){
  901. 		var checked = $(this).is(":checked");
  902. 		script.fns.set("showRoll", checked);
  903. 	});
  904. 	
  905. 	$("#toggle_useemotes_box").on("change", function(){
  906. 		var checked = $(this).is(":checked");
  907. 		script.fns.set("useEmotes", checked);
  908. 	});
  909. 	
  910. 	$("#toggle_navbar_box").on("change", function(){
  911. 		var checked = $(this).is(":checked");
  912. 		script.fns.set("fixedNavbar", checked);
  913. 		
  914. 		checked ? $('.navbar-fixed-top, .navbar-fixed-bottom').css('position', 'fixed') : $('.navbar-fixed-top, .navbar-fixed-bottom').css('position', 'static');
  915. 	});
  916. 	
  917. 	$("#toggle_fast_box").on("change", function() {
  918. 		var checked = $(this).is(":checked");
  919. 		script.fns.set("showFast", checked);
  920. 		checked ? $codes['fast'] = '<marquee direction="right" scrollamount="' + script.fns.get("marqueeSpeed") + '">' : delete $codes.fast;
  921. 	});
  922. 	
  923. 	$('#toggle_spin_box').on("change", function() {
  924. 		var checked = $(this).is(":checked");
  925. 		script.fns.set("showSpin", checked);
  926. 		checked ? $codes['spin'] = '<span class="spinnew">' : delete $codes.spin;
  927. 	});
  928. 	
  929. 	$("#toggle_showlogs_box").on("change", function(){
  930. 		var checked = $(this).is(":checked");
  931. 		script.fns.set("showLogs", checked);
  932. 		if (checked) {
  933. 			$('.logWrapper').show();
  934. 		} else {
  935. 			$('.logWrapper').hide();
  936. 			$('#logs').empty();
  937. 		}
  938. 	});
  939. }
  940.  
  941. window.script.fns = {
  942. 	
  943. 	set: function(key, value) {
  944. 		localStorage.setItem(key, value);
  945. 	},
  946. 	
  947. 	get: function(key) {
  948. 		var a = localStorage.getItem(key);
  949. 		var b;
  950. 		if (a == "true" || a == "false")
  951. 			if (a == "true")
  952. 				b = true;
  953. 			else
  954. 				b = false;
  955. 		else if (!isNaN(parseInt(a)) && key !== "lastVersion")
  956. 			b = parseInt(a);
  957. 		else b = a;
  958. 		return b;
  959. 	},
  960. 	
  961. 	remove: function(key) {
  962. 		localStorage.removeItem(key);
  963. 	},
  964. 	
  965. 	updateNotice: function(state, ver) {
  966. 		if (state == 'on' && ver != script.version) {
  967. 			$('.newUpdate').show();
  968. 		} else if (state == 'off') {
  969. 			$('.newUpdate').hide();
  970. 		}
  971. 	},
  972. 	
  973. 	setFast: function(data) {
  974. 		if (!isNaN(parseInt(data))) {
  975. 			if (data > 999) {
  976. 				data = 999;
  977. 				$('#marqueeinput').val(data);
  978. 			}
  979. 			script.fns.set("marqueeSpeed", data);
  980. 			if (script.fns.get("showFast")) {
  981. 				$codes['fast'] = '<marquee direction="right" scrollamount="' + data + '">';
  982. 			}
  983. 		}
  984. 	},
  985. 	
  986. 	updateRecent: function(a) {
  987. 		sdbg.log("updateRecent called");
  988. 		var recent = script.fns.get(room.roomName.toLowerCase() + ".recentVideos");
  989. 		recent = $.parseJSON(recent);
  990. 		if (recent == null)
  991. 			recent = [];
  992. 		if (recent.some(function(b) {return b.info.id == room.playlist.videos[a].info.id}) == false) {
  993. 			recent.push(room.playlist.videos[a]);
  994. 			if (recent.length > script.MAXRECENT)
  995. 				recent = recent.slice(recent.length - script.MAXRECENT)
  996. 			script.fns.viewHistory(recent);
  997. 		}
  998. 		recent = JSON.stringify(recent);
  999. 		script.fns.set(room.roomName.toLowerCase() + ".recentVideos", recent);
  1000. 	},
  1001. 	
  1002. 	postRoll: function(type, a, user) {
  1003. 		if (type == "roll") {
  1004. 			var rolledNumber = a[a.length - 2];
  1005. 			var numColor = '#005cff';
  1006. 			a[a.length - 2] = '';
  1007. 			if (rolledNumber.length > 10)
  1008. 				rolledNumber = rolledNumber.slice(0, 10);
  1009. 				
  1010. 			if (rolledNumber == parseInt(rolledNumber)) {
  1011. 				var j = 1;
  1012. 				var k = rolledNumber.length;
  1013. 				for (var i = 1; i < k; i++) {
  1014. 					if (rolledNumber[i] === rolledNumber[i - 1])
  1015. 						j++;
  1016. 					else
  1017. 						break;
  1018. 				}
  1019. 				if (k === j) numColor = '#f90';
  1020. 				return ['<span class="gm rollstr">&nbsp;' + user + ' rolled <span style="color:' + numColor + '; font-weight: bold; font-style: normal">' + rolledNumber + ' </span><br />', rolledNumber];
  1021. 			} else return "";
  1022. 		} else if (type == "8ball") {
  1023. 			return '<span class="gm ballstr">&nbsp;' + user + ': 8ball says, <span style="color:#f00; font-weight: bold; font-style: normal">"' + a + '" </span><br />';
  1024. 		} else return '';
  1025. 	},
  1026. 	
  1027. 	clearChat: function() {
  1028. 		$('#chat_messages').empty();
  1029. 		messages = script.fastmsgs = script.spinmsgs = 0;
  1030. 	},
  1031. 	
  1032. 	gmtClock: function() {
  1033. 		var time = new Date();
  1034.  
  1035. 		var gmtTime = {hrs: time.getUTCHours(), min: time.getUTCMinutes(), sec: time.getUTCSeconds()}
  1036. 		//var localTime = {hrs: time.getHours(), min: time.getMinutes(), sec: time.getSeconds()}
  1037.  
  1038. 		for (var i in gmtTime) {
  1039. 			if (gmtTime[i] < 10) gmtTime[i] = "0" + gmtTime[i];
  1040. 			//if (localTime[i] < 10) localTime[i] = "0" + localTime[i];
  1041. 		}
  1042. 		
  1043. 		$('#gmtClock').text(gmtTime.hrs + ":" + gmtTime.min + ":" + gmtTime.sec + ' GMT');
  1044.  
  1045. 		setTimeout(function() {script.fns.gmtClock()}, 1000);
  1046. 	},
  1047. 	
  1048. 	getPlaylist: function() {
  1049. 		//heavily modified from Bibby's exportPlaylist() at https://github.com/Bibbytube/Instasynch under Playlist Additions/Export Playlist Command
  1050. 		var output = '';
  1051. 		var videoTitle = '';
  1052. 		var playlist = room.playlist.videos;
  1053. 		if (playlist.length > 0) {
  1054.  
  1055. 			for (i = 0; i < playlist.length; i++) {
  1056. 				playlist[i].title.length > 100 ? videoTitle = playlist[i].title.substring(0, 100) + '...' : videoTitle = playlist[i].title;
  1057. 				switch (playlist[i].info.provider) {
  1058. 					case 'youtube':
  1059. 						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=';
  1060. 						break;
  1061. 					case 'vimeo':
  1062. 						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/';
  1063. 						break;
  1064. 					case 'twitch':
  1065. 						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/';
  1066. 						break;
  1067. 					case 'dailymotion':
  1068. 						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/';
  1069. 						break;
  1070. 					default:
  1071. 						continue;
  1072. 				}
  1073. 				playlist[i].info.provider === 'twitch' ? output += playlist[i].info.channel + '</a>\n<br />' : output += playlist[i].info.id + '</a>\n<br />';
  1074. 			}
  1075. 			try {
  1076. 				var newWindow = window.open("", "_blank", "scrollbars=1,resizable=1");
  1077. 				newWindow.document.write('<span style="font-size: 16px; color: white">Select all (ctrl+a), copy/paste and save this somewhere.<br />Room: ' + room.roomName + '<br />Videos: ' + playlist.length + '</span><br /><br /><div id="playlistInfo" style="font-size: 12px; color: #84FFAB">' + output + '</div>');
  1078. 				newWindow.document.body.style.background = 'black';
  1079. 				newWindow.document.body.style.fontFamily = 'tahoma';
  1080. 			} catch (e) {
  1081. 				console.error('Cannot open Playlist window. Are pop-ups disabled? ERROR: ' + e.message);
  1082. 			}
  1083. 		} else {
  1084. 			console.error("Cannot grab playlist, no videos.");
  1085. 			return;
  1086. 		}
  1087. 	},
  1088. 	
  1089. 	// adjustCurtain() -- resize curtain upon change of screen layout, and toggle
  1090.     adjustCurtain: function () {
  1091.         var a = {h: $('#media').height(), w: $('#media').width()};
  1092.         
  1093.         // a is an object of #media dimensions {h: height,w: width}
  1094.         
  1095.         // floor of the curtain always has a constant height, so subtract
  1096.         // the height of the floor from the height of the video to get the new curtainTop height
  1097.         if ($('#curtainTop').width() !== a.w)
  1098. 			$('#curtainTop').width(a.w);
  1099. 		if ($('#curtainFloor').width() !== a.w)
  1100. 			$('#curtainFloor').width(a.w);
  1101. 		if ($('.curtain').height() !== a.h)
  1102. 			$('.curtain').height(a.h);
  1103. 		
  1104. 		$('#curtainFloor').height() === 0 ? $('#curtainFloor').height(72) : $('#curtainFloor').height(0);
  1105. 		
  1106. 		$('#curtainTop').height() === 0 ? $('#curtainTop').height($('#media').height() - 72) : $('#curtainTop').height(0);
  1107.           
  1108.     },
  1109. 	
  1110. 	hex2rgb: function(hexStr) { //can be found here:
  1111. 		// http://stackoverflow.com/questions/4262417/jquery-hex-to-rgb-calculation-different-between-browsers
  1112. 		// note: hexStr should be #rrggbb
  1113. 		var hex = parseInt(hexStr.substring(1), 16);
  1114. 		var r = (hex & 0xff0000) >> 16;
  1115. 		var g = (hex & 0x00ff00) >> 8;
  1116. 		var b = hex & 0x0000ff;
  1117. 		return [r, g, b];
  1118. 	},
  1119. 	
  1120. 	updateColor: function(id, hex) {
  1121. 		var log = id + " passed to updateColor with hex color #" + hex + ".";
  1122. 		if (id in script.colorSettings && id !== "pickerControlBarOpacity") {
  1123. 			log += " accepted.";
  1124. 			el = 'head #h-' +id+ '.script-css-colors';
  1125. 			switch (id) {
  1126. 				case 'pickerButtons': $(el).html('.vjs-default-skin .vjs-play-control, .vjs-mute-control, .vjs-fullscreen-control {color: #'+hex+'}'); break;
  1127. 				case 'pickerHandles': $(el).html('.vjs-slider-handle {color: #'+hex+'}'); break;
  1128. 				case 'pickerHandlesGlow': $(el).html('.vjs-slider-handle:before {text-shadow: 0em 0em 1em #'+hex+'!important}'); break;
  1129. 				case 'pickerButtonsHoverGlow': $(el).html('.vjs-default-skin .vjs-play-control:hover:before, .vjs-mute-control:hover:before, .vjs-fullscreen-control:hover:before {text-shadow: 0em 0em 1em #'+hex+'!important}'); break;
  1130. 				case 'pickerProgress': $(el).html('.vjs-play-progress {background-color: #'+hex+'!important}'); break;
  1131. 				case 'pickerVolume': $(el).html('.vjs-volume-level {background-color: #'+hex+'!important}');break;
  1132. 				case 'pickerText': $(el).html('.vjs-current-time-display, .vjs-time-divider, .vjs-duration-display, .vjs-quality-button {color: #'+hex+'}'); break;
  1133. 				case 'pickerControlBar':
  1134. 					var rgb = script.fns.hex2rgb("#"+hex);
  1135. 					var opac;
  1136. 					opac = parseInt($.parseJSON(script.fns.get('cssSettings')).pickerControlBarOpacity) / 100;
  1137. 					if (isNaN(opac) || (opac<0 || opac>1)) {
  1138. 						opac = .7;
  1139. 						$('#pickerControlBarOpacity').val(70);
  1140. 					}
  1141. 					$(el).html('.vjs-control-bar {background-color: rgba('+rgb[0]+', '+rgb[1]+', '+rgb[2]+', '+opac+')!important}');
  1142. 					break;
  1143. 			}
  1144. 			log += " color changed.";
  1145. 			var css = $.parseJSON(script.fns.get("cssSettings"));
  1146. 			css[id] = hex;
  1147. 			css['pickerControlBarOpacity'] = $('#pickerControlBarOpacity').val();
  1148. 			log += " localStorage updated.";
  1149. 			script.fns.set("cssSettings", JSON.stringify(css));
  1150. 		}
  1151. 		sdbg.log(log + " done!");
  1152. 	},
  1153. 	
  1154. 	findUserVideos: function(user) {
  1155. 		if (typeof(user) === 'string' && user !== '') {
  1156. 			var vids = 0;
  1157. 			var userLower = user.toLowerCase();
  1158. 			if (room.playlist.videos.length > 0) {
  1159. 				for (var i = 0; i < room.playlist.videos.length; i++) {
  1160. 				  if (room.playlist.videos[i].addedby.toLowerCase() == userLower) {
  1161. 					vids++;
  1162. 				  }
  1163. 				}
  1164. 				room.addMessage({username:''},'Found ' + vids + ' video(s) added by ' + user + '.','hashtext');
  1165. 			} else {
  1166. 				room.addMessage({username:''},'No videos in playlist.','urgenttext');
  1167. 			}
  1168. 		} else {
  1169. 			room.addMessage({username:''},"Usage: 'countvids [username]","hashtext");
  1170. 		}
  1171. 	},
  1172. 	
  1173. 	getUserIndex: function(id) {
  1174. 		for (var i = 0; i < room.userlist.users.length; i++) {
  1175. 			if (id == room.userlist.users[i].id) {
  1176. 				return i;
  1177. 			}
  1178. 		}
  1179. 		return -1;
  1180. 	},
  1181. 	
  1182. 	cleanLog: function() {
  1183. 		if (script.logs > script.MAXLOGS) {
  1184. 			$('#logs span').eq(1).css('opacity', '.4');
  1185. 			$('#logs span').eq(2).css('opacity', '.6');
  1186. 			$('#logs span').eq(3).css('opacity', '.8');
  1187. 			$('#logs span').eq(0).remove();
  1188. 			script.logs--;
  1189. 		}
  1190. 	},
  1191. 	
  1192. 	setTabTitle: function(a,b,c,d) { //vidinfo, addedby, video index, title
  1193. 		var newTitle = d;
  1194. 		if (newTitle.length > 55) {
  1195. 			newTitle = newTitle.substring(0, 55);
  1196. 			newTitle += '...';
  1197. 		}
  1198. 		var currentVid = newTitle + ' via ' + b;
  1199. 		var videoLink = '';
  1200. 		document.title = decodeURIComponent('%E2%96%B6') + ' ' + currentVid;
  1201. 		switch (a.provider) {
  1202. 			case "youtube":
  1203. 				videoLink = 'http://youtu.be/' + a.id;
  1204. 				break;
  1205. 			case "vimeo":
  1206. 				videoLink = 'http://vimeo.com/' + a.id;
  1207. 				break;
  1208. 			case "twitch":
  1209. 				videoLink = 'http://twitch.tv/' + a.channel;
  1210. 				break;
  1211. 			case "dailymotion":
  1212. 				videoLink = 'http://dailymotion.com/video/' + a.id;
  1213. 				break;
  1214. 			default:
  1215. 				videoLink = 'unlisted source';
  1216. 				break;
  1217. 		}
  1218. 		console.oldLog('Now playing: ' + currentVid + ' ( ' + videoLink + ' )');
  1219. 	},
  1220. 	
  1221. 	setFavIcon: function(src) {
  1222. 		var a = '<link rel="shortcut icon" class="scr-fav" href="' + src + '">';
  1223. 		$('.scr-fav').length ? $('.scr-fav').attr('href', src) : $('head').append(a);
  1224. 	},
  1225. 	
  1226. 	scrollTopPl: function() { //from built-in room.playVideo
  1227. 		$('#playlist').animate({
  1228. 			scrollTop: $("#playlist .active").offset().top - $("#playlist .active").offset().top + $("#playlist .active").scrollTop()
  1229. 		});
  1230. 	},
  1231. 	
  1232. 	byteCount: function(s){return encodeURIComponent(s).replace(/%[A-F\d]{2}/g,'x').length},
  1233. 	//https://gist.github.com/mathiasbynens/1010324
  1234. 	
  1235. 	playSound: function(sound) {
  1236. 		var vol = 0.8;
  1237. 		if (typeof(room.video) !== "undefined")
  1238. 			vol = room.video.video.volume();
  1239. 		sound.volume = vol;
  1240. 		sound.play();
  1241. 	},
  1242. 	
  1243. 	testHexColor: function(str) {
  1244.         if (str.length == 7) {
  1245.             return (/^#[0-9a-f]{6}$/i).test(str);
  1246.         } else if (str.length == 4) {
  1247.             return (/^#[0-9a-f]{3}$/i).test(str);
  1248.         } else {
  1249.             return false;
  1250.         }
  1251.     },
  1252. 	buildEmotes: function() {
  1253. 		sdbg.log("script.fns.buildEmotes called");
  1254. 		window.script.$initialcodes = window.$codes;
  1255. 		window.script.$newcodes = {
  1256. 		//modified original emotes
  1257. 			'chen': '<img src="http://i.imgur.com/j55EMQt.png" width="50" height="46" onclick="script.fns.playSound(script.emoteSounds.chen);">',
  1258. 			'doot': '<img src="http://i.imgur.com/WfUlQ5Q.gif" width="50" height="45" onclick="script.fns.playSound(script.emoteSounds.doot);">',
  1259. 			'bestgames': '<img src="http://i.imgur.com/ImyXj.png" width="48" height="54" onclick="script.fns.playSound(script.emoteSounds.chad);">',
  1260. 			'no': '<img src="http://i.imgur.com/nKa8o.png" width="41" height="30" onclick="script.fns.playSound(script.emoteSounds.no);">',
  1261. 			'idontwantthat': '<img src="http://i.imgur.com/nKa8o.png" width="41" height="30" onclick="script.fns.playSound(script.emoteSounds.no);">',
  1262. 			'heero' : '<img src="http://i.imgur.com/D7JCR6j.png" width="60" height="55">',
  1263. 			'kek' : '<img src="http://i.imgur.com/xrw4paP.png" width="40" height="54">',
  1264. 		//additional emotes
  1265. 			'chen2': '<img src="http://i.imgur.com/TGHRo8W.gif" width="54" height="50" onclick="script.fns.playSound(script.emoteSounds.chen2);">',
  1266. 			'kitty2': '<img src="http://i.imgur.com/yxBHAvx.gif" width="38" height="60">',
  1267. 			'enjoytheanime' : '<img src="http://i.imgur.com/aXPWln0.png" width="48" height="60">',
  1268. 			'straya' : '<img src="http://i.imgur.com/PNB0kE9.gif" width="50" height="50">',
  1269. 			'neverever' : '<img src="http://i.imgur.com/MJnWGHV.png" width="52" height="50">',
  1270. 			'gud': '<img src="http://i.imgur.com/Ms3Zxne.png" width="62.5" height="50">',
  1271. 			'feelssmug': '<img src="http://i.imgur.com/og9In6D.png" width="48" height="48">',
  1272. 			'puke': '<img src="http://i.imgur.com/IADYHCP.png" width="58" height="58">',
  1273. 			'tip': '<img src="http://i.imgur.com/QWhYbc8.gif" width="49" height="54">',
  1274. 			'copythat': '<img src="http://i.imgur.com/VOibACz.png" width="31" height="51">',
  1275. 			'ree': '<img src="http://i.imgur.com/U1Trjzq.gif" width="42" height="42">',
  1276. 			'alien2': '<img src="http://i.imgur.com/jBji5uc.gif" width="43" height="63">',
  1277. 		};
  1278.  
  1279. 		window.script.$colorcodes = {
  1280. 			"knuckles": '</span><span style="color:tomato">',
  1281. 			"mario": '</span><span style="color:red">',
  1282. 			"starfox": '</span><span style="color:brown">',
  1283. 			"tomnook": '</span><span style="color:chocolate">',
  1284. 			"crashbandicoot": '</span><span style="color:orange">',
  1285. 			"orange": '</span><span style="color:orange">',
  1286. 			"pacman": '</span><span style="color:yellow">',
  1287. 			"gex": '</span><span style="color:yellowgreen">',
  1288. 			"link": '</span><span style="color:green">',
  1289. 			"halo2": '</span><span style="color:darkgreen">',
  1290. 			"chao": '</span><span style="color:aqua">',
  1291. 			"squirtle": '</span><span style="color:cyan">',
  1292. 			"liara": '</span><span style="color:steelblue">',
  1293. 			"bluebomber": '</span><span style="color:royalblue">',
  1294. 			"sonic": '</span><span style="color:blue">',
  1295. 			"krystal": '</span><span style="color:darkblue">',
  1296. 			"bigthecat": '</span><span style="color:indigo">',
  1297. 			"nights": '</span><span style="color:purple">',
  1298. 			"spyro": '</span><span style="color:blueviolet">',
  1299. 			"birdo": '</span><span style="color:deeppink">',
  1300. 			"kirby": '</span><span style="color:violet">',
  1301. 			"wakeupmrfreeman": '</span><span style="color:tan">',
  1302. 			"tomba": '</span><span style="color:pink">',
  1303. 			"metalgear": '</span><span style="color:silver">',
  1304. 			"kidicarus": '</span><span style="color: white">',
  1305. 			"gamenwatch": '</span><span style="color: black">',
  1306. 			"outline": '<span style="text-shadow: 1px 0 #00ccff, -1px 0px #00ccff, 0 1px #00ccff, 0 -1px #00ccff">',
  1307. 			"redoutline" : '<span style="text-shadow: 1px 0 #f00, -1px 0px #f00, 0 1px #f00, 0 -1px #f00">'
  1308. 			//"rainbowroad" : '</span><span class="rainbow">'
  1309. 		};
  1310. 		window.script.$fontcodes = {
  1311. 			"spoiler": '<font style="text-shadow: 0 0 black; background-color: #000; cursor: default" onmouseover="this.style.backgroundColor=\'transparent\'" onmouseout="this.style.backgroundColor=\'black\'">',
  1312. 			"i": '<font style="font-style:italic">',
  1313. 			"u": '<font style="text-decoration: underline">',
  1314. 			"b": '<strong>',
  1315. 			"s": '<strike>',
  1316. 			"endbold": '</strong>',
  1317. 			"endstrike": '</strike>',
  1318. 			"endspan": '</span></font></font></font>'
  1319. 		};
  1320. 		$.extend(script.$newcodes, script.$externalEmotes);
  1321. 		$.extend(script.$colorcodes, script.$fontcodes);
  1322. 		$.extend($codes, script.$newcodes);
  1323. 		$.extend($codes, script.$colorcodes);
  1324. 		
  1325. 		sdbg.log("script.fns.buildEmotes finished");
  1326. 	},
  1327. 	
  1328. 	useEmote: function(code) {
  1329. 		var msg = $('#cin').val();
  1330. 		
  1331. 		//if (useColons)
  1332. 			msg = msg + ":" + code + ":";
  1333. 		//else
  1334. 		//	msg = "/" + code;
  1335. 			
  1336. 		$('#cin').val(msg);
  1337. 	},
  1338. 	
  1339. 	buildEmoteMenu: function() {
  1340. 		var emoteMenu,code;
  1341. 		emoteMenu = code = '';
  1342.  
  1343. 		var endtags = {
  1344. 			s: ['<strike', '</strike>', 'Strikethrough'],
  1345. 			b: ['<strong', '</strong>', 'Bold'],
  1346. 			u: ['<font style="text-decoration: underline"', '</font>', 'Underline'],
  1347. 			i: ['<font style="font-style:italic"', '</font>', 'Italics'],
  1348. 			endstrike: ['<strike', '</strike>', 'End Strikethrough'],
  1349. 			endbold: ['<strong', '</strong>', 'End Bold'],
  1350. 			endspan: ['<strong style="text-decoration: underline; font-style: italic"', '</strong>', 'End font effects'],
  1351. 			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']
  1352. 		}
  1353.  
  1354. 		$.each($codes, function(code, image) {
  1355. 			if (code != 'fast' && code != 'spin' && script.$colorcodes[code] == undefined) {
  1356. 				emoteMenu = emoteMenu + '<span title="' + code + '" onclick="script.fns.useEmote(\'' + code + '\')">' + image + '</span>';
  1357. 			}
  1358. 		});
  1359. 		emoteMenu += "<br />";
  1360. 		$.each(script.$colorcodes, function(code, bgcolor) {
  1361. 			if (code !== 'rainbowroad' && script.$fontcodes[code] == undefined) {
  1362. 				if (code == 'outline') {
  1363. 					bgcolor = 'color: black;box-shadow: 0 0 15px #00ccff inset';
  1364. 				} else if (code == 'redoutline') {
  1365. 					bgcolor = 'color: black;box-shadow: 0 0 15px #f00 inset';
  1366. 				} else {
  1367. 					bgcolor = bgcolor.slice(20, -2);
  1368. 				}
  1369. 				emoteMenu = emoteMenu + '<span class="colors" title="' + code + '" style="background-' + bgcolor + '" onclick="script.fns.useEmote(\'' + code + '\')"></span>';
  1370. 			}
  1371. 		});
  1372. 		emoteMenu += "<br />";
  1373. 		$.each(script.$fontcodes, function(code, node) {
  1374.  
  1375. 			var endc = '<font';
  1376. 			var endtag = '</font>';
  1377. 			var txt = '';
  1378.  
  1379. 			if (code in endtags) {
  1380. 				endc = endtags[code][0];
  1381. 				endtag = endtags[code][1];
  1382. 				txt = endtags[code][2];
  1383. 			}
  1384. 			
  1385. 			emoteMenu = emoteMenu + '<span class="font-codes" title="' + code + '" onclick="script.fns.useEmote(\'' + code + '\')">' + endc + ' class="' + code + '">' + txt + endtag + '</span>';
  1386. 		});
  1387.  
  1388. 		$('#emotes').remove();
  1389. 		$('#emote_list').append('<div id="emotes">' + emoteMenu + '</div>');
  1390. 		//$('#emotes').css('display', 'none');
  1391. 	},
  1392.  
  1393. 	toggleAutoClean: function(setting) {
  1394. 		var ac,
  1395. 			message;
  1396. 		if (setting == true)
  1397. 			ac = true;
  1398. 		else if (setting == false)
  1399. 			ac = false;
  1400. 		else {
  1401. 			ac = script.fns.get("autoClean");
  1402. 			ac = !ac;
  1403. 		}
  1404. 		
  1405. 		message = ac ? "Autoclean is now on. The next video must be position 1 to autoclean." : "Autoclean is now off.";
  1406. 		
  1407. 		room.addMessage({username:''}, message, 'hashtext');
  1408. 		script.fns.set("autoClean", ac);
  1409. 		$('#toggle_autoclean_box').prop('checked', ac);
  1410. 	},
  1411. 	
  1412. 	checkEmote: function(message) {
  1413. 		var doCheck = script.fns.get("useEmotes");
  1414. 		if (doCheck) {
  1415. 			var a,b,c,d,e;
  1416. 			a = b = c = d = e = 0;
  1417. 			while (a < message.length && a >= 0 && e < 4) {
  1418. 				var checked = false;
  1419. 				d++;
  1420. 				a = message.indexOf(':', a);
  1421. 				b = message.indexOf(':', a + 1);
  1422. 				var f = message.slice(a, b + 1);
  1423. 				if ($codes[f.slice(1, -1).toLowerCase()] != undefined || f.slice(1, -1)[0] === '#') {
  1424.  
  1425. 					if (f.slice(1, -1)[0] === '#') {
  1426. 						if (script.fns.testHexColor(f.slice(1, -1))) {
  1427. 							var colorNode = "</span><span style='color: " + f.slice(1, -1) + "'>";
  1428. 							message = message.replace(f, colorNode);
  1429. 							c = colorNode.length;
  1430. 							checked = true;
  1431. 							e += 0.5;
  1432. 						}
  1433. 					}
  1434. 					if (!checked) {
  1435. 						var emote = f.slice(1, -1).toLowerCase();
  1436. 						if ($codes[emote] !== undefined)
  1437. 							c = $codes[emote].length;
  1438. 						else
  1439. 							return message;
  1440. 						message = message.replace(f, $codes[emote]);
  1441. 						if (script.$colorcodes[emote] !== undefined || script.$fontcodes[emote] !== undefined || emote == "fast" || emote == "spin") e += 0.5;
  1442. 						else e++;
  1443. 					}
  1444. 					
  1445. 						if (c < f.slice(1, -1).length) {
  1446. 							a = message.indexOf(f.slice(1, -1));
  1447. 						} else {
  1448. 							a += c;
  1449. 						}
  1450. 						
  1451. 				} else if ($codes[f.slice(1, -1).toLowerCase()] === undefined) {
  1452. 					a = b;
  1453. 				} else if (d >= 10) {
  1454. 					break;
  1455. 				}
  1456. 			}
  1457. 		}
  1458. 		return message;
  1459. 	},
  1460. 	cleanFast: function() {
  1461. 		var m = $('#chat_messages.chat-messages .message marquee');
  1462. 		if (!m.length)
  1463. 			script.fastmsgs = 0;
  1464. 		
  1465. 		if (script.fastmsgs > script.MAXFAST) {
  1466. 			for (var i = 0; i < m.length, script.fastmsgs > script.MAXFAST; i++) {
  1467. 				m.eq(i)[0].outerHTML = m.eq(i)[0].innerHTML;
  1468. 				script.fastmsgs -= 1;
  1469. 			}
  1470. 		}
  1471. 	},
  1472. 	
  1473. 	backgroundTimer: function(time, state, image) {
  1474. 		sdbg.log('backgroundTimer called ('+time+', '+state+', '+image+')');
  1475. 		if (state == true) {
  1476. 			if (room.video.video.currentTime() < time) {
  1477. 				script.bgTimeout = setTimeout(function() {
  1478. 					script.fns.backgroundTimer(time, script.bgtimer, image);
  1479. 				}, 1000);
  1480. 			} else {
  1481. 				script.bgtimer = false;
  1482. 				$('.video-image-header').remove();
  1483. 				$('head').append('<style class="video-image-header">.dim {background-image: url("'+image+'")!important}</style>');
  1484. 			}
  1485. 		}
  1486. 	},
  1487. 	
  1488. 	handleMessage: function(msg) { //Looked at Zod-'s ModSpy plugin for some ideas
  1489. 	//https://greasyfork.org/en/scripts/5962/code
  1490. 		var valid = [
  1491. 			"cleaned the playlist.",
  1492. 			"created a poll.",
  1493. 			"moved a video.",
  1494. 			"removed a video.",
  1495. 			"has unbanned a user.",
  1496. 			"has kicked a user.",
  1497. 			"has banned a user.",
  1498. 			"leaverbanned a user.",
  1499. 			"paused the video.",
  1500. 			"resumed the video.",
  1501. 			"used next.",
  1502. 			"seekedto.",
  1503. 			"modified skip ratio.",
  1504. 			"has purged videos.",
  1505. 			"changed the MOTD.",
  1506.             "shuffled the playlist.",
  1507. 		];
  1508. 		var log = msg.split(" ");
  1509. 		var user = '<span class="modName">' + log[0] + '</span>';
  1510. 		var output = msg;
  1511. 		log[0] = '';
  1512. 		
  1513. 		if (log.length == 5 && log[1]+" "+log[2]+" "+log[4] == "has purged videos.") {
  1514. 			otheruser = log[3];
  1515. 			log = "has purged videos.";
  1516. 		} else {
  1517. 			log = log.join(" ").trim();
  1518. 		}
  1519. 		
  1520. 		if (valid.indexOf(log) > -1) {
  1521. 			script.last.modAction = log;
  1522. 			if (script.fns.get("logToChat")) {
  1523. 				if (log == "moved a video.") {
  1524. 					try {
  1525. 						var movedVideo = script.last.movedVideo;
  1526. 						var title = movedVideo[0].title;
  1527. 						if (title.length > 80)
  1528. 							title = title.substring(0,80) + "...";
  1529. 						output = user + " moved " + title + " via " + movedVideo[0].addedby + " to " + movedVideo[1];
  1530. 					} catch (e) {
  1531. 						console.error("nothing in script.last.movedVideo");
  1532. 					}
  1533. 				} else if (log == "has purged videos.") {
  1534. 					try {
  1535. 						output = user+" has purged "+otheruser+" videos.";
  1536. 					} catch (e) {
  1537. 						console.error(e.message);
  1538. 					}
  1539. 				} else if (log == "removed a video.") {
  1540. 					try {
  1541. 						var removedVideo = script.last.removedVideo;
  1542. 						var info = {info: removedVideo};
  1543. 						output = user + " removed <a href='" + room.playlist.url(info) + "' target='_blank'>a video</a>.";
  1544. 					} catch (e) {
  1545. 						console.error("nothing in script.last.removedVideo");
  1546. 					}
  1547. 				} else if (log == "has kicked a user.") {
  1548. 					script.kickedUser = [true, user];
  1549. 					return;
  1550. 				} else if (log == "has banned a user.") {
  1551. 					script.bannedUser = [true, user];
  1552. 					return;
  1553. 				} else if (log == "cleaned the playlist.") {
  1554. 					output = user + " cleaned the playlist.";
  1555. 				} else {
  1556. 					output = user + " " + log;
  1557. 				}
  1558. 				room.addMessage({username:'%modAction'},output,"chat-modAction");
  1559. 			}
  1560. 		}
  1561. 	},
  1562. 	
  1563. 	cleanSpin: function() {
  1564. 		var m = $('#chat_messages.chat-messages .message .spinnew');
  1565. 		if (!m.length)
  1566. 			script.spinmsgs = 0;
  1567. 		
  1568. 		if (script.spinmsgs > script.MAXSPIN) {
  1569. 			for (var i = 0; i < m.length, script.spinmsgs > script.MAXSPIN; i++) {
  1570. 				m.eq(i)[0].outerHTML = m.eq(i)[0].innerHTML;
  1571. 				script.spinmsgs -= 1;
  1572. 			}
  1573. 		}
  1574. 	},
  1575. 	
  1576. 	viewHistory: function(vids) {
  1577. 		var icon = '',
  1578. 			host = '',
  1579. 			thumb = '',
  1580. 			title = '',
  1581. 			id = '',
  1582. 			provider = '',
  1583. 			recentHTML = '',
  1584. 			info,
  1585. 			duration,
  1586. 			addedby = '';
  1587. 		var key = {
  1588. 			'youtube': {icon: 'http://i.imgur.com/KpOgg0D.png', host: 'http://youtube.com/watch?v='},
  1589. 			'vimeo': {icon: 'http://i.imgur.com/TOogvwC.png', host: 'http://vimeo.com/'},
  1590. 			'dailymotion': {icon: 'http://i.imgur.com/n7HR2hF.png', host: 'http://dailymotion.com/video/'},
  1591. 			'twitch': {icon: 'http://i.imgur.com/0jO0wYz.png', host: 'http://twitch.tv/'},
  1592. 		}
  1593. 		$('#recent_list').empty();
  1594. 		try {
  1595. 			for (var i = vids.length - 1; i > -1; i--) {
  1596. 				info = vids[i].info;
  1597. 				provider = info.provider;
  1598. 				id = provider === 'twitch' ? info.channel : info.id;
  1599. 				thumb = info.thumbnail;
  1600. 				if (provider in key) {
  1601. 					icon = key[provider].icon;
  1602. 					host = key[provider].host;
  1603. 				}
  1604. 				title = vids[i].title;
  1605. 				if (title.length > 100)
  1606. 					title = title.slice(0,100) + '...';
  1607. 				addedby = vids[i].addedby;
  1608. 				duration = utils.secondsToTime(vids[i].duration);
  1609. 				recentHTML += '<li class="search-result" title="' + title + '"><a href="' + host + id + '" target="_blank"><span class="video-thumb"><img class="video-thumbnail" src="' + thumb + '"><img class="video-icon" src="' + icon + '"><span class="video-time">' + duration + '</span></span><span class="video-title">' + title + '</span><span class="video-uploader">added by <b><span id="vidUploader">' + addedby + '</span></b></a></li>';
  1610. 			}
  1611. 		} catch (e) {
  1612. 			recentHTML = "<span>No videos.</span>";
  1613. 		}
  1614. 			$('#recent_list').append(recentHTML);
  1615. 	},
  1616. 	
  1617. 	bumpUser: function(user, bumpTo) {
  1618. 		if (room.user.isMod) {
  1619. 			var a = false,
  1620. 				c = [],
  1621. 				b = '',
  1622. 				d = '',
  1623. 				e = bumpTo,
  1624. 				pl = room.playlist.videos,
  1625. 				users = room.userlist.users;
  1626. 				
  1627. 			e = (e > 0) ? e - 1 : $('#playlist.playlist li.active').index() + 1;
  1628. 			
  1629. 			e = parseInt(e);
  1630. 			
  1631. 			if (isNaN(e) || e >= pl.length) {
  1632. 				d = 'Invalid playlist position.';
  1633. 			} else {
  1634. 				if (user !== '\\r') {
  1635. 					for (var i = 0; i < users.length; i++) {
  1636. 						if (users[i].username.toLowerCase().indexOf(user) == 0 && users[i].loggedin) {
  1637. 							c.push(users[i].username);
  1638. 						}
  1639. 					}
  1640. 					if (c.length > 1) {
  1641. 						d = 'Multiple users found. Be more specific.';
  1642. 					} else if (c.length == 0) {
  1643. 						d = 'No users found.';
  1644. 					} else if (c.length == 1) {
  1645. 						b = c[0];
  1646. 						for (var l = pl.length - 1; l > -1; l--) {
  1647. 							if (pl[l].addedby.toLowerCase() == b.toLowerCase()) {
  1648. 								a = true;
  1649. 								room.sendcmd('move', {
  1650. 									info: pl[l].info,
  1651. 									position: e
  1652. 								});
  1653. 								break;
  1654. 							}
  1655. 						}
  1656. 						d = a ? 'Bumped ' + b + '.' : 'No videos found.';
  1657. 					}
  1658. 				} else {
  1659. 					f = Math.ceil(Math.random() * playlist.length) - 1;
  1660. 					if (f == $('#playlist.playlist li.active').index()) {
  1661. 						f++;
  1662. 					}
  1663. 					if (f > pl.length - 1) {
  1664. 						d = 'Playlist too small.';
  1665. 					} else {
  1666. 						room.sendcmd('move', {
  1667. 							info: pl[f].info,
  1668. 							position: e
  1669. 						});
  1670. 						d = 'Random video (' + f + ') bumped.';
  1671. 					}
  1672. 				}
  1673. 			}
  1674. 		} else {
  1675. 			d = 'You cannot use this command.';
  1676. 		}
  1677. 		room.addMessage({username:""}, '<span style="color: red; font-style: none; font-weight:bold">$bump: </span>' + d + '</span></div>', 'system');
  1678. 	},
  1679. 	
  1680. 	initializeSettings: function() {
  1681. 		var get = script.fns.get;
  1682. 		var set = script.fns.set;
  1683. 		for (var i in script.settings) {
  1684. 			sdbg.log("checking settings: " + i);
  1685. 			var val = get(i);
  1686. 			// i = key, val = key's value
  1687. 			if (i == room.roomName.toLowerCase() + ".recentVideos") {
  1688. 				if (typeof($.parseJSON(val)) !== "object" || val == null || val == 'null') {
  1689. 					sdbg.log("└ initializing " + i);
  1690. 					set(room.roomName.toLowerCase() + ".recentVideos", "[]");
  1691. 				}
  1692. 			} else if (i == "cssSettings") {
  1693. 				if (typeof($.parseJSON(val)) !== "object" || val == null || val == 'null') {
  1694. 					sdbg.log("└ initializing " + i);
  1695. 					set("cssSettings", JSON.stringify(script.colorSettings));
  1696. 				}
  1697. 			} else if (i == "currentCSS") {
  1698. 				if (script.cssLinks[val] === undefined) {
  1699. 					sdbg.log("└ initializing " + i);
  1700. 					set(i, script.settings[i]);
  1701. 				}
  1702. 			} else if (i == "lastVersion") {
  1703. 				if (val !== script.version || val == "null") {
  1704. 					sdbg.log("└ initializing " + i);
  1705. 					set(i, script.version);
  1706. 					room.addMessage({username:''}, "<span style='color: #09C073; font-weight: bold'>Script updated to v" + script.version + "!</span>", "system");
  1707. 					if (!$('#chat_tab_changelog').hasClass('tab_updated-glow'))
  1708. 						$('#chat_tab_changelog').addClass('tab_updated-glow');
  1709. 				}
  1710. 			} else if (i == "showSpin") {
  1711. 				set("showSpin", "false");
  1712. 			} else if (typeof(val) !== typeof($.parseJSON(script.settings[i])) || val == "null") {
  1713. 				sdbg.log("└ initializing " + i);
  1714. 				set(i, script.settings[i]);
  1715. 			}
  1716. 		}
  1717. 		
  1718. 		if (isNaN(parseInt(get("marqueeSpeed"))))
  1719. 			set("marqueeSpeed", script.settings["marqueeSpeed"]);
  1720. 		script.marqueeSpeed = parseInt(get("marqueeSpeed"));
  1721. 		
  1722. 		if (get("showFast"))
  1723. 			$codes['fast'] = '<marquee direction="right" scrollamount="' + get("marqueeSpeed") + '">';
  1724. 		if (get("showSpin"))
  1725. 			$codes['spin'] = '<span class="spinnew">';
  1726. 	},
  1727. 	
  1728. 	setCustomLayout: function(layoutName) {
  1729. 		var css = script.cssLinks;
  1730. 		if (css[layoutName] === undefined)
  1731. 			return;
  1732. 		if (css !== "none") {
  1733. 			if ($('.customLayout').href !== css[layoutName][2]) {
  1734. 				$('.customLayout').remove();
  1735. 				$('head').append('<link href="' + css[layoutName][2] + '" type="text/css" rel="stylesheet" class="customLayout">');
  1736. 			}
  1737. 		} else {
  1738. 			$('.customLayout').remove();
  1739. 		}
  1740. 		if (script.fns.get("currentCSS") !== layoutName) {
  1741. 			script.fns.set("currentCSS", layoutName);
  1742. 			$('#css-' + layoutName).prop('checked', true);
  1743. 		}
  1744. 	},
  1745. 	
  1746. 	addLog: function(title, addedby) {
  1747. 		var cl = $('#chat_messages .chat-message');
  1748. 		if (typeof(title) !== "undefined")
  1749. 			if (title.length > 80)
  1750. 				title = title.slice(0, 80) + '...';
  1751. 		try {
  1752. 			if (cl.length) {
  1753. 				if ((!(/\: (Welcome to)/).test(cl[cl.length-1].textContent) && !(/\: (Connected)/).test(cl[cl.length-1].textContent)) && messages > 0) {
  1754. 					room.addMessage({username:'%addVideo'}, addedby + ' added ' + title, 'gm vid');
  1755. 				}
  1756. 			}
  1757. 		} catch (e) {
  1758. 			console.error(e.message);
  1759. 		}
  1760. 	},
  1761. 	
  1762. 	addTempEmote: function(name, url, w, h) {
  1763. 		var newEmote = {};
  1764. 		if (w == null || w == 'null')
  1765. 			w = '';
  1766. 		if (h == null || h == 'null')
  1767. 			h = '';
  1768. 		url = url.replace(/['"]/g, '');
  1769. 		w = w.replace(/['"]/g, '');
  1770. 		h = h.replace(/['"]/g, '');
  1771. 		var node = '<img src="' + url + '" width="' + w + '" height="' + h + '">';
  1772. 		newEmote[name] = node;
  1773. 		$.extend($codes, newEmote);
  1774. 	},
  1775. 	
  1776. 	initJSColor: function(a) {
  1777. 		$('.script-css-colors').remove();
  1778. 		
  1779. 		$('head').append( //i like to make ids/classes complex to decrease chances of conflicts
  1780. 			'<style id="h-pickerButtons" class="script-css-colors"></style>'+
  1781. 			'<style id="h-pickerHandles" class="script-css-colors"></style>'+
  1782. 			'<style id="h-pickerHandlesGlow" class="script-css-colors"></style>'+
  1783. 			'<style id="h-pickerButtonsHoverGlow" class="script-css-colors"></style>'+
  1784. 			'<style id="h-pickerProgress" class="script-css-colors"></style>'+
  1785. 			'<style id="h-pickerVolume" class="script-css-colors"></style>'+
  1786. 			'<style id="h-pickerText" class="script-css-colors"></style>'+
  1787. 			'<style id="h-pickerControlBar" class="script-css-colors"></style>'
  1788. 		);
  1789. 		
  1790. 		var css = $.parseJSON(script.fns.get("cssSettings"));
  1791. 		for (var i in css) {
  1792. 			if (i in script.colorSettings) {
  1793. 				document.getElementById(i).value = css[i];
  1794. 				script.fns.updateColor(i, css[i]);
  1795. 			}
  1796. 		}
  1797. 		
  1798. 		if (a) {
  1799. 			window.buttonPicker = new jscolor.color(document.getElementById('pickerButtons'), {pickerPosition:'right',pickerMode:'HVS'});
  1800. 			window.buttonGlowPicker = new jscolor.color(document.getElementById('pickerButtonsHoverGlow'), {pickerPosition:'right',pickerMode:'HVS'});
  1801. 			window.handlesPicker = new jscolor.color(document.getElementById('pickerHandles'), {pickerPosition:'right',pickerMode:'HVS'});
  1802. 			window.handleGlowPicker = new jscolor.color(document.getElementById('pickerHandlesGlow'), {pickerPosition:'right',pickerMode:'HVS'});
  1803. 			window.progressPicker = new jscolor.color(document.getElementById('pickerProgress'), {pickerPosition:'right',pickerMode:'HVS'});
  1804. 			window.volumePicker = new jscolor.color(document.getElementById('pickerVolume'), {pickerPosition:'right',pickerMode:'HVS'});
  1805. 			window.textPicker = new jscolor.color(document.getElementById('pickerText'), {pickerPosition:'right',pickerMode:'HVS'});
  1806. 			window.controlbarPicker = new jscolor.color(document.getElementById('pickerControlBar'), {pickerPosition:'right',pickerMode:'HVS'});
  1807. 		}
  1808. 	},
  1809. 	
  1810. 	setChecks: function() {
  1811. 		$('#marqueeinput').val(script.fns.get("marqueeSpeed"));
  1812. 		$('#toggle_showlogs_box').prop('checked', script.fns.get("showLogs"));
  1813. 		$('#toggle_fast_box').prop('checked', script.fns.get("showFast"));
  1814. 		$('#toggle_spin_box').prop('checked', script.fns.get("showSpin"));
  1815. 		$('#toggle_showroll_box').prop('checked', script.fns.get("showRoll"));
  1816. 		$('#toggle_showadd_box').prop('checked', script.fns.get("showAdd"));
  1817. 		$('#toggle_autoclean_box').prop('checked', script.fns.get("autoClean"));
  1818. 		$('#toggle_useemotes_box').prop('checked', script.fns.get("useEmotes"));
  1819. 		$('#toggle_navbar_box').prop('checked', script.fns.get("fixedNavbar"));
  1820. 		$('#toggle_logtochat_box').prop('checked', script.fns.get("logToChat"));
  1821. 		$('#css-' + script.fns.get("currentCSS")).prop('checked', true);
  1822. 		script.fns.get("showLogs") ? $('.logWrapper').show() : $('.logWrapper').hide();
  1823. 		
  1824. 		script.fns.get("fixedNavbar") ? $('.navbar-fixed-top, .navbar-fixed-bottom').css('position', 'fixed') : $('.navbar-fixed-top, .navbar-fixed-bottom').css('position', 'static');
  1825. 		
  1826. 		script.fns.setCustomLayout(script.fns.get("currentCSS"));
  1827. 	},
  1828. 	
  1829. 	load: function() {
  1830. 		if (!window.script.loaded) {
  1831. 			if (!window.script.preloaded) {
  1832. 				for (var i = 0; i < script.pretasks.length; i++) {
  1833. 					sdbg.log("Pre-connect Task "+i+" executing...");
  1834. 					script.pretasks[i]();
  1835. 					sdbg.log("╚ Pre-connect Task "+i+" executed!");
  1836. 				}
  1837. 				window.script.preloaded = true;
  1838. 			}
  1839. 			window.script.loaded = true;
  1840. 			room.roomName.toLowerCase() == "v4c" ? script.fns.setFavIcon('http://i.imgur.com/DmMh2O9.png') : script.fns.setFavIcon('/favicon.ico');
  1841. 			for (var i = 0; i < script.tasks.length; i++) {
  1842. 				sdbg.log("Task "+i+" executing...");
  1843. 				script.tasks[i]();
  1844. 				sdbg.log("╚ Task "+i+" executed!");
  1845. 			}
  1846. 			console.oldLog("Script loaded.");
  1847. 			var hello = '<span style="font-weight:bold; color:#045AA4">Loaded ' + script.version + '.';
  1848. 			if (script.debug)
  1849. 				hello += ' <span style="font-weight:bold; color:#7304A4">Debug to console ON.</span>';
  1850. 			hello += '</span>';
  1851. 			room.addMessage({username:""}, hello, 'system');
  1852. 			setTimeout(function() {
  1853. 				window.script.delayedTasks.push(script.fns.buildEmoteMenu);
  1854. 				for (var i = 0; i < script.delayedTasks.length; i++) {
  1855. 					sdbg.log("Delayed task "+i+" executing...");
  1856. 					script.delayedTasks[i]();
  1857. 					sdbg.log("╚ Delayed task "+i+" executed!");
  1858. 				}
  1859. 			}, 700);
  1860. 			sdbg.log("script.fns.load finished");
  1861. 		}
  1862. 	}
  1863.  
  1864. };
  1865.  
  1866. window.script.setCSS = function() {
  1867. 	$('.scriptBaseCSS').remove();
  1868. 	$('head').append('<link class="scriptBaseCSS" href="https://googledrive.com/host/0B2hdmKDeA0HDZ2IwRFRzaTV2dEU" rel="stylesheet" type="text/css">');
  1869. 	sdbg.log("Base CSS added to page header");
  1870. };
  1871.  
  1872. window.script.setHTML = function() {
  1873. 	if (!script.htmlIsSet) {
  1874. 		script.htmlIsSet = true;
  1875. 		script.fns.get("showLogs") ? $('.nav.navbar-nav.navbar-right').append('<div class="logWrapper"><div id="logs"></div></div>') : $('.nav.navbar-nav.navbar-right').append('<div class="logWrapper" style="display:none"><div id="logs"></div></div>');
  1876. 		
  1877. 		if (script.fns.get("fixedNavbar") == false)
  1878. 			$('.navbar-fixed-top, .navbar-fixed-bottom').css('position', 'static');
  1879. 		var addvideobtn = $('#add_video_btn').detach();
  1880. 		$('.add-video').replaceWith($('#add_video_url').detach());
  1881. 		$(addvideobtn).insertAfter($('#add_video_url'));
  1882. 		$('.row.room-component-row').prepend('<div id="media-title"><div id="vidTitle" class="title"><div class="via"></div></div></div>');
  1883. 		$('.nav.navbar-nav.navbar-right').append('<div class="newUpdate" style="display:none"><a href="https://greasyfork.org/en/scripts/6366" target="_blank">New script update! Click here!</a></div>');
  1884. 		$('.nav.navbar-nav.navbar-right').prepend('<div id="gmtClock"></div>');
  1885. 		$('.video-controls .tab-content').append('<div class="tab-pane" id="tabs_playlist_emotes"><div class="pl-tab_header">Emote List</div><div id="emote_list"></div></div>');
  1886. 		$('.video-controls .tab-content').append('<div class="tab-pane" id="tabs_playlist_recent"><div class="pl-tab_header">Recent Videos - ' + room.roomName + '</div><div id="recent_list"></div></div>');
  1887. 		$('.video-controls .tab-content').append('<div class="tab-pane" id="tabs_playlist_cssmenu"><div id="layout_list"><div class="pl-tab_header">Custom Layouts</div></div></div>');
  1888. 		$('<li><a class="active_tooltip" title="Emote Menu" data-original-title="Emote Menu" href="#tabs_playlist_emotes" data-toggle="tab" rel="tooltip" data-placement="bottom"><i class="fa" style="width: 12px;height: 14px;"><img src="https://i.imgur.com/vETtK.png" class="fa-ainsley"></i></a></li>').insertBefore('.video-controls .nav-tabs .skip-controls');
  1889. 		$('<li><a id="recentTab" title="Recent Videos" class="active_tooltip" data-original-title="Recent Videos" href="#tabs_playlist_recent" data-toggle="tab" rel="tooltip" data-placement="bottom"><i class="fa fa-clock"></i></a></li>').insertBefore('.video-controls .nav-tabs .skip-controls');
  1890. 		$('<li><a id="cssMenuTab" title="Layout Options" class="active_tooltip" data-original-title="Custom Layouts" href="#tabs_playlist_cssmenu" data-toggle="tab" rel="tooltip" data-placement="bottom"><i class="fa fa-paint-brush"></i></a></li>').insertBefore('.video-controls .nav-tabs .skip-controls');
  1891. 		$('#create_poll_modal .modal-footer').prepend('<button onclick="$(\'#create_poll_modal .modal-body .input-group input\').val(\'\');" id="clear_poll_options" type="button" class="btn btn-red btn-sm">Clear</button>');
  1892. 		$('<div class="curtain"><div id="curtainTop"></div><div id="curtainFloor"></div></div>').insertBefore('#media');
  1893. 		$('.video-controls .nav-tabs').append('<li class="curtainbutton"><i id="toggle_curtain" onclick="script.fns.adjustCurtain();return false;" class="fa fa-curtain active_tooltip" style="display: inline;"></i></li>');
  1894. 		$('.nav.nav-tabs.chat-tabs').append('<li><a id="chat_tab_changelog" class="active_tooltip" data-original-title="Changelog" href="#tabs_chat_changelog_content" data-toggle="tab" rel="tooltip" data-placement="top"><i class="fa fa-newspaper-o"></i></a></li>');
  1895. 		$('.tab-content.chat-tabs-content').append('<div class="tab-pane" id="tabs_chat_changelog_content"><div class="chat-tab_header">Changelog: v' + script.version + '</div><ul id="changelog_list"></ul></div>');
  1896. 		$('#tabs_playlist_settings .mod-control').append('<br /><div class="checkbox mod-control"><label class="active_tooltip"><input id="toggle_autoclean_box" type="checkbox" value="Autoclean">Autoclean</label></div>');
  1897. 		$('#tabs_chat_settings_content').append('<div class="checkbox"><label class="active_tooltip"><input id="toggle_showlogs_box" type="checkbox" value="ShowLogs">Show Join and Leave Logs</label></div>');
  1898. 		$('#tabs_chat_settings_content').append('<div class="checkbox"><label class="active_tooltip"><input id="toggle_useemotes_box" type="checkbox" value="UseEmotes">Show Emotes</label></div>');
  1899. 		$('#tabs_chat_settings_content').append('<div class="checkbox"><label class="active_tooltip"><input id="toggle_fast_box" type="checkbox" value="Fast">Use :fast: Emote</label></div>');
  1900. 		$('#tabs_chat_settings_content').append('<div class="checkbox"><label class="active_tooltip"><input id="toggle_spin_box" type="checkbox" value="Spin" disabled="disabled">Use :spin: Emote</label></div>');
  1901. 		$('#tabs_chat_settings_content').append('<div class="checkbox"><label class="active_tooltip"><input id="toggle_showadd_box" type="checkbox" value="AddMsgs">Show Video Add Messages in Chat</label></div>');
  1902. 		$('#tabs_chat_settings_content').append('<div class="checkbox"><label class="active_tooltip"><input id="toggle_showroll_box" type="checkbox" value="ShowRoll">Show $roll/$8ball Results in Chat</label></div>');
  1903. 		$('#tabs_chat_settings_content').append('<div class="checkbox"><label class="active_tooltip"><input id="toggle_navbar_box" type="checkbox" value="FixedNavbar">Fixed Navbar</label></div>');
  1904. 		$('#tabs_chat_settings_content').append('<div class="checkbox"><label class="active_tooltip"><input id="toggle_logtochat_box" type="checkbox" value="LogToChat">Show Moderator Actions in Chat</label></div>');
  1905. 		$('#tabs_chat_settings_content').append('<div class="fastspeedbox"><label class="active_tooltip"><input id="marqueeinput" style="color:black" size="3" type="text" max="999" maxlength="3" onkeyup="script.fns.setFast($(this).val());return false;"> :fast: Scroll Speed <span style="color: #c00">(max 999)</span></label></div>');
  1906. 		$('#tabs_chat_settings_content').append('<button id="resetsettings_btn" class="btn btn-xs btn-red">Reset Script Preferences</button>');
  1907. 		$('<div id="create-poll" style="display: none"><input class="form-control" id="title" placeholder="Title"><div id="options_list"><input class="form-control create-poll-option" placeholder="Option"><input class="form-control create-poll-option" placeholder="Option"><input class="form-control create-poll-option" placeholder="Option"></div><button id="submit-poll" class="btn btn-xs btn-primary">Create</button><button id="add-option" class="btn btn-xs btn-default">Add Option</button><button id="clear-fields" class="btn btn-xs btn-red">Clear All Fields</button><button id="close-poll" class="btn btn-xs btn-default">Close</button></div><div style="clear: both;"></div>').insertBefore('#poll_column');
  1908. 		$('<button id="export_playlist" class="btn btn-xs btn-default" style="margin-left: 4px">Export Playlist (pop-up)</button>').insertAfter($('#disable_player'));
  1909. 		/*$('#tabs_playlist_settings').append('<div class="recentmaxbox"><label class="active_tooltip"><input id="recentsinput" size="3" type="text" max="999" maxlength="3" onkeyup="script.fns.set("maxRecents", $(this).val());return false;"> Maximum Recent Videos <span style="color: #c00">(max 999)</span></label></div>');
  1910. 		$('#recentsinput').val(script.fns.get("maxRecents"));*/
  1911. 		
  1912. 		for (var i in script.cssLinks) {
  1913. 			var html = '<div class="radio"><label class="active_tooltip"><input data-css-name="' + i + '" id="css-' + i + '" type="radio" name="customcss" onclick="script.fns.setCustomLayout($(this).attr(\'data-css-name\'));">' + script.cssLinks[i][0] + '<span class="author">' + script.cssLinks[i][1] + '</span></label></div>';
  1914. 			$('#layout_list').append(html);
  1915. 		}
  1916. 		
  1917. 		
  1918. 		$('#tabs_playlist_cssmenu #layout_list').append('<div class="pl-tab_header">Colors</div></div>');
  1919. 		
  1920. 		$('#tabs_playlist_cssmenu #layout_list').append(
  1921. 			'<div class="css-picker">Player Button Color #<input id="pickerButtons" size="6" value="CCCCCC" onchange="script.fns.updateColor(\'pickerButtons\', $(this).val())"></div>'+
  1922. 			'<div class="css-picker"> └ Hover Glow Color #<input id="pickerButtonsHoverGlow" size="6" value="FFFFFF" onchange="script.fns.updateColor(\'pickerButtonsHoverGlow\', $(this).val())"></div>'+
  1923. 			'<div class="css-picker">Slider Handle Color #<input id="pickerHandles" size="6" value="CCCCCC" onchange="script.fns.updateColor(\'pickerHandles\', $(this).val())"></div>'+
  1924. 			'<div class="css-picker"> └ Glow Color #<input id="pickerHandlesGlow" size="6" value="FFFFFF" onchange="script.fns.updateColor(\'pickerHandlesGlow\', $(this).val())"></div>'+
  1925. 			'<div class="css-picker">Progress Bar Color #<input id="pickerProgress" size="6" value="66A8CC" onchange="script.fns.updateColor(\'pickerProgress\', $(this).val())"></div>'+
  1926. 			'<div class="css-picker">Volume Bar Color #<input id="pickerVolume" size="6" value="66A8CC" onchange="script.fns.updateColor(\'pickerVolume\', $(this).val())"></div>'+
  1927. 			'<div class="css-picker">Player Text Color #<input id="pickerText" size="6" value="CCCCCC" onchange="script.fns.updateColor(\'pickerText\', $(this).val())"></div>'+
  1928. 			'<div class="css-picker">Player Control Bar Color #<input id="pickerControlBar" size="6" value="07141E" onchange="script.fns.updateColor(\'pickerControlBar\', $(this).val())"></div>'+
  1929. 			'<div class="css-picker"> └ Opacity <input id="pickerControlBarOpacity" size="3" value="70" type="number" style="color: black" min="0" max="100" maxlength="3" onchange="script.fns.updateColor(\'pickerControlBar\', $(\'#pickerControlBar\').val())">% (buggy, may have to change on refresh/reset)</div>'+
  1930. 			'<button id="resetcolor_btn" class="btn btn-xs btn-red">Reset Color Settings</button>'
  1931. 		);
  1932. 		
  1933. 		script.fns.initJSColor(true);
  1934. 		
  1935. 		$('#changelog_list').append(script.changelog);
  1936. 		
  1937. 	}
  1938. };
  1939.  
  1940. window.script.pretasks = [script.overwriteFunctions, script.setCSS]; //run before main tasks
  1941. window.script.tasks = [script.setHTML, script.setListeners, script.fns.gmtClock]; //main tasks
  1942. window.script.delayedTasks = [script.fns.initializeSettings, script.fns.setChecks, script.fns.buildEmotes]; //delayed by 700ms after main tasks
  1943.  
  1944. $(function() {
  1945. 	if (!window.script.loaded) script.fns.load();
  1946. });