var VIMEOregexp = /^(\bhttps?:\/\/)(www.)?vimeo.com\/([0-9]+).*$/i
var PLAY_BUTTONS =
	{
	prev: "<div class='arrow-prev'></div> <div class='arrow-prev'></div>",
	next: "<div class='arrow-next'></div> <div class='arrow-next'></div>",
	pause: "<div class='arrow-pause'></div> <div class='arrow-pause'></div>",
	play: "<div class='arrow-play'></div>",
	}
var Player =
	{
	videos: {},
	queue: [],
	projectors: {},
	projector: null,
	newVideos: false,
	currentIdx: 0,
	video: false,
	errors: 0,
	width: '100%',
	height: '100%',
	playlistOffset: 30,
	queueOffset: 60,
	paused: false,
	muted: false,
	enqueue: function (video)
		{
		if (! (video.type in Player.projectors))
			return d.error("unknown video type "+video.type)
		var key = video.type+"_"+video.name
		if (key in Player.videos)
			{
			Player.videos[key].idx = Player.queue.length
			Player.videos[key].seen = false
			if (video.offset)
				Player.videos[key].offset = video.offset
			d.warn("bumped "+key)
			}
		else
			{
			video.key = key
			video.idx = Player.queue.length
			Player.videos[key] = video
			Player.newVideos = true
			d.warn("enqueued "+key)
			}
		$("#"+video.key).html(video.title)
		Player.queue.push(key)
		return true
		},
	clearQueue: function ()
		{
		Player.queue = []
		Player.currentIdx = 0
		Playlist.count = 0
		},
	register: function (projector)
		{
		d.warn("registered "+projector.type)
		Player.projectors[projector.type] = projector
		},
	unregister: function (projectortype)
		{
		d.warn("unregistered "+projectortype)
		delete Player.projectors[projectortype]
		},
	start: function ()
		{
		d.warn("PLAYER START")
		Player.currentIdx = Player.queue.length - 1
		if (! Player.queue.length)
			return d.error("empty queue")
		Player.playLatest()
		},
	finish: function ()
		{
		d.warn("PLAYER FINISH")
		d.warn("____________")
		Player.playLatest()
		},
	error: function (s)
		{
		if (s)
			d.error(Player.errors+" "+s)
		else
			d.error("PLAYER ERROR "+Player.errors)
		$("li#queue_"+Player.video.idx+" span.title").html("<i>This video cannot be embedded</i>")
		Player.video.error = true
		},
	playLatest: function ()
		{
		d.warn("PLAY LATEST")
		var idx = Player.currentIdx
		var len = Player.queue.length
		if (Player.newVideos)
			{
			for (i = idx; i < len; i++)
				{
				var video = Player.videos[Player.queue[i]]
				d.warn("check "+Player.queue[i])
				if (video.seen)
					continue
				Player.currentIdx = i
				d.joy("new video! "+video.key+" at "+i)
				Player.queueJumpToCurrentVideo(Player.currentIdx)
				Player.playVideo(video)
				return
				}
			for (i = idx - 1; i >= 0; i--)
				{
				var video = Player.videos[Player.queue[i]]
				d.warn("check "+Player.queue[i])
				if (video.seen)
					continue
				Player.currentIdx = i
				d.joy("new video! "+video.key+" at "+i)
				Player.queueJumpToCurrentVideo(Player.currentIdx)
				Player.playVideo(video)
				return
				}
			Player.newVideos = false
			d.warn("no new videos")
			}
		Player.playNext()
		},
	playNext: function ()
		{
		d.warn("____________")
		d.warn("PLAY NEXT")
		var idx = Player.currentIdx
		do
			{
			idx -= 1
			if (Player.queue[idx] === Player.video.key)
				idx -= 1
			if (idx < 0)
				idx = Player.queue.length - 1
			}
		while (Player.videos[ Player.queue[idx] ].error === true)
		Player.queueJumpToCurrentVideo(idx)
		Player.playIdx(idx)
		},
	playPrev: function ()
		{
		d.warn("____________")
		d.warn("PLAY PREV")
		var idx = Player.currentIdx
		do
			{
			idx = (idx + 1) % Player.queue.length
			if (Player.queue[idx] === Player.video.key)
				continue
			}
		while (Player.videos[ Player.queue[idx] ].error === true)
		Player.queueJumpToCurrentVideo(idx)
		Player.playIdx(idx)
		},
	playKey: function (key)
		{
		Player.playVideo( Player.videos[key] )
		},
	playIdx: function (idx)
		{
		d.warn("play idx: "+idx)
		Player.currentIdx = idx
		Player.playVideo( Player.videos[Player.queue[idx]] )
		},
	throttle: function ()
		{
		d.error("THROTTLED")
		Player.stop()
		Player.errors = 0
		},
	stop: function ()
		{
		Player.projector.stop()
		},
	playVideo: function (video)
		{
		if (! video)
			{
			d.error("GOT EMPTY VIDEO")
			d.warn(Player.currentIdx)
			d.warn(Player.queue[ Player.currentIdx ])
			d.warn(Player.videos[ Player.queue[ Player.currentIdx ] ])
			return
			}
		if (video.error === true)
			{
			Player.errors += 1
			d.error(video.key)
			if (Player.errors > Player.queue.length)
				return Player.throttle()
			return Player.finish()
			}
		d.warn("PLAY VIDEO: "+video.key)
		if (video.type !== Player.projector.type)
			{
			d.warn("SWITCHING PROJECTORS")
			d.warn([Player.projector.type, video.type].join(" &rarr; "))
			Player.projector.unload()
			Player.projector = Player.projectors[video.type]
			Player.projector.load()
			if (Player.muted)
				Player.projector.setVolume(0)
			}
		video.seen = true
		if (! Player.fullscreenMode)
			{
			$("#video-title").hide().html(video.title).fadeIn(100, function () {
				setTimeout("$('#video-title').fadeOut(2000)", 4000)
				})
			}

		Player.errors = 0
		Player.video = video
		Player.projector.play(video)
		Player.linkUpdate(video)
		Player.currentIdx = video.idx
		$("#queue li.playing").removeClass("playing")
		$("#chat a.ytlink.playing").removeClass("playing")
		$("#queue li").removeClass("playing")
		$("li#queue_"+video.idx).addClass("playing")
		$("#"+video.key).addClass("playing")
		$("#"+video.key).html(video.title)
		$("#like").removeClass("liked").html("LIKE")
		$("#pause").html(PLAY_BUTTONS.pause)
		if (Local.isLiked(video.id))
			{
			$("#like").addClass("liked").html("LIKED")
			}
		},
	queueJumpToCurrentVideo: function (idx)
		{
		$("#playlist").scrollTop( $("li#queue_"+idx)[0].offsetTop - Player.playlistOffset )
		$("#queue").scrollTop( $("li#queue_"+idx)[0].offsetTop - Player.queueOffset )
		},
	toggle: function ()
		{
		Player.projector.toggle()
		},
	pause: function ()
		{
		Player.projector.pause()
		$("#pause").html(PLAY_BUTTONS.play)
		},
	mute: function ()
		{
		if (Player.projector)
			{
			if (Player.muted)
				Player.projector.setVolume(100)
			else
				Player.projector.setVolume(0)
			}
		Player.muted = ! Player.muted
		},
	muteClick: function ()
		{
		if (Player.muted)
			$("#mute").removeClass("muted")
		else
			$("#mute").addClass("muted")
		Player.mute()
		},
	prevClick: function ()
		{
		d.act("+ clicked prev")
		Player.playPrev()
		},
	pauseClick: function ()
		{
		d.act("+ clicked pause")
		Player.errors = 0
		if (Player.projector.toggle())
			{
			$("#pause").html(PLAY_BUTTONS.play)
			d.warn("set to play")
			}
		else
			{
			$("#pause").html(PLAY_BUTTONS.pause)
			d.warn("set to pause")
			}
		},
	nextClick: function ()
		{
		d.act("+ clicked next")
		Player.playNext()
		},
	scanClick: function ()
		{
		d.act("+ clicked scan")
		Scanner.scan()
		},
	likeClick: function ()
		{
		d.act("+ clicked player like")
		Like.likeContent(Player.video)
		},
	linkClick: function ()
		{
		d.act("+ clicked permalink")
		Player.pause()
		},
	linkUpdate: function (video)
		{
		d.warn("UPDATING LINK")
		$("#video-link").attr("href", video.src)
		var vidurl = "http://scannerjammer.com/"
		if (Room.name !== "main")
			vidurl += Room.name+"/"
		vidurl += "#v="+video.id
		$("#sharebutton").attr("st_url", vidurl).attr("st_title", video.title)
/*
		stWidget.addEntry({
			service: "sharethis",
			element: document.getElementById("sharebutton"),
			url: vidurl,
			title: video.title,
			summary: "ScannerJammer: Youtube video chat",
			})
*/
		},

	fullscreenClick: function ()
		{
		d.act("+ clicked fullscreen")
		},
	setVolume: function (vol)
		{
		if (Player.projector && Player.projector.type !== 'null')
			{
			// alert(Player.projector.type)
			Player.projector.setVolume(vol)
			}
		},
	init: function ()
		{
		d.warn("PLAYER INIT")
		$("#prev").html(PLAY_BUTTONS.prev)
		$("#pause").html(PLAY_BUTTONS.play)
		$("#next").html(PLAY_BUTTONS.next)
		$("#prev").bind("click", Player.prevClick)
		$("#pause").bind("click", Player.pauseClick)
		$("#next").bind("click", Player.nextClick)
		$("#scan").bind("click", Player.scanClick)
		$("#like").bind("click", Player.likeClick)
		$("#video-link").bind("click", Player.linkClick)
		$("#fullscreen").bind("click", Viewport.fullscreenOn)
		Player.projector = {type:"null",load:d.noop,unload:Youtube.unload,}
		for (i in Player.projectors)
			Player.projectors[i].init()
		if (Player.queue.length > 0)
			Player.currentIdx = Player.queue.length
		Playlist.init()
		}
	}

