first commit in a while

1 files changed, 694 insertions, 0 deletions

diff --git a/frontend/static/js/src/main.js b/frontend/static/js/src/main.js
new file mode 100644
index 0000000..993c494
--- /dev/null
+++ b/frontend/static/js/src/main.js
@@ -0,0 +1,694 @@
+var Keyboard =
+	{
+	enter: false,
+	enteredText: false,
+	altMode: false,
+	focusTextarea: function ()
+		{
+		// $("#chat").append("TEXTAREA FOCUS")
+		$(window).unbind("keydown")
+		$("#chat-message").unbind("keydown").bind("keydown", Keyboard.textareaMap)
+		$("#chat-message").unbind("focus").focus().bind("focus", Keyboard.focusTextarea)
+		Search.close ()
+		if ($("#chat-message").val().length === 0)
+			Keyboard.enteredText = false
+		},
+	blurTextarea: function ()
+		{
+		// $("#chat").append("TEXTAREA BLUR")
+		$(window).unbind("keydown")
+		if (Viewport.fullscreenMode && Viewport.fullscreenInterface)
+			$(window).bind("keydown", Keyboard.fullscreenInterfaceMap)
+		else if (Viewport.fullscreenMode)
+			$(window).bind("keydown", Keyboard.fullscreenMap)
+		else
+			$(window).bind("keydown", Keyboard.standardMap)
+		$("#chat-message").unbind("keydown")
+		},
+	textareaMap: function (event)
+		{
+		var kc = event.keyCode
+		if (kc === 8)
+			{
+			var v = $("#chat-message").val()
+			if (v.length < 2)
+				Keyboard.enteredText = false
+			return true
+			}
+		if (kc === 13)
+			{
+			Keyboard.enteredText = false
+			if (Keyboard.enter)
+				Keyboard.enter()
+			if (Chat.callback)
+				{
+				Chat.callback(1)
+				}
+			return false
+			}
+		if (kc === 27)
+			{
+			Menu.close()
+			if (Viewport.fullscreenMode && Viewport.fullscreenInterface)
+				Viewport.fullscreenHideInterface()
+			else if (Viewport.fullscreenMode)
+				Viewport.fullscreenOff()
+			else
+				Viewport.fullscreenOn()
+			return false
+			}
+		if (! Keyboard.enteredText)
+			{
+			if (kc === 37)
+				{
+				Player.playPrev()
+				return
+				}
+			else if (kc === 39)
+				{
+				Player.playNext()
+				return
+				}
+			}
+		if (kc === 33)
+			return d.pageUp("#chat")
+		if (kc === 34)
+			return d.pageDown("#chat")
+		Keyboard.enteredText = true
+		return true
+		},
+	standardMap: function (event)
+		{
+		kc = event.keyCode
+		if (kc === 91)
+			{
+			Keyboard.altMode = true
+			return true
+			}
+		else if (kc === 27) // && Room.loaded)
+			{
+			Menu.close()
+			Viewport.fullscreenOn()
+			return false
+			}
+		else if (! Menu.isOpen)
+			{
+			if (kc === 37 || kc === 177)
+				Player.playPrev()
+			else if (kc === 39 || kc === 176)
+				Player.playNext()
+			else if (kc === 32 || kc === 179)
+				Player.pause()
+			else if (! Keyboard.altMode && kc === 76)
+				Player.likeClick()
+			}
+		Keyboard.altMode = false
+		return true
+		},
+	fullscreenInterfaceMap: function (event)
+		{
+		kc = event.keyCode
+		if (kc === 27)
+			Viewport.fullscreenHideInterface()
+		if (kc === 33)
+			d.pageUp("#chat")
+		if (kc === 34)
+			d.pageDown("#chat")
+		if (kc === 32 || kc === 179)
+			Player.pause()
+		if (kc === 37 || kc === 177)
+			Player.playPrev()
+		else if (kc === 39 || kc === 176)
+			Player.playNext()
+		if (! Keyboardndow).bind("resize", Viewport.standardResize)
+    $("#chat").bind("mouseover", Viewport.chatMouseOver)
+    $("#chat").bind("mouseout", Viewport.chatMouseLaave)
+    $("#bg,#logo,#logobg,#form,#formbg,#chat,#chatbg,#playlist,#playlistbg,#lastlogbox,#lastlogbg,#sitez,#controls").show()
+    $("#controls").css("position", "absolute")
+    $("#controls").css("min-width", "auto").css('top','auto').css('bottom', 'auto').css('left','auto').css('right','auto')
+    $("#fullscreen").unbind("click")
+    $("#fullscreen").bind("click", Main.fullscreenOn)
+    $("#video-title").removeClass("fullscreen")
+    $("#chat,#playlist").removeClass("fullscreen")
+    $("#controls").css("padding", 0)
+    Viewport.standardResize()
+    setTimeout('d.scrollToBottom("#chat")', 500)
+    Keyboard.focusTextarea()
+    Viewport.fullscreenMode = false
+    clearInterval(Viewport.fule")
+    $(window).bind("resize", Viewport.standardResize)
+    $("#chat").bind("mouseover", Viewport.chatMouseOver)
+    $("#chat").bind("mouseout", Viewport.chatMouseLaave)
+    $("#bg,#logo,#logobg,#form,#formbg,#chat,#chatbg,#playlist,#playlistbg,#lastlogbox,#lastlogbg,#sitez,#controls").show()
+    $("#controls").css("position", "absolute")
+    $("#controls").css("min-width", "auto").css('top','auto').css('bottom', 'auto').css('left','auto').css('right','auto')
+    $("#fullscreen").unbind("click")
+    $("#fullscreen").bind("click", Main.fullscreenOn)
+    $("#video-title").removeClass("fullscreen")
+    $("#chat,#playlist").removeClass("fullscreen")
+    $("#controls").css("padding", 0)
+    Viewport.standardResize()
+    setTimeout('d.scrollToBottom("#chat")', 500)
+    Keyboard.focusTextarea()
+    Viewport.fullscreenMode = false
+    clearInterval(Viewport.ful.altMode && kc === 76)
+			Player.likeClick()
+		return false
+		},
+	fullscreenMap: function (event)
+		{
+		kc = event.keyCode
+		if (kc === 27)
+			Viewport.fullscreenOff()
+		if (kc === 37 || kc === 177)
+			Player.playPrev()
+		if (kc === 39 || kc === 176)
+			Player.playNext()
+		if (kc === 32 || kc === 179)
+			Player.pause()
+		if (kc === 76)
+			Player.likeClick()
+		return false
+		}
+	}
+var Viewport =
+	{
+	focused: true,
+	fullscreenMode: false,
+	fullscreenInterface: false,
+	fullscreenFocusTimer: false,
+	fullscreenOn: function ()
+		{
+		var msg = $("#chat-message").val()
+		$(window).unbind("resize")
+		$(window).bind("resize", Viewport.fullscreenResize)
+		$("#chat").unbind("mouseover").unbind("mouseout")
+		$("#chat-message").focus()
+		Keyboard.focusTextarea()
+		$("#chat,#playlist").addClass("fullscreen")
+		$("#bg,#chatbg,#playlistbg,#playlist").hide()
+		$("#faqlink").hide()
+		$("#logobg").css("width",$("#logo").width()+60)
+		$("#like").show()
+		$("#controls").css("position", "fixed")
+		Menu.close ()
+		Search.close ()
+		$("#fullscreen").unbind("click")
+		$("#fullscreen").bind("click", Viewport.fullscreenOff)
+		$("#video-title").addClass("fullscreen")
+		Viewport.fullscreenInterface = true
+		Viewport.fullscreenMode = true
+		Viewport.fullscreenResize()
+		Viewport.chatMouseOut()
+		$("#chat-message").val(msg)
+		d.scrollToBottom("#chat")
+		},
+	fullscreenOff: function ()
+		{
+		$("#logobg").css("width","100%")
+		$(window).unbind("keydown")
+		// $(window).bind("keydown", Keyboard.standardMap)
+		$(window).unbind("resize")
+		$(window).bind("resize", Viewport.standardResize)
+		$("#chat").bind("mouseover", Viewport.chatMouseOver)
+		$("#chat").bind("mouseout", Viewport.chatMouseLaave)
+		$("#bg,#logo,#logobg,#form,#formbg,#chat,#chatbg,#playlist,#playlistbg,#lastlogbox,#lastlogbg,#sitez,#controls").show()
+		$("#controls").css("position", "absolute")
+		$("#controls").css("min-width", "auto").css('top','auto').css('bottom', 'auto').css('left','auto').css('right','auto')
+		$("#fullscreen").unbind("click")
+		$("#fullscreen").bind("click", Main.fullscreenOn)
+		$("#video-title").removeClass("fullscreen")
+		$("#chat,#playlist").removeClass("fullscreen")
+		$("#controls").css("padding", 0)
+		Viewport.standardResize()
+		setTimeout('d.scrollToBottom("#chat")', 500)
+		Keyboard.focusTextarea()
+		Viewport.fullscreenMode = false
+		clearInterval(Viewport.fullscreenFocusTimer)
+		Viewport.fullscreenFocusTimer = false
+		},
+	fullscreenHideInterface: function ()
+		{
+		Viewport.fullscreenInterface = false
+		Keyboard.blurTextarea()
+		$("#form,#formbg,#chat,#playlist,#lastlogbox,#lastlogbg,#sitez,#controls,#logo,#logobg").hide()
+		},
+	fullscreenResize: function ()
+		{
+		var w = $(window).width()
+		var h = $(window).height()
+		var fw = 4 * w / 7 - 40
+		var ph = h / 3 - 30
+		var ch = 2 * h / 3
+		var fh = 50
+		var clh = ch - fh - 50
+
+		var pw = w * 2 / 3 - 20
+
+		var chatwidth  = (4*w)/5 - 20
+
+		var chatheight = h-fh-5
+		var fbot = 20
+		var chatbot = Viewport.chatBottom
+
+		if (VideoChat.isOpen)
+			{
+			var vch = 150
+			$("#tokbox-embed").css("width", fw-20)
+			chatheight -= vch
+			chatbot += vch
+			fbot += vch
+			}
+
+		$("#player").css("top", -10).css("left", -10)
+		$("#screen,#ytscreen").css("width",w).css("height",h)
+
+		$("#chat").css("left", 0).css("bottom", chatbot).css("width", chatwidth).css("height", chatheight)
+		d.scrollToBottom("#chat")
+
+		var sendw = $("#chat-send").width()
+		var camw = $("#videochat-toggle").width()
+		$("#chat-message").css("width", fw-sendw-camw-50)
+		$("#form,#formbg").css("left", 0)
+		$("#form").css("bottom", fbot)
+		$("#form,#formbg").css("width", fw)
+
+		var controlsw = $("#controls").width()
+		var controlsoffset = ( w - fw - controlsw ) / 2
+		$("#controls").css({ "top": "auto", "bottom": fbot+2, "right": controlsoffset, "background": "black", "padding": 10, })
+
+		$("#lastlogbox,#lastlogbg").css("top", h/3).css("left", w*(7/8)-10)
+		$("#lastlogbg").css("height", $("#lastlogbox").height())
+		},
+	playerTop: 94,
+	chatWidth: 500,
+	chatBottom: 75,
+	formHeight: 50,
+	standardResize: function ()
+		{
+		var w = $(window).width()
+		var h = $(window).height()
+		var ytw = 1 * w / 2 - 90
+		if (ytw > 500)
+			ytw = 500
+		var yth = ytw * 9/ 16
+
+		var fh = Viewport.formHeight
+
+		var cw = w - ytw - 80
+		var ch = 2 * h / 3
+		var chatheight = h-fh-5
+		Viewport.chatWidth = cw
+
+		var pw = cw - 20
+		var ph = h / 3 - 30
+
+		var fbot = 20
+		var chatbot = Viewport.chatBottom
+
+		var clw = cw*3/4
+		var clh = ch - fh - 50
+
+		var llw = cw / 4 - 30
+		var llh = ch - fh - 30
+
+		var sendw = $("#chat-send").width()
+		var camw = $("#videochat-toggle").width()
+		$("#chat-message").css("width", pw-sendw-camw-30)
+
+		if (VideoChat.isOpen)
+			{
+			var vch = chatheight * 1 / 2
+			if (vch < 280)
+				vch = 280
+			$("#tokbox-embed").css({"width": cw+20, "height": vch})
+			$("#tokbox-embedded").css({"height": vch})
+			chatheight -= vch
+			chatbot += vch
+			fbot += vch
+			}
+
+		var msgw = 0
+		var buttonheight = $("#fullscreen").height()
+
+		$("#bg img").css("width", w)
+		$("#bg img").css("height", h)
+
+		$("#logo").css("left", 20)
+
+		if (retrograde)
+			{
+			// PLAYER ON LEFT
+			$("#player").css("left", 20)
+			$("#player").css("top", Viewport.playerTop)
+			$("#player").css("height", yth+buttonheight+20)
+			$("#player,#projector,#screen,#ytscreen").width(ytw)
+			$("#projector,#screen,#ytscreen").height(yth)
+			Player.width = ytw
+			Player.height = yth
+
+			$("#controls").css("top", yth+10+10)
+			var playerHeight = yth+buttonheight+Viewport.playerTop + 10
+
+			$("#playlist,#playlistbg").css("left", 20)
+			$("#playlist,#playlistbg").css("top", playerHeight+30)
+			$("#playlist,#playlistbg").css("width", ytw+19)
+			$("#playlist,#playlistbg,#queue").css("height", h-playerHeight-50)
+
+			$("#chat,#chatbg").css("left", 60+ytw)
+			$("#chat,#chatbg").css("bottom", chatbot)
+			$("#chat,#chatbg").css("width", cw)
+			$("#chat,#chatbg").css("height", chatheight)
+			// $("#chat").css("overflow-y", "scroll")
+			// $("#chat").css("overflow-x", "hidden")
+
+			$("#form,#formbg").css("left", 60+ytw)
+			$("#form,#formbg").css("bottom", fbot)
+			$("#form,#formbg").css("width", cw)
+			$("#form,#formbg").css("height", fh-15)
+			$("#formbg").css("opacity", 0.7)
+
+			$("#lastlogbox,#lastlogbg").css("top", 90)
+			$("#lastlogbox,#lastlogbg").css("left", ytw+60+clw)
+			$("#lastlogbox,#lastlogbg").css("width", llw)
+			$("#lastlogbox").css("max-height", (h-fh-70-40)*3/4)
+			$("#lastlogbox").css("overflow-y", "auto")
+			$("#lastlogbox").css("overflow-x", "hidden")
+
+			$("#likereport").css("bottom", 90)
+			$("#likereport").css("left", ytw+60+clw)
+			$("#likereport").css("width", llw-20)
+			$("#likereport").css("height", (h-fh-70-40)*1/4)
+
+			$("#msg").css("max-height", h-130)
+			}
+
+		else
+			{
+			// PLAYER ON RIGHT
+			$("#player").css("left", 40+pw+20)
+			$("#player").css("top", Viewport.playerTop)
+			$("#player").css("height", yth+buttonheight+20)
+			$("#player,#projector,#screen,#ytscreen").width(ytw)
+			$("#projector,#screen,#ytscreen").height(yth)
+
+			$("#controls").css("top", yth+10+10)
+			var playerHeight = yth+buttonheight+Viewport.playerTop+10
+
+			$("#playlist,#playlistbg").css("left", 40+pw+20)
+			$("#playlist,#playlistbg").css("top", playerHeight+30)
+			$("#playlist,#playlistbg").css("width", ytw+19)
+			$("#playlist,#playlistbg,#queue").css("height", h-playerHeight-50)
+
+			$("#chat,#chatbg").css("left", 0)
+			$("#chat,#chatbg").css("bottom", chatbot)
+			$("#chat,#chatbg").css("width", cw)
+			$("#chat,#chatbg").css("height", chatheight)
+			// $("#chat").css("overflow-y", "scroll")
+			// $("#chat").css("overflow-x", "hidden")
+
+			$("#plant").css("left", cw-300)
+
+			$("#form,#formbg").css("left", 0)
+			$("#form").css("bottom", fbot)
+			$("#form,#formbg").css("width", cw)
+			$("#form,#formbg").css("height", fh-15)
+			$("#formbg").css("opacity", 0.7)
+
+			$("#lastlogbox,#lastlogbg").css("top", 90)
+			$("#lastlogbox,#lastlogbg").css("left", 10+clw)
+			$("#lastlogbox,#lastlogbg").css("width", llw)
+			$("#lastlogbox").css("max-height", (h-fh-70-40)*3/4)
+			$("#lastlogbox").css("overflow-y", "auto")
+			$("#lastlogbox").css("overflow-x", "hidden")
+
+			var lrwidth = llw-20
+			if (lrwidth < 150) lrwidth = 150
+			$("#likereport").css("bottom", 90)
+			$("#likereport").css("left", cw-lrwidth-90)
+			$("#likereport").css("width", lrwidth)
+			$("#likereport").css("max-height", (h-fh-70-40)*1/4)
+
+			$("#msg").css("max-height", h-130)
+			}
+		$("#lastlogbg").css("height", $("#lastlogbox").height())
+		d.scrollToBottom("#chat")
+		},
+	scrollbarWidth: 16,
+	getScrollbarWidth: function ()
+		{
+		var initial = document.body.style.overflow
+		document.body.style.overflow = 'hidden';
+		var width = document.body.clientWidth;
+		document.body.style.overflow = 'scroll'
+		width -= document.body.clientWidth
+		if (! width)
+			width = document.body.offsetWidth - document.body.clientWidth
+		document.body.style.overflow = initial
+		return width
+		},
+	focus: function ()
+		{
+		d.warn("VIEWPORT FOCUS")
+		if (! Viewport.fullscreenMode || Viewport.fullscreenInterface)
+			Keyboard.focusTextarea()
+		document.body.tabIndex = 0
+		document.body.focus()
+		Viewport.focused = true
+		// Chat.delay = 1000
+		if (Like.pending)
+			Like.fire()
+		// Chat.delay = Chat.delayShort
+		},
+	blur: function ()
+		{
+		d.warn("VIEWPORT BLUR")
+		Viewport.focused = false
+		// Chat.delay = Chat.delayLong
+		},
+	chatMouseOver: function ()
+		{
+		$("#chat").css({"overflow-y": "scroll", "width": Viewport.chatWidth + Viewport.scrollbarWidth })
+		$("#chat").scrollTop( $("#chat").scrollTop() )
+		},
+	chatMouseOut: function ()
+		{
+		$("#chat").css({"overflow-y": "hidden", "width": Viewport.chatWidth})
+		},
+	init: function ()
+		{
+		Viewport.scrollbarWidth = Viewport.getScrollbarWidth ()
+		$("#chat").bind("mouseover", Viewport.chatMouseOver)
+		$("#chat").bind("mouseout", Viewport.chatMouseOut)
+		}
+	}
+var Background =
+	{
+	src: "http://scannerjammer.com/static/bgz/jupiteraurora.jpg",
+	srcReset: "http://scannerjammer.com/static/bgz/1302474305250-dumpfm-GucciSoFlosy-pattern4.gif",
+	load: function ()
+		{
+		$("#bg").show()
+		//setTimeout(function(){$("#bg img").attr("src", Background.src)}, 2000)
+		},
+	init: function ()
+		{
+		}
+	}
+var Include =
+	{
+	glitter: function ()
+		{
+		Room.ops = {}
+		$("body").append("<script type='text/javascript' src='/static/js/glitter.js'></script>")
+		$("body").append("<script type='text/javascript' src='/static/js/glitter-data.js'></script>")
+		d.enableStylesheet("glitter")
+		},
+	avatar: function ()
+		{
+		Room.ops = {}
+		$("body").append("<script type='text/javascript' src='/static/js/avatar-data.js'></script>")
+		$("body").append("<script type='text/javascript' src='/static/js/avatar.js'></script>")
+		d.enableStylesheet("avatar")
+		},
+	jonomilo: function ()
+		{
+		Room.ops = d.buildLookup(["daytimetelevision"])
+		d.enableStylesheet("white")
+		$("#heading").remove()
+		$("#topic").remove()
+		$("#likebutton").before("<h1 id='heading'></h1><h2 id='topic'></h2>")
+		Include.middleColumn ()
+		},
+	middleColumn: function ()
+		{
+		Chat.previousName = false
+		Chat.containsImage = function (s)
+			{
+			if (s.indexOf("http") === -1)
+				return false
+			var suffixes = ["jpg","jpeg","gif","png"]
+			for (var i = 0; i < suffixes.length; i++)
+				{
+				if (s.indexOf(suffixes[i]) !== -1)
+					{
+					// console.log(suffixes[i] + " " + s)
+					return true
+					}
+				}
+			return false
+			}
+		Chat.parse = function (row)
+			{
+			if (Chat.containsImage(row[3]))
+				{
+				var s = "<div class='chatimg'>"
+				s += "<span>"
+				s += Chat.parseWords(row[3])
+				s += "</span>"
+				s += "</div>"
+				return s
+				}
+			else
+				{
+				Chat.previousName = row[2]
+				var s = "<div class='chatline'>"
+				var domain = window.location.hostname.split('.').slice(-2).join('.')
+				s += '<a href="http://' + row[2] + "." + domain + '/" class="u">' + row[2] + "</a>"
+				s += "<span>"
+				s += Chat.parseWords(row[3])
+				s += "</span>"
+				s += "</div>"
+				return s
+				}
+			}
+		},
+	diornights: function ()
+		{
+		$("#logo").append("<h2 class='radio'><a href='http://diornights.com/radio/'>OPEN RADIO</a></h2>")
+		},
+	disaro: function ()
+		{
+		$("#logo").append("<h2 class='radio'><a href='/disaro/radio/'>OPEN RADIO</a></h2>")
+		},
+	sewergreats: function ()
+		{
+		$("#logo").append("<h2 class='radio'><a href='/sewergreats/radio/'>OPEN RADIO</a></h2>")
+		},
+	dump: function ()
+		{
+		Room.ops = d.buildLookup([""])
+		$("body").append("<script type='text/javascript' src='/js/dump.js'></script>")
+		},
+	yhvh: function ()
+		{
+		Room.ops = d.buildLookup(["greta"])
+		},
+/*
+	icons: function ()
+		{
+		$("#bg").html('<iframe style="border-width:0; height:100%; width:100%; background:#fff;" scrolling=no src="http://asdf.us/strobe"></iframe>');
+		},
+*/
+	feederbleeder: function ()
+		{
+		Room.ops = {}
+		$("#preamblewords").remove()
+		$("#topic").remove()
+		$("#heading").after("<h2 id='topic' class='preamblish'></h2>")
+		d.enableStylesheet("feederbleeder")
+		var oldsay = Chat.say
+		Chat.say = function ()
+			{
+			var msg = $("#chat-message").val()
+			if (msg.indexOf("http") !== -1)
+				{
+				$("#chat").append("<div class='modhello'>Sorry, only the Feederbleeder robot can post videos and images in this room. Please visit <a href='/'>another room</a> to post videos.</div>")
+				$("#chat-message").val("")
+				d.scrollToBottom("#chat")
+				}
+			else
+				{
+				oldsay ()
+				}
+			}
+		},
+	fred: function ()
+		{
+		Room.ops = d.buildLookup(["scannerjammer"])
+		},
+	frederick: function ()
+		{
+		Room.ops = d.buildLookup(["scannerjammer"])
+		d.enableStylesheet("frederick")
+		},
+	glasspopcorn: function ()
+		{
+		Room.ops = d.buildLookup(["glasspopcorn"])
+		setTimeout(VideoChat.toggle, 2000)
+		$("#plant img").attr("src", "/static/img/1309267681552dumpfmfrakbuddyglasscross_1310066105.gif")
+		$("#flower img").attr("src", "/static/img/1278131405573-dumpfm-glasspopcorn-sitmanpiano.gif")
+		$("#heading").remove()
+		$("#logo").append("<h2 class='radio'><a href='/glasspopcorn/radio/'>OPEN RADIO</a></h2>")
+		$("body").append("<div id='glasspopcornlogo'><img src='http://scannerjammer.com/static/img/glasspopcornheader.png' width='400'/></div>")
+		$("#preamblewords").html("Post GIFs and Soundclouds into the chat!<br/>Use arrow keys to switch videos<br/>Hit L key to LIKE<br/>Hit ESC to change modes")
+		Player.unregister("youtube")
+		Player.unregister("vimeo")
+		Player.unregister("audio")
+		},
+	sfvacid: function ()
+		{
+		// $("#logo").append("<h2 class='radio'><a href='/sfvacid/radio/'>OPEN RADIO</a></h2>")
+		},
+	main: function ()
+		{
+		Room.ops = false
+		$("#heading").remove()
+		$("#preamblewords").after("<h1>&nbsp;</h1>")
+		$("#topic").remove()
+		// Room.loadCallback = function ()
+		// 	{
+		// 	setTimeout(Viewport.fullscreenOn, 3000)
+		// 	}
+		// $("#likebutton").before("<h2 class='preamblish'>Post urls into the chat!<br/>Use arrow keys to switch videos</h2>")
+		}
+	}
+
+var Main =
+	{
+	init: function ()
+		{
+		d.warn("INIT MAIN")
+
+		if (roomName in Include)
+			{
+			Include[roomName]()
+			}
+
+		$(window).bind("focus", Viewport.focus)
+		$(window).bind("blur", Viewport.blur)
+		$(window).bind("resize", Viewport.standardResize)
+		$(window).bind("keydown", Keyboard.standardMap)
+		Viewport.standardResize()
+		Viewport.init()
+		Background.init()
+		$("#chat").append("<div id='shim'></div>")
+		Room.init()
+		if ( Auth.init() )
+			Room.connect()
+		else
+			Auth.load()
+		//document.write('<script async src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>')
+		if (window.location.pathname.split("/")[2] == "read")
+			{
+			API.URL.room.join = API.BASE_URL + "/api/room/view"
+			// API.URL.room.poll = API.BASE_URL + "/api/room/read"
+			d.enableStylesheet("tiny")
+			Viewport.playerTop = 20
+			Viewport.chatBottom = 20
+			Viewport.formHeight = 5
+			Player.mute()
+			}
+		}
+	}
+Main.init ()