var url;
var tag;
var firstScriptTag;
var ytplayer;
var title;
var viewers;
var video_id;
var conf = [];
var adminvote = 0;
var adminadd = 0;
var adminskip = 0;
var music = 0;
var longS = 0;
var frontpage = 1;
var adminpass = "";
var filesadded="";
var chan = $("#chan").html();
var player_ready = false;
var seekTo;
var song_title;
var viewers = 1;
var paused = false;
var playing = false;
var SAMPLE_RATE = 6000; // 6 seconds
var lastSample = Date.now();

//play new song
function setup_youtube_listener(channel)
{
	socket.on("np", function(obj)
	{
		//console.log(obj);
		if(obj[0].length == 0){
			console.log("Empty list");
			document.getElementById('song-title').innerHTML = "Empty channel. Add some songs!";
			$("#player_overlay").height($("#player").height());
			if(!window.mobilecheck())
				$("#player_overlay").toggleClass("hide");
			importOldList(channel.toLowerCase());
		}
		else{
			//console.log("gotten new song");
			$("#player_overlay").addClass("hide");
			video_id = obj[0][0]["id"];
			conf = obj[1][0];
			time = obj[2];
			seekTo = time - conf["startTime"];
			song_title = obj[0][0]["title"];
			getTitle(song_title, viewers);
			setBGimage(video_id);
			if(player_ready && !window.mobilecheck())
			{
				if(ytplayer.getVideoUrl().split('v=')[1] != video_id)
				{
					ytplayer.loadVideoById(video_id);
					notifyUser(video_id, song_title);
					ytplayer.seekTo(seekTo);
					if(paused)
						ytplayer.pauseVideo();
				}else
					console.log("like");
				if(!paused)
					ytplayer.playVideo();
				if(ytplayer.getDuration() > seekTo || ytplayer.getDuration() == 0)
					ytplayer.seekTo(seekTo);
			}
			else
				getTitle(song_title, viewers);
		}
	});

	socket.on("viewers", function(view)
	{
		viewers = view;
		if(song_title !== undefined)
			getTitle(song_title, viewers);
	});
}

$(document).ready(function()
{
	if(!localStorage["list_update"] || localStorage["list_update"] != "13.06.15")
	{
		localStorage.setItem("list_update", "13.06.15");
		window.location.reload(true);
	}
	setup_youtube_listener(chan);
	//Materialize.toast("Passwords have been reset. If anything is not right, please send us a mail @ contact@zoff.no", 10000);
	$("#settings").sideNav({
      menuWidth: 300, // Default is 240
      edge: 'right', // Choose the horizontal origin
      closeOnClick: false // Closes side-nav on <a> clicks, useful for Angular/Meteor
    });

	$("#chat-btn").sideNav({
			menuWidth: 272, // Default is 240
			edge: 'left', // Choose the horizontal origin
			closeOnClick: false // Closes side-nav on <a> clicks, useful for Angular/Meteor
		});

	$(".drag-target")[1].remove();

	//$('#settings-close').sideNav('hide');

	if(!window.mobilecheck() && !msieversion())
	{
		Notification.requestPermission();
	}

	if(window.mobilecheck()){
		document.getElementById("search").blur();
		readyLooks();
	}else{
		tag = document.createElement('script');
		tag.src = "https://www.youtube.com/iframe_api";
		firstScriptTag = document.getElementsByTagName('script')[0];
		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

		if(localStorage[chan.toLowerCase()])
		{
			//localStorage.removeItem(chan.toLowerCase());
			if(localStorage[chan.toLowerCase()].length != 64)
				localStorage.removeItem(chan.toLowerCase());
			else
				socket.emit("password", [localStorage[chan.toLowerCase()], chan.toLowerCase(), guid]);
		}

		if($("#chan").html().toLowerCase() == "jazz")
		{
			//loadjsfile("static/js/jazzscript.js");
			//peis = true;
		}
		if(navigator.userAgent.toLowerCase().indexOf("firefox") > -1) //quickdickfix for firefoxs weird percent handling
			$(".main").height(window.innerHeight-64);

		git_info = $.ajax({ type: "GET",
				url: "https://api.github.com/repos/nixolas1/zoff/commits",
				async: false
		}).responseText;

		git_info = $.parseJSON(git_info);
		$("#latest-commit").html("Latest Commit: <br>"
				+ git_info[0].commit.author.date.substring(0,10)
				+ ": " + git_info[0].committer.login
				+ "<br><a href='"+git_info[0].html_url+"'>"
				+ git_info[0].sha.substring(0,10) + "</a>: "
				+ git_info[0].commit.message+"<br");

		sample();
	}
});

function sample() {
	if (Date.now() - lastSample >= SAMPLE_RATE * 2) {
		socket.removeAllListeners()
		socket.disconnect();
		socket.connect();
		setup_all_listeners();
	}
	lastSample = Date.now();
	setTimeout(sample, SAMPLE_RATE);
}

function setup_all_listeners()
{
	socket.on("get_list", function(){
			socket.emit('list', chan+',mockvalue');
	});
	setup_youtube_listener(chan);
	admin_listener();
	setup_chat_listener(chan);
	allchat_listener();
	channel_listener();
	skipping_listener();
}

function loadjsfile(filename)
{
	if (filesadded.indexOf("["+filename+"]")==-1){
	    var fileref=document.createElement('script');
	    fileref.setAttribute("type","text/javascript");
	    fileref.setAttribute("src", filename);
	    document.getElementsByTagName("head")[0].appendChild(fileref);
	    filesadded+="["+filename+"]";
	}else jazz_setup();
}