var Playlist =
	{
	count: 0,
	showScores: false,
	enqueue: function (videos)
		{
		if (! (videos instanceof Array))
			videos = [videos]
		// d.warn("PLAYLIST ENQUEUE "+videos.length)
		var rows = []
		var clickables = []
		for (i in videos)
			{
			var video = videos[i]
			$("#"+video.key).html(video.title)
			if (Player.enqueue(video))
				{
				rows.push(Playlist.display(video))
				Playlist.count += 1
				}
			}
		$("#queue").prepend(rows.reverse().join(""))
		},
	enqueueOldVideoFormat: function (videos)
		{
		// d.warn("ENQUEUING "+videos.length+" OLD FORMAT")
		for (i in videos)
			{
			// 0 id  1 date  2 userid  3 user  4 url  5 title
			var row = videos[i]
			var video =
				{
				id: row[0],
				date: row[1],
				userid: row[2],
				username: row[3],
				src: row[4],
				title: row[5] || '___',
				seen: false,
				error: false,
				}
			if (row.length > 6)
				{
				video.score = parseInt(row[6]) || 0
				// block video if it's a duplicate
				}
			var url = row[4]
			if (url.indexOf("youtube.com") !== -1)
				{
				var ytid = Youtube.getYtid(url)
				video.type = "youtube"
				video.name = ytid
				}
			else if (url.indexOf("vimeo.com") !== -1)
				{
				var vimeoid = url.replace(VIMEOregexp, "$3")
				video.type = "vimeo"
				video.name = vimeoid
				}
			else if (url.indexOf("soundcloud.com") !== -1)
				{
				video.type = "soundcloud"
				video.name = $.md5(video.src)
				}
			else if (url.indexOf("mp3") !== -1)
				{
				video.type = "audio"
				video.name = $.md5(video.src)
				}
			else
				{
				d.error("bad video id in "+url)
				continue
				}
			video.key = video.type + "_" + video.name
			Playlist.enqueue(video)
			// d.joy("GOT VIDEO: "+key)
			}
		},
	clickTitle: function (e)
		{
		var id = $(this).parent().attr("id")
		var idx = id.substr(id.indexOf("_")+1)
		d.act("+ clicked playlist "+idx)
		Player.playIdx(parseInt(idx))
		},
	clickLike: function (e)
		{
		var id = $(this).parent().attr("id")
		var idx = id.substr(id.indexOf("_")+1)
		var videokey = Player.queue[idx]
		var video = Player.videos[videokey]
		d.act("+ clicked playlist like "+video.key)
		Like.likeContent(video)
		},
	clickChatlink: function (e)
		{
		e.preventDefault()
		var key = $(this).attr("id")
		var video = Player.videos[key]
		d.act("+ clicked link "+video.key)
		Player.playVideo(video)
		},
	display: function (video)
		{
		var likeClass = ''
		var likeWord = "&nbsp;&nbsp;like"
		if (video.username === Auth.username)
			{
			likeClass = "you"
			}
		else if (Local.isLiked(video.id))
			{
			likeClass = 'liked'
			likeWord = 'liked'
			}
		var s = "<li id='queue_"+Playlist.count+"'>"
		if (Playlist.showScores)
			{
			score = video.score
			if (score < 1)
				score = '&nbsp;'
			s += "<span class='score' id='score_"+video.id+"'>"+score+"</span>"
			}
		s += "<span id='like_"+video.id+"' class='like "+likeClass+"'>"+likeWord+"</span>"
		var domain = window.location.hostname.split('.').slice(-2).join('.')
		s += "<a class='user' href='http://"+video.username+"."+domain+"'>"+video.username+"</a>"
		s += "<span class='title'>"+video.title+"</span>" //I'm having trouble figuring out how the "video" gets passed in here tried traceback in firebug? I don't know how to do that.
//do you know the equivalent in chrome? they both should have it, just need to set a breakpoint on js code line and f5 page
//ok can you walk me through it? sure ok the page is loaded, where should I set the breakpoint? this line ok where exactly? I have the source
//open in the inspector, do I set the breakpointpoint before or after the line? on the line trying to open the site, it gives 404 on static files are you sure?
//yeah scannerjammer.com ? works fine for me hm
		s += "</li>"
		return s
		},
	init: function ()
		{
		d.warn("PLAYLIST INIT")
		$("#queue li span.title").live("click", Playlist.clickTitle)
		$("#queue li span.like").live("click", Playlist.clickLike)
		$("#chat a.ytlink").live("click", Playlist.clickChatlink)
		}
	}

