☰

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-05-01 提交的版本。查看 最新版本。

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