function msieversion() {

        var ua = window.navigator.userAgent;
        var msie = ua.indexOf("MSIE ");

        if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer, return version number
            return true;
        else                 // If another browser, return 0
            return false;

   return false;
}

function onYouTubeIframeAPIReady() {
	ytplayer = new YT.Player('player', {
		videoId: video_id,
		playerVars: { rel:"0", wmode:"transparent", controls: "0" , iv_load_policy: "3", theme:"light", color:"white"},
		events: {
			'onReady': onPlayerReady,
			'onStateChange': onPlayerStateChange,
			'onError': errorHandler
		}
	});
	if(peis)
	{
		//jazz_setup();
	}

}

function onPlayerStateChange(newState) {
	switch(newState.data)
	{
		case -1:
			break;
		case 0:
			console.log("end");
			socket.emit("end", video_id);
			playing = false;
			paused = false;
			break;
		case 1:
			playing = true;
			if(document.getElementById("play").className.split(" ").length == 1)
				$("#play").toggleClass("hide");
			if(document.getElementById("pause").className.split(" ").length == 2)
				$("#pause").toggleClass("hide");
			if(paused)
			{
				socket.emit('pos');
				paused = false;
			}
			break;
		case 2:
			paused = true;
			if(document.getElementById("pause").className.split(" ").length == 1)
				$("#pause").toggleClass("hide");
			if(document.getElementById("play").className.split(" ").length == 2)
				$("#play").toggleClass("hide");
			break;
		case 3:
			break;
	}
}

function getTitle(titt, v)
{
	var outPutWord = v > 1 ? "viewers" : "viewer";
	var title= decodeURIComponent(titt);
	var elem = document.getElementById('song-title');

	document.title = title + " • Zöff / "+chan;
		elem.innerHTML = title;
		document.getElementById('viewers').innerHTML = v + " " + outPutWord;
		elem.title = title + " • " + v + " " + outPutWord;

}

function errorHandler(newState)
{
	var failsafe = ytplayer.getVideoUrl().split("https://www.youtube.com/watch");
	if(newState.data == 5 || newState.data == 100 || newState.data == 101 || newState.data == 150)
			socket.emit("skip", newState.data);
	else
			ytplayer.loadVideoById(video_id);
}

function onPlayerReady(event) {
  	player_ready = true;
		if(!window.mobilecheck())
		{
			$("#player").css("opacity", "1");
			$("#controls").css("opacity", "1");
			$(".playlist").css("opacity", "1");
			ytplayer.loadVideoById(video_id);
			ytplayer.playVideo();
			ytplayer.seekTo(seekTo);
		}
		readyLooks();
		initYoutubeControls(ytplayer);
		initSlider();
		ytplayer.setVolume(localStorage.getItem("volume"));
}

function readyLooks()
{
	setBGimage(video_id);
}

function setBGimage(id){
	if(id !== undefined)
	{
		var img = new Image();
		img.onload = function () {
		  var colorThief = new ColorThief();
			//console.log(rgbToHsl(colorThief.getColor(img)));
			document.getElementsByTagName("body")[0].style.backgroundColor = rgbToHsl(colorThief.getColor(img))
			//$("body").css("background-color", rgbToHsl(colorThief.getColor(img)));
			//$("body").css("background-color", colorThief.getColor(img));
		};
		img.crossOrigin = 'Anonymous';
		img.src = 'https://cors-anywhere.herokuapp.com/http://img.youtube.com/vi/'+id+'/mqdefault.jpg';
	}
}

function notifyUser(id, title) {
	title= title.replace(/\\\'/g, "'").replace(/&quot;/g,"'").replace(/&amp;/g,"&");
  	if (Notification.permission === "granted" && document.hidden && id != "30H2Z8Lr-4c" && !window.mobilecheck()) {
	    var notification = new Notification("Now Playing", {body: title, icon: "http://i.ytimg.com/vi/"+id+"/mqdefault.jpg", iconUrl: "http://i.ytimg.com/vi/"+id+"/mqdefault.jpg"});
	    notification.onclick = function(x) { window.focus(); this.cancel(); };
			setTimeout(function(){
	    	notification.close();
	    },5000);
  	}
}

Element.prototype.remove = function() {
    this.parentElement.removeChild(this);
}
NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
    for(var i = 0, len = this.length; i < len; i++) {
        if(this[i] && this[i].parentElement) {
            this[i].parentElement.removeChild(this[i]);
        }
    }
}

function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

function rgbToHsl(arr){
		r = arr[0], g = arr[1], b = arr[2];
    r /= 255, g /= 255, b /= 255;
    var max = Math.max(r, g, b), min = Math.min(r, g, b);
    var h, s, l = (max + min) / 2;

    if(max == min){
        h = s = 0; // achromatic
    }else{
        var d = max - min;
        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
        switch(max){
            case r: h = (g - b) / d + (g < b ? 6 : 0); break;
            case g: h = (b - r) / d + 2; break;
            case b: h = (r - g) / d + 4; break;
        }
        h /= 6;
    }

    if(l>0.5)l=0.5; //make sure it isnt too light

    return "hsl("+Math.floor(h*360)+", "+Math.floor(s*100)+"%, "+Math.floor(l*100)+"%)";
}