var Keyboard =
	{
	altMode: false,
	fullscreenKeys: 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.toggle()
		if (kc === 76)
			Player.likeClick()
		return false
		},
	standardKeys: function (event)
		{
		kc = event.keyCode
		if (kc === 91)
			{
			Keyboard.altMode = true
			return true
			}
		if (kc === 27)
			{
			Viewport.fullscreenOn()
			return false
			}
		if (kc === 37 || kc === 177)
			{
			Player.playPrev()
			return false
			}
		else if (kc === 39 || kc === 176)
			{
			Player.playNext()
			return false
			}
		if (! Menu.isOpen && ! Keyboard.altMode && kc === 76)
			{
			Player.likeClick()
			return false
			}
		if (kc === 32 || kc === 179)
			{
			Player.toggle()
			return false
			}
		Keyboard.altMode = false
		return true
		}
	}
var Viewport =
	{
	fullscreenMode: false,
	fullscreenOn: function ()
		{
		$("#logo,#logobg,#sitez,#playlist,#playlistbg,#contact,#bg,#gif-container,#controls").hide()
		$("#settings-container").hide()
		$(window).unbind("resize")
		$(window).bind("resize", Viewport.fullscreenResize)
		$(window).unbind("keydown")
		$(window).bind("keydown", Keyboard.fullscreenKeys)
		// 1) HIDDEN
		// $("body").css("overflow-y", "hidden")
		d.scrollToTop("body")
		Viewport.fullscreenResize()
		Viewport.fullscreenMode = true
	//	$("#fullscreen").unbind("click")
	//	$("#fullscreen").bind("click", Viewport.fullscreenOff)
		$("#fullscreen-warning").show().fadeOut(3000)
		$("#video-title").addClass("fullscreen")
		},
	fullscreenResize: function ()
		{
		// 2) FIXED
		// $("#projector").css({ position: 'fixed', top: 0, left: 0, width: $(window).width(), height: $(window).height() })
		$("#player").css({ top: 0, left: 0, width: $(window).width(), height: $(window).height() })
		$("#screen,#ytscreen").css({ width: $(window).width(), height: $(window).height() })
		},
	fullscreenOff: function ()
		{
		$("#logo,#logobg,#sitez,#playlist,#playlistbg,#contact,#bg,#gif-container,#controls").show()
		// $("body").css("overflow-y", "scroll")
		$(window).unbind("resize")
		$(window).bind("resize", Viewport.standardResize)
		Viewport.standardResize()
		Viewport.fullscreenMode = false
		$(window).unbind("keydown")
		$(window).bind("keydown", Keyboard.standardKeys)
		$("#fullscreen").unbind("click")
		$("#fullscreen").bind("click", Viewport.fullscreenOn)
		$("#video-title").removeClass("fullscreen")
		},
	standardResize: function ()
		{
		var w = $(window).width()
		var h = $(window).height()
		var contact = w * 200 / 1425
		var ytw = (w-contact-40)*4/7
		var yth = ytw * 9/16
		var plw = (w-contact-40)*3/7

		$("#contact img").css("max-width", contact)
		var conheight = $("#controls").height()
		var contactheight = $("#contact").height() 
		var qheight = Math.max(yth+conheight+40, h - 94 - 60) // Math.max(yth+conheight+40, contactheight)

		$("#playlist").css("top", 94).css("left", contact+40)
		$("#playlist,#playlistbg").css("width", plw-20)
		$("#playlist,#playlistbg").css("height", qheight)
		$("#queue").css("height", qheight)
		var queuetop = $("#queue").offset().top
		$("#playlistbg").css("top", queuetop).css("left", contact+40)

		$("#contact").css("width", contact).css("top", 94).css("left", 20)

		$("#projector").css({ position: 'absolute', })
		$("#player").css("height", yth+conheight+10)
		$("#player").css("top", queuetop).css("left", plw+contact+40)
		$("#projector").css("left", 0)
		$("#player,#projector,#screen,#ytscreen").width(ytw-40)
		$("#projector,#screen,#ytscreen").height(yth)

		$("#controls").css({ position: 'absolute', top: yth+20, bottom: 'auto', right: 'auto', })

		$("#gif-container").css("top", qheight+30+134)
		},
	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
		}
	}
var Room =
	{
	load: function ()
		{
		Settings.open()
		}
	}