var Scanner =
	{
	scanMode: false,
	scanTimeout: false,
	scanBlinkTimeout: false,
	scanBlinkState: false,
	scanBlinkRate: 200,
	scanRate: 9000,
	scanBlink: function ()
		{
		if (Scanner.scanBlinkState)
			{
			$("#scan").addClass("blinkOff")
			$("#scan").removeClass("blinkOn")
			Scanner.scanBlinkState = false
			}
		else
			{
			$("#scan").addClass("blinkOn")
			$("#scan").removeClass("blinkOff")
			Scanner.scanBlinkState = true
			}
		Scanner.scanBlinkTimeout = setTimeout(Scanner.scanBlink, Scanner.scanBlinkRate)
		},
	scanGo: function ()
		{
		Player.playNext()
		Scanner.scanTimeout = setTimeout(Scanner.scanGo, Scanner.scanRate)
		},
	scan: function ()
		{
		if (Scanner.scanMode)
			{
			d.warn("SCANNER ON")
			Scanner.scanMode = false
			clearTimeout(Scanner.scanTimeout)
			clearTimeout(Scanner.scanBlinkTimeout)
			$("#scan").removeClass("blinkOn")
			$("#scan").removeClass("blinkOff")
			}
		else
			{
			d.warn("SCANNER OFF")
			Scanner.scanMode = true
			Scanner.scanBlink()
			Scanner.scanGo()
			}
		}
	}