var Settings =
	{
	bio: "",
	data: {},
	eventSet: false,
	defaults:
		{
		avatar: "http://scannerjammer.com/static/img/runner.gif",
		bg: "http://scannerjammer.com/static/bgz/scannerjammer_cyberspace.jpg",
		},
	open: function ()
		{
		if (parseInt(Auth.userid) !== userProfile[0])
			return
		$("#settings-hook").show()
		$("#profile-avatar").val(Settings.data.avatar)
		$("#profile-bg").val(Settings.data.bg)
		$("#profile-bio").html(Settings.bio)
		if (! Profile.eventSet)
			{
			$("#profile-settings-save").bind("click", Settings.save)
			Profile.eventSet = true
			}
		},
	save: function ()
		{
		d.warn("saving profile")
		var avatar = d.sanitize( $("#profile-avatar").val() )
		Settings.data.avatar = avatar
		var bg = d.sanitize( $("#profile-bg").val() )
		Settings.data.bg = bg
		var bio = d.sanitizeWithNewlines( $("#profile-bio").val() )
		Settings.bio = bio
		Settings.load()
		var s = "avatar\t"+avatar+"\n"
		s += "bg\t"+bg+"\n"
		var data = {
			userid: userProfile[0],
			settings: s,
			bio: bio,
			session: Auth.session,
			}
		$.post(API.URL.user.settings, data).success(Settings.saveCallback).error(Settings.errorCallback)
		},
	errorCallback: function (raw)
		{
		},
	saveCallback: function (raw)
		{
		Menu.settings.close()
		},
	load: function ()
		{
		if (Settings.data.avatar.indexOf("http://") === 0)
			$(".avatar").attr("src", Settings.data.avatar).show()
		else
			$(".avatar").hide()
		if (Settings.data.bg.indexOf("http://") === 0)
			{
			$("#bg img").attr("src", Settings.data.bg)
			$("#bg").show()
			}
		else
			$("#bg").hide()
		var bio = ''
		if (! Settings.bio.length)
			{
			bio = "<img src='/static/img/playlist.gif' />"
			}
		var lines = d.trim( Settings.bio ).split("\n")
		for (i in lines)
			{
			if (lines[i].length === 0)
				continue
			var s = Chat.parseWords(lines[i])
			if (s.indexOf("<img") !== -1)
				bio += s
			else
				bio += "<p>"+s+"</p>"
			}
		$("#bio").html(bio)
		Settings.open()
		Viewport.standardResize()
		},
	init: function ()
		{
		if (userProfile[6]) // bio
			{
			Settings.bio = userProfile[6]
			}
		Settings.data = Settings.defaults
		if (userProfile[7]) // settings
		{
			var s = userProfile[7]
			for(i in s){
				Settings.data[i] = s[i]
			}
		}
		Settings.load()
		}
	}
function menu (key, loadCallback)
	{
	d.warn("MENU INIT "+key)
	this.show = function ()
		{
		if (! Menu.isOpen)
			{
			$("#"+key+"-container").show()
			Menu.current = key
			loadCallback()
			}
		}
	this.hide = function ()
		{
		if (! Menu.isOpen)
			$("#"+key+"-container").hide()
		}
	this.close = function ()
		{
		$("#"+key+"-container").hide()
		$(".opened").removeClass("opened")
		Menu.isOpen = false
		}
	this.click = function ()
		{
		for (i in Menu.keys)
			{
			$("#"+Menu.keys[i]+"-container").hide()
			}
		$("#"+key+"-container").show()
		if (Menu.current !== key)
			loadCallback()
		Menu.current = key
		$(".opened").removeClass("opened")
		$("#"+key+"-hook").addClass("opened")
		Menu.isOpen = true
		}
	$("#"+key+"-hook").hover(this.show, this.hide).click(this.click)
	$("#"+key+"-close").click(this.close)
	$("#"+key+"-container").hover(this.click, function(){})
	}
var Menu =
	{
	isOpen: false,
	current: false,
	keys: ["settings"],
	close: function ()
		{
		if (Menu.current)
			Menu[Menu.current].close()
		},
	settings: new menu("settings", Settings.open)
	}
var Profile =
	{
	mode: false,
	page: 0,
	pages: [],
	loadMore: function ()
		{
		var api = ""
		// console.log(Profile.mode)
		if (Profile.mode === "user")
			api = API.URL.user.videos
		else if (Profile.mode === "like")
			api = API.URL.user.likes
		else
			return
		var data =
			{
			user: userProfile[0],
			start: Player.videos[Player.queue[0]].date,
			}
		d.scrollToTop(window)
		$("#queueMore").unbind("click")
		$("#queue").html("<li id='queueLoading'>LOADING<br/><img src='/static/img/loading2.gif'/></li>")
		$.post(api, data).success(Profile.loadMoreCallback)
		},
	loadMoreCallback: function (raw)
		{
		var lines = API.parse("/user/load", raw)
                if (! lines) return
		if (lines[0].indexOf("0\t") === 0)
			return // console.log(lines.split("\t")[1])
		queue = []
		for (i in lines)
			{
			if(i == 0)
				continue
			if (lines[i].length < 2)
				continue
			line = lines[i].split("\t").slice(1);
			queue.push(line)
			}
		Profile.page += 1
		Profile.pages[Profile.page] = queue
		Profile.loadQueue(queue)
		$("#queue").prepend("<li id='queueLess'>Go Back</li>")
		$("#queueLess").unbind("click")
		$("#queueLess").bind("click", Profile.loadLess)
		if (queue.length < 50)
			$("#queue").append("<li id='queueDone'>That's all the videos!</li>")
		},
	loadLess: function ()
		{
		Profile.page -= 1
		Profile.loadQueue(Profile.pages[Profile.page])
		if (Profile.page !== 0)
			{
			$("#queue").prepend("<li id='queueLess'>Go Back</li>")
			$("#queueLess").unbind("click")
			$("#queueLess").bind("click", Profile.loadLess)
			return
			}
		},
	loadQueue: function (queue)
		{
		if (! queue || ! queue.length)
			return
		Player.clearQueue()
		$("#queueMore").unbind("click")
		$("#queue").html("")
		Playlist.enqueueOldVideoFormat(queue)
		d.scrollToTop("#queue")
		if (Profile.mode !== "top")
			{
			if (queue.length > 49)
				{
				$("#queue").append("<li id='queueMore'>Load More Videos</li>")
				$("#queueMore").bind("click", Profile.loadMore)
				}
			}
		},
	loadLikeQueue: function ()
		{
		if (Profile.mode === "like")
			return
		Profile.page = 0
		Profile.pages = [likeContentQueue]
		Profile.mode = "like"
		$(".mode").removeClass("mode")
		$("#likeQueue").addClass("mode")
		Profile.loadQueue(likeContentQueue)
		},
	loadTopQueue: function ()
		{
		if (Profile.mode === "top")
			return
		Profile.mode = "top"
		$(".mode").removeClass("mode")
		$("#topQueue").addClass("mode")
		Profile.loadQueue(topVideoQueue)
		},
	loadUserQueue: function ()
		{
		if (Profile.mode === "user")
			return
		Profile.page = 0
		Profile.pages = [userVideoQueue]
		Profile.mode = "user"
		$(".mode").removeClass("mode")
		$("#userQueue").addClass("mode")
		Profile.loadQueue(userVideoQueue)
		},
	loadImages: function ()
		{
		var lastDate = imageQueue[0][0]
		var bars = []
		var s = ""
	
		for (i in imageQueue)
			{
			img = imageQueue[i]
			if (img[0] !== lastDate)
				{
				bars.push('<div>'+s+'</div>')
				s = ""
				lastDate = img[0]
				}
			s += '<img src="'+img[1]+'"/>'
			}
		bars.push('<div>'+s+'</div>')
		$("#gifs").html(bars.join(""))
		},
	init: function ()
		{
		if (userVideoQueue && userVideoQueue.length && userVideoQueueTitle)
			{
			$("#queueLinks").append('<li id="userQueue">'+userVideoQueueTitle+'</li>')
			$("#userQueue").bind("click", Profile.loadUserQueue)
			}
		if (likeContentQueue && likeContentQueue.length && likeContentQueueTitle)
			{
			$("#queueLinks").append('<li id="likeQueue">'+likeContentQueueTitle+'</li>')
			$("#likeQueue").bind("click", Profile.loadLikeQueue)
			likeContentQueue.reverse()
			}
		if (topVideoQueue && topVideoQueue.length && topVideoQueueTitle)
			{
			$("#queueLinks").append('<li id="topQueue">'+topVideoQueueTitle+'</li>')
			$("#topQueue").bind("click", Profile.loadTopQueue)
			topVideoQueue.reverse()
			}
		if (userVideoQueue && userVideoQueue.length)
			Profile.loadUserQueue()
		else if (likeContentQueue && likeContentQueue.length)
			Profile.loadLikeQueue()
		// if (imageQueue && imageQueue.length)
		// 	Profile.loadImages()
		}
	}
var Poll =
	{
	room: "main",
	delay: 5000,
	init: function ()
		{
		if (document.cookie)
			{
			var cookies = document.cookie.split(";")
			for (i in cookies)
				{
				var cookie = cookies[i].split("=")
				if (cookie[0].indexOf("room") !== -1)
					{
					if (cookie[1] !== 'false' && cookie[1] !== 'undefined')
						{
						Poll.room = cookie[1]
						break
						}
					}
				}
			}
		Poll.poll()
		Settings.open()
		},
	poll: function ()
		{
		$.post(API.URL.room.poll,
			{
			room: Poll.room,
			session: Auth.session,
			last: 1,
			}).success(Poll.pollCallback).error(Poll.pollErrorCallback)
		},
	pollErrorCallback: function ()
		{
		Poll.timer = setTimeout(Poll.poll, Poll.delay)
		},
	pollCallback: function (raw)
		{
		Poll.timer = setTimeout(Poll.poll, Poll.delay)
		}
	}

var Main =
	{
	init: function ()
		{
		$(window).bind("focus", Viewport.focus)
		$(window).bind("blur", Viewport.blur)
		$(window).bind("resize", Viewport.standardResize)
		$(window).bind("keydown", Keyboard.standardKeys)
		Playlist.showScores = true
		Auth.success = Poll.init
		if (Auth.init())
			Auth.checkin()
		Profile.init()
		Player.init()
		Settings.init()
		$("#controls").fadeIn(2000)
		$("#contact").fadeIn(2000)
		setTimeout('Viewport.standardResize()', 1000)
		}
	}
Main.init()