diff --git a/static/css/style.css b/static/css/style.css
index f7ce54c2..e8a79457 100755
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -282,6 +282,11 @@ hide mdi-action-visibility mdi-action-visibility-off
 .mega{
   padding: 6% 0px;
   background: #FF2626;
+  -webkit-transition:opacity 1s;
+}
+
+.room-namer::-webkit-input-placeholder{
+  color:red !important;
 }
 
 .mega h5{
diff --git a/static/dist/frontpage.min.js b/static/dist/frontpage.min.js
index 0df1ffb5..3d26d56a 100755
--- a/static/dist/frontpage.min.js
+++ b/static/dist/frontpage.min.js
@@ -1 +1 @@
-!function(){var e,t,o={populate_channels:function(t){var n="",a=0;t.sort(o.sortFunction),pre_card=$(e);for(x in t){var i=t[x][3];if(20>a){var s=t[x][1],l=t[x][0],r="background-image:url('https://img.youtube.com/vi/"+s+"/hqdefault.jpg');",c=t[x][4],d=pre_card;d.find(".chan-name").text(i),d.find(".chan-name").attr("title",i),d.find(".chan-views").text(l),d.find(".chan-songs").text(c),d.find(".chan-bg").attr("style",r),d.find(".chan-link").attr("href",i),$("#channels").append(d.html())}n+="<option value='"+i+"'> ",a++}document.getElementById("preloader").style.display="none",document.getElementById("searches").innerHTML=n,$("#channels").fadeIn(800),$("#search").focus()},sortFunction:function(e,t){var o=e[0],n=t[0],a=e[4],i=t[4];return n>o?1:o>n?-1:i>a?1:a>i?-1:0},getCookie:function(e){for(var t=e+"=",o=document.cookie.split(";"),n=0;n<o.length;n++){for(var a=o[n];" "==a.charAt(0);)a=a.substring(1);if(0==a.indexOf(t))return a.substring(t.length,a.length)}return""}};String.prototype.capitalizeFirstLetter=function(){return this.charAt(0).toUpperCase()+this.slice(1)},$(document).ready(function(){"#donation"==window.location.hash&&$("#donation").openModal(),e=$("#channel-list-container").html(),window.list_html=e,$("#channels").empty();var n=io.connect("//"+window.location.hostname+":8880");n.emit("frontpage_lists"),n.on("playlists",function(e){o.populate_channels(e)});var a=0;if(document.getElementById("zicon").addEventListener("click",function(){a+=10,document.getElementById("zicon").style.paddingLeft=a+"%",a>=100&&(window.location.href="https://www.youtube.com/v/0IGsNdVoEh0?autoplay=1&showinfo=0&autohide=1")}),navigator.userAgent.toLowerCase().indexOf("android")>-1&&""==o.getCookie("show_prompt")){var i=confirm("Do you want to download the native app for this webpage?");if(i)window.location.href="https://play.google.com/store/apps/details?id=no.lqasse.zoff";else{var s=new Date;s.setTime(s.getTime()+864e6);var l="expires="+s.toUTCString();document.cookie="show_prompt=false;"+l}}t=$.ajax({type:"GET",url:"https://api.github.com/repos/zoff-music/zoff/commits",async:!1}).responseText,t=$.parseJSON(t),$("#latest-commit").html("Latest Commit: <br>"+t[0].commit.author.date.substring(0,10)+": "+t[0].committer.login+"<br><a href='"+t[0].html_url+"'>"+t[0].sha.substring(0,10)+"</a>: "+t[0].commit.message+"<br")})}();
\ No newline at end of file
+!function(){var e,t,o={populate_channels:function(t){var n="",a=0;t.sort(o.sortFunction),pre_card=$(e),o.add_backdrop(t,0);for(x in t){var s=t[x][3];if(20>a){var i=t[x][1],l=t[x][0],r="background-image:url('https://img.youtube.com/vi/"+i+"/hqdefault.jpg');",c=t[x][4],d=pre_card;d.find(".chan-name").text(s),d.find(".chan-name").attr("title",s),d.find(".chan-views").text(l),d.find(".chan-songs").text(c),d.find(".chan-bg").attr("style",r),d.find(".chan-link").attr("href",s),$("#channels").append(d.html())}n+="<option value='"+s+"'> ",a++}document.getElementById("preloader").style.display="none",document.getElementById("searches").innerHTML=n,$("#channels").fadeIn(800),$("#search").focus()},sortFunction:function(e,t){var o=e[0],n=t[0],a=e[4],s=t[4];return n>o?1:o>n?-1:s>a?1:a>s?-1:0},getCookie:function(e){for(var t=e+"=",o=document.cookie.split(";"),n=0;n<o.length;n++){for(var a=o[n];" "==a.charAt(0);)a=a.substring(1);if(0==a.indexOf(t))return a.substring(t.length,a.length)}return""},add_backdrop:function(e,t){console.log(e.length),t>=e.length&&(t=0);var n=e[t][1];$.ajax({type:"POST",data:{id:n},url:"/php/imageblob.php",success:function(o){$(".mega").css("opacity",0),setTimeout(function(){$(".mega").css("background","url(data:image/png;base64,"+o+")"),$(".mega").css("background-size","200%"),$(".mega").css("opacity",1),$("#search").attr("placeholder",e[t][3])},1e3)}}),setTimeout(function(){o.add_backdrop(e,t+1)},6e3)}};String.prototype.capitalizeFirstLetter=function(){return this.charAt(0).toUpperCase()+this.slice(1)},$(document).ready(function(){"#donation"==window.location.hash&&$("#donation").openModal(),e=$("#channel-list-container").html(),window.list_html=e,$("#channels").empty();var n=io.connect("//"+window.location.hostname+":8880");n.emit("frontpage_lists"),n.on("playlists",function(e){o.populate_channels(e)});var a=0;if(document.getElementById("zicon").addEventListener("click",function(){a+=10,document.getElementById("zicon").style.paddingLeft=a+"%",a>=100&&(window.location.href="https://www.youtube.com/v/0IGsNdVoEh0?autoplay=1&showinfo=0&autohide=1")}),navigator.userAgent.toLowerCase().indexOf("android")>-1&&""==o.getCookie("show_prompt")){var s=confirm("Do you want to download the native app for this webpage?");if(s)window.location.href="https://play.google.com/store/apps/details?id=no.lqasse.zoff";else{var i=new Date;i.setTime(i.getTime()+864e6);var l="expires="+i.toUTCString();document.cookie="show_prompt=false;"+l}}t=$.ajax({type:"GET",url:"https://api.github.com/repos/zoff-music/zoff/commits",async:!1}).responseText,t=$.parseJSON(t),$("#latest-commit").html("Latest Commit: <br>"+t[0].commit.author.date.substring(0,10)+": "+t[0].committer.login+"<br><a href='"+t[0].html_url+"'>"+t[0].sha.substring(0,10)+"</a>: "+t[0].commit.message+"<br")})}();
\ No newline at end of file
diff --git a/static/dist/main.min.js b/static/dist/main.min.js
index 4f8e62a9..136100ea 100755
--- a/static/dist/main.min.js
+++ b/static/dist/main.min.js
@@ -1 +1 @@
-!function(){var e={admin_listener:function(){F.on("toast",function(t){switch(t){case"addedsong":t=o.rnd(["I added your song","Your song has been added","Yay, more songs!","Thats a cool song!","I added that song for you","I see you like adding songs..."]);break;case"savedsettings":t=o.rnd(["I've saved your settings","I stored all your settings","Your settings have been stored in a safe place"]);break;case"wrongpass":t=o.rnd(["That's not the right password!","Wrong! Better luck next time...","You seem to have mistyped the password","Incorrect. Have you tried meditating?","Nope, wrong password!","Wrong password. The authorities have been notified."]),localStorage[k.toLowerCase()]&&localStorage.removeItem(k.toLowerCase()),e.display_logged_out(),C=!0;break;case"shuffled":t=o.rnd(["♫ You stir me right round, baby. ♫","♫ Stir, stir, stir my boat ♫","I vigorously stirred your playlist!","I hope you like your list stirred, not shaken.","I shuffled your playlist with the cosmic background radiation as a seed. Enjoy.","100% randomized, for your listening pleasure!","I hope you enjoy your fresh playlist!"]);break;case"deletesong":t=o.rnd(["Your song is now in a better place...","You won't be seeing any more of that video...","EXTERMINATE! EXTERMINATE! EXTERMINATE!","I killed it with fire","Thanks for deleting that song. I didn't like it anyways...","Removed song securely."]);break;case"voted":t=o.rnd(["You voted!","You vote like a boss","Voting is the key to democracy","May you get your song to the very top!","I love that song! I vouch for you.","Only you vote that good","I like the way you vote...","Up the video goes!","Voted Zöff for president","Only 999 more to go!"]);break;case"alreadyvoted":t=o.rnd(["You can't vote twice on that song!","I see you have voted on that song before","One vote per person!","I know you want to hear your song, but have patience!","I'm sorry, but I can't let you vote twice, Dave."]);break;case"skip":t=o.rnd(["The song was skipped","I have skipped a song","Skipped to the beat","Skipmaster3000","They see me skippin', they hatin'"]);break;case"listhaspass":t=o.rnd(["I'm sorry, but you have to be an admin to do that!","Only admins can do that","You're not allowed to do that, try logging in!","I can't let you do that","Please log in to do that"]);break;case"noskip":t=o.rnd(["Only Admins can skip songs, peasant!","You have to log in to skip songs on this channel","Try clicking the settings icon and logging in before you skip"]);break;case"alreadyskip":t=o.rnd(["Skipping is democratic, only one vote per person!","More people have to vote to skip, not just you!","Get someone else to skip too! You can't do it on yourself."]);break;case"notyetskip":t="Skipping is disabled the first 10 seconds.";break;case"correctpass":t="Correct password. You now have access to the sacred realm of The Admin.";break;case"changedpass":t="Your password has been changed!"}Materialize.toast(t,4e3)}),F.on("pw",function(e){C=!1,V=e,names=["vote","addsongs","longsongs","frontpage","allvideos","removeplay","skip","shuffle"],localStorage.setItem(k.toLowerCase(),e);for(var t=0;t<names.length;t++)$("input[name="+names[t]+"]").attr("disabled",!1);$(".card-action").removeClass("hide"),$("#admin-lock").removeClass("mdi-action-lock"),$("#password").val(""),$("#password").attr("placeholder","Change channel password"),o.contains($("#admin-lock").attr("class").split(" "),"mdi-action-lock-open")||$("#admin-lock").addClass("mdi-action-lock-open clickable")}),F.on("conf",function(t){e.set_conf(t[0])})},pass_save:function(){C?F.emit("password",[CryptoJS.SHA256(document.getElementById("password").value).toString(),k.toLowerCase()]):F.emit("password",[CryptoJS.SHA256(document.getElementById("password").value).toString(),k.toLowerCase(),localStorage[k.toLowerCase()]])},log_out:function(){localStorage[k.toLowerCase()]?(localStorage.removeItem(k.toLowerCase()),e.display_logged_out(),Materialize.toast("Logged out",4e3)):Materialize.toast("Not logged in",4e3)},display_logged_out:function(){for(C=!0,V="",names=["vote","addsongs","longsongs","frontpage","allvideos","removeplay","skip","shuffle"],document.getElementById("password").value="",G=0;G<names.length;G++)$("input[name="+names[G]+"]").attr("disabled",!0);o.contains($("#admin-lock").attr("class").split(" "),"mdi-action-lock")||$("#admin-lock").addClass("mdi-action-lock"),0==$(".card-action").length||o.contains($(".card-action").attr("class").split(" "),"hide")||$(".card-action").addClass("hide"),$("#admin-lock").removeClass("mdi-action-lock-open clickable"),$("#password").attr("placeholder","Enter channel password")},save:function(){e.submitAdmin(document.getElementById("adminForm").elements)},set_conf:function(t){R=t.allvideos,longsongs=t.longsongs,names=["vote","addsongs","longsongs","frontpage","allvideos","removeplay","skip","shuffle"],I=""!=t.adminpass&&C?!0:!1;for(var o=0;o<names.length;o++)document.getElementsByName(names[o])[0].checked=t[names[o]]===!0,$("input[name="+names[o]+"]").attr("disabled",I);I&&!localStorage[k.toLowerCase()]?e.display_logged_out():I||localStorage[k.toLowerCase()]||$("#password").attr("placeholder","Create channel password")},submitAdmin:function(e){voting=e.vote.checked,addsongs=e.addsongs.checked,longsongs=e.longsongs.checked,z=e.frontpage.checked,allvideos=e.allvideos.checked,removeplay=e.removeplay.checked,skipping=e.skip.checked,shuffling=e.shuffle.checked,configs=[voting,addsongs,longsongs,z,allvideos,removeplay,V,skipping,shuffling],F.emit("conf",configs)},hide_settings:function(){$("#settings").sideNav("hide")},shuffle:function(){F.emit("shuffle",void 0!==V?V:"")}},t={chat:function(e){e.value.length>150||("#all_chat"==$(".tab a.active").attr("href")?F.emit("all,chat",e.value):F.emit("chat",e.value),e.value="")},allchat_listener:function(){F.on("chat.all",function(e){0!=$("#chat-bar").position().left?S||($("#favicon").attr("href","static/images/highlogo.png"),S=!0,E=!0,s=setInterval(t.chat_blink,2e3)):document.hidden&&($("#favicon").attr("href","static/images/highlogo.png"),E=!0);var n=o.intToARGB(o.hashCode(e[0])).substring(0,6);$("#chatall").append("<li title='"+e[2]+"'><span style='color:#"+n+";'>"+e[0]+"</span></li>");var a=document.createTextNode(e[1]);$("#chatall li:last")[0].appendChild(a),document.getElementById("chatall").scrollTop=document.getElementById("chatall").scrollHeight})},setup_chat_listener:function(e){document.getElementsByClassName("chat-tab")[0].innerHTML=e,F.on("chat",function(e){0!=$("#chat-bar").position().left&&e[1].indexOf(":")>=0&&(S||($("#favicon").attr("href","static/images/highlogo.png"),S=!0,s=setInterval(t.chat_blink,2e3)));var n=o.intToARGB(o.hashCode(e[0])).substring(0,6);$("#chatchannel").append("<li><span style='color:#"+n+";'>"+e[0]+"</span></li>");var a=document.createTextNode(e[1]);$("#chatchannel li:last")[0].appendChild(a),document.getElementById("chatchannel").scrollTop=document.getElementById("chatchannel").scrollHeight})},chat_blink:function(){$("#chat-btn i").css("opacity",.5),setTimeout(function(){$("#chat-btn i").css("opacity",1)},1e3)}};window.mobilecheck=function(){var e=!1;return function(t){(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4)))&&(e=!0)}(navigator.userAgent||navigator.vendor||window.opera),e};var o={rnd:function(e){return e[Math.floor(Math.random()*e.length)]},predicate:function(){for(var e,t,o,n=[],a=arguments.length,i=function(e,t){return e===t?0:t>e?-1:1},s=function(e,t){var o=i,n=i;return e&&(n=function(t,n){return o(e(t),e(n))}),t?function(e,t){return-1*n(e,t)}:n},l=0;a>l;l++)e=arguments[l],"string"==typeof e?(t=e,o=i):(t=e.name,o=s(e.primer,e.reverse)),n.push({name:t,cmp:o});return function(t,o){for(var i,s,l=0;a>l&&(s=0,e=n[l],i=e.name,s=e.cmp(t[i],o[i]),0===s);l++);return s}},hashCode:function(e){for(var t=0,o=0;o<e.length;o++)t=e.charCodeAt(o)+((t<<5)-t);return t},intToARGB:function(e){return(e>>24&255).toString(16)+(e>>16&255).toString(16)+(e>>8&255).toString(16)+(255&e).toString(16)},pad:function(e){return 10>e?"0"+Math.floor(e):Math.floor(e)},contains:function(e,t){for(var o=e.length;o--;)if(e[o]===t)return!0;return!1},sample:function(){Date.now()-q>=2*D&&(F.removeAllListeners(),F.disconnect(),F.connect(),Z.setup_all_listeners()),q=Date.now(),setTimeout(o.sample,D)},loadjsfile:function(e){if(-1==j.indexOf("["+e+"]")){var t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("src",e),document.getElementsByTagName("head")[0].appendChild(t),j+="["+e+"]"}},msieversion:function(){var e=window.navigator.userAgent,t=e.indexOf("MSIE ");return t>0||navigator.userAgent.match(/Trident.*rv\:11\./)?!0:!1},getRandomInt:function(e,t){return Math.floor(Math.random()*(t-e))+e},rgbToHsl:function(e){r=e[0],g=e[1],b=e[2],r/=255,g/=255,b/=255;var t,o,n=Math.max(r,g,b),a=Math.min(r,g,b),i=(n+a)/2;if(n==a)t=o=0;else{var s=n-a;switch(o=i>.5?s/(2-n-a):s/(n+a),n){case r:t=(g-b)/s+(g<b?6:0);break;case g:t=(b-r)/s+2;break;case b:t=(r-g)/s+4}t/=6}return i>.5&&(i=.5),"hsl("+Math.floor(360*t)+", "+Math.floor(100*o)+"%, "+Math.floor(100*i)+"%)"},componentToHex:function(e){var t=e.toString(16);return 1==t.length?"0"+t:t},rgbToHex:function(e,t,n){return"#"+o.componentToHex(e)+o.componentToHex(t)+o.componentToHex(n)}};Element.prototype.remove=function(){this.parentElement.removeChild(this)},NodeList.prototype.remove=HTMLCollection.prototype.remove=function(){for(var e=0,t=this.length;t>e;e++)this[e]&&this[e].parentElement&&this[e].parentElement.removeChild(this[e])};var n,a,i,s,l,c,d,u,m,p,h,f,v,y={host_listener:function(){var e;F.on("id",function(t){void 0===e?e=t:(F.removeAllListeners(t),Y=!1,e=t);var o="http://"+window.location.hostname+"/remote/"+t;$("#code-text").text(t),$("#code-qr").attr("src","https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+o),$("#code-link").attr("href",o),Y||(Y=!0,F.on(t,function(e){"volume"==e[0]?($("#volume").slider("value",e[1]),d.setVolume(e[1]),localStorage.setItem("volume",e[1]),W.choose_button(e[1],!1)):"channel"==e[0]?(F.emit("change_channel"),k=e[1].toLowerCase(),$("#chan").html(k.substring(0,1).toUpperCase()+k.substring(1).toLowerCase()),C=!0,F.emit("list",k.toLowerCase()),localStorage[k.toLowerCase()]&&(64!=localStorage[k.toLowerCase()].length?localStorage.removeItem(k.toLowerCase()):F.emit("password",[localStorage[k.toLowerCase()],k.toLowerCase()])),window.history.pushState("object or string","Title","/"+k.toLowerCase())):"pause"==e[0]?d.pauseVideo():"play"==e[0]?d.playVideo():"skip"==e[0]&&w.skip()}))})}},w={channel_listener:function(){F.on("channel",function(e){w.channel_function(e)})},channel_function:function(e){switch(e[0]){case"list":w.populate_list(e[1]);break;case"added":w.added_song(e[1]);break;case"deleted":w.deleted_song(e[1]);break;case"vote":w.voted_song(e[1],e[2]);break;case"song_change":w.song_change(e[1])}},skipping_listener:function(){F.on("skipping",function(e){document.getElementById("pBar").innerHTML="Vote registrated! "+e[0]+" of "+e[1]+" has skipped. "+Math.ceil(e[1]/2)+" or more is needed!",$("#pBar").addClass("opacityFull"),setTimeout(function(){$("#pBar").removeClass("opacityFull")},1500)})},populate_list:function(e){a=e,w.sortList(),$("#wrapper").empty(),$.each(a,function(e,t){t.now_playing||$("#wrapper").append(w.generateSong(t,!1,!0))}),window.mobilecheck()?$(".list-image").lazyload({}):$(".list-image").lazyload({container:$("#wrapper")}).removeClass("lazy"),$("#settings").css("visibility","visible"),$("#settings").css("opacity","1"),$("#wrapper").css("opacity","1")},added_song:function(e){a.push(e),w.sortList(),w.insertAtIndex(e,!0)},deleted_song:function(e){var t=w.getIndexOfSong(e),o=$("#wrapper").children()[t];o.style.height=0,setTimeout(function(){$("#"+e).remove(),a.splice(w.getIndexOfSong(e),1)},305),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1},voted_song:function(e,t){var o=w.getIndexOfSong(e),n=a[o];a[o].votes+=1,a[o].added=t,w.sortList(),$("#"+e).remove(),w.insertAtIndex(n,!1)},song_change:function(e){var t=a.length-1;a[0].now_playing=!0,a[0].votes=0,a[0].guids=[],a[0].added=e,a[t].now_playing=!1,a.push(a.shift()),$("#wrapper").children()[0].remove(),w.insertAtIndex(a[t-1],!1),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1},vote:function(e,t){return F.emit("vote",[k,e,t,V]),!0},skip:function(){return F.emit("skip",[k,localStorage[k.toLowerCase()]]),!0},importOldList:function(e){var t="",o=0;playlist_url="lists/"+e+".json",h=$.parseJSON($.ajax({type:"GET",url:playlist_url,async:!1}).responseText),$.each(h.songs,function(e,n){t+=n.id+",",o>45&&(J.addVideos(t),t="",o=0),o++}),J.addVideos(t),document.getElementById("search").value=""},sortList:function(){a.sort(o.predicate({name:"votes",reverse:!0},"added"))},show:function(){window.mobilecheck()||(_?(_=!1,$("#toptitle").empty(),$("#chan").addClass("bigChan"),$("#chan").html("zoff.no/"+k.toLowerCase())):(_=!0,$("#toptitle").html("Zöff"),$("#chan").removeClass("bigChan"),$("#chan").html(k)))},insertAtIndex:function(e,t){G=w.getIndexOfSong(e.id),0===G?$("#wrapper").prepend(w.generateSong(e,t)):$("#wrapper > div:nth-child("+G+")").after(w.generateSong(e,t)),t&&setTimeout(function(){var e=$("#wrapper").children()[G];$(e).css("height",66)},5)},generateSong:function(e,t,o){var n=e.id,a=e.title,i=e.votes,s="background-image:url('//img.youtube.com/vi/"+n+"/mqdefault.jpg');",l=$("<div>"+T+"</div>"),r="style";return t&&l.find("#list-song").css("height",0),C||l.find(".card-action").removeClass("hide"),1==i&&l.find(".vote-text").text("vote"),o&&(s="//img.youtube.com/vi/"+n+"/mqdefault.jpg",r="data-original"),l.find(".list-title").text(a),l.find(".list-title").attr("title",a),l.find(".list-votes").text(i),l.find(".vote-container").attr("onclick","vote('"+n+"','pos')"),l.find(".list-image").attr(r,s),l.find("#list-song").attr("id",n),l.find("#del").attr("onclick","vote('"+n+"', 'del')"),l.html()},getIndexOfSong:function(e){return indexes=$.map(a,function(t,o){return t.id==e?o:void 0}),indexes[0]}},k=$("#chan").html(),C=!0,I=0,_=!0,T=$("#list-song-html").html(),S=!1,E=!1,x=0,B="***REMOVED***",L=$("#temp-results-container"),M=$("#empty-results-container").html(),N=!1,A=/P((([0-9]*\.?[0-9]*)Y)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)W)?(([0-9]*\.?[0-9]*)D)?)?(T(([0-9]*\.?[0-9]*)H)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)S)?)?/,i=[],R=0,z=1,V="",j="",P=!1,m=1,H=!1,O=!1,D=6e3,q=Date.now(),Y=!1,G=-1,U={"sync disconnect on unload":!0},F=io.connect("http://"+window.location.hostname+":8880",U);F.on("get_list",function(){F.emit("list",k.toLowerCase())}),$(document).ready(function(){window.vote=w.vote,window.submit=J.submit,window.submitAndClose=J.submitAndClose,localStorage.list_update&&"13.06.15"==localStorage.list_update||(localStorage.setItem("list_update","13.06.15"),window.location.reload(!0)),Z.setup_youtube_listener(k),e.admin_listener(),w.channel_listener(),w.skipping_listener(),$("#settings").sideNav({menuWidth:300,edge:"right",closeOnClick:!1}),$(".video-container").resizable({handles:"e",minWidth:350}),localStorage[k.toLowerCase()]&&(64!=localStorage[k.toLowerCase()].length?localStorage.removeItem(k.toLowerCase()):F.emit("password",[localStorage[k.toLowerCase()],k.toLowerCase()])),window.mobilecheck()?(document.getElementById("search").blur(),Z.readyLooks()):(t.setup_chat_listener(k),t.allchat_listener(),y.host_listener(),Z.loadPlayer(),window.onYouTubeIframeAPIReady=Z.onYouTubeIframeAPIReady,$("#chat-btn").sideNav({menuWidth:272,edge:"left",closeOnClick:!1}),$(".drag-target")[1].remove(),o.msieversion()||Notification.requestPermission(),navigator.userAgent.toLowerCase().indexOf("firefox")>-1&&$(".main").height(window.innerHeight-64),git_info=$.ajax({type:"GET",url:"https://api.github.com/repos/zoff-music/zoff/commits",async:!1}).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"),o.sample()),$("#results").hover(function(){$("div.result").removeClass("hoverResults"),G=0},function(){}),$("#search").focus(),$("#base").bind("keyup keypress",function(e){var t=e.keyCode||e.which;return 13==t?(e.preventDefault(),!1):void 0}),$(".search_input").focus(),$(".search_input").keyup(function(e){search_input=$(this).val(),40!=e.keyCode&&38!=e.keyCode&&13!=e.keyCode&&39!=e.keyCode&&37!=e.keyCode&&(search_input.length<3&&$("#results").html(""),13==e.keyCode?J.search(search_input):(G=0,x=100))}),setInterval(function(){x--,0===x&&J.search($(".search_input").val())},1)}),$(document).keyup(function(e){if(27==event.keyCode)$("#results").html(""),o.contains($("#search-wrapper").attr("class").split(" "),"hide")||$("#search-wrapper").toggleClass("hide"),o.contains($("#song-title").attr("class").split(" "),"hide")&&$("#song-title").toggleClass("hide"),"mdi-navigation-close"==$("#search-btn i").attr("class")&&($("#search-btn i").toggleClass("mdi-navigation-close"),$("#search-btn i").toggleClass("mdi-action-search")),$("#results").toggleClass("hide");else if($("div.result").length>2)if(children=$("#mock-div").children(),40==e.keyCode)$(children[G-1]).removeClass("hoverResults"),$(children[G]).addClass("hoverResults"),G<children.length-2&&G++;else if(38==e.keyCode)G>1&&G--,$(children[G]).removeClass("hoverResults"),$(children[G-1]).addClass("hoverResults");else if(13==e.keyCode){G=0;var t=document.getElementsByClassName("hoverResults")[0];"function"==typeof t.onclick&&t.onclick.apply(t),$("div.hoverResults").removeClass("hoverResults"),$("#results").html(""),document.getElementById("search").value=""}}),$("input[class=conf]").change(function(){e.save()}),$("#listImport").on("submit",function(){J.importPlaylist(document.getElementById("import").value)}),$(window).focus(function(){E&&($("#favicon").attr("href","static/images/favicon.png"),E=!1)}),document.getElementById("chat-btn").addEventListener("click",function(){$("#text-chat-input").focus(),$("#chat-btn i").css("opacity",1),clearInterval(s),S=!1,E=!1,$("#favicon").attr("href","static/images/favicon.png")}),$(".chat-tab").click(function(){$("#text-chat-input").focus()}),$("#skip").on("click",function(){w.skip()}),$("#chan").on("click",function(){w.show()}),$("#adminForm").on("submit",function(){e.pass_save()}),$("#chatForm").on("submit",function(){t.chat(document.getElementById("chatForm").input)}),$("#shuffle").on("click",function(){e.shuffle()}),$("#search-btn").on("click",function(){J.showSearch()}),$("#song-title").on("click",function(){J.showSearch()}),$("#admin-lock").on("click",function(){e.log_out()}),$("#closeSettings").on("click",function(){e.hide_settings()});var W={initYoutubeControls:function(e){setInterval(W.durationSetter,1e3),W.initControls()},initControls:function(){document.getElementById("volume-button").addEventListener("click",W.mute_video),document.getElementById("playpause").addEventListener("click",W.play_pause),document.getElementById("fullscreen").addEventListener("click",W.fullscreen)},initSlider:function(){localStorage.volume?vol=localStorage.getItem("volume"):(vol=100,localStorage.setItem("volume",vol)),$("#volume").slider({min:0,max:100,value:vol,range:"min",animate:!0,slide:function(e,t){W.setVolume(t.value),localStorage.setItem("volume",t.value)}}),W.choose_button(vol,!1)},fullscreen:function(){var e=document.getElementById("player"),t=e.requestFullScreen||e.mozRequestFullScreen||e.webkitRequestFullScreen;t&&t.bind(e)()},play_pause:function(){1==d.getPlayerState()?d.pauseVideo():(2==d.getPlayerState()||0==d.getPlayerState())&&d.playVideo()},settings:function(){$("#qS").toggleClass("hide")},changeQuality:function(e){d.getPlaybackQuality!=e&&(d.setPlaybackQuality(e),d.getPlaybackQuality()),$("#qS").toggleClass("hide")},mute_video:function(){d.isMuted()?(d.unMute(),W.choose_button(d.getVolume(),!1)):(W.choose_button(0,!0),d.mute())},setVolume:function(e){d.setVolume(e),W.choose_button(e,!1),d.isMuted()&&d.unMute()},choose_button:function(e,t){t?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),2==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=0&&33>=e?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),2==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=34&&66>=e?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),2==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=67&&100>=e&&(2==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide"))},playPause:function(){state=d.getPlayerState(),button=document.getElementById("playpause"),1==state?d.pauseVideo():2==state&&d.playVideo()},durationSetter:function(){duration=d.getDuration(),dMinutes=Math.floor(duration/60),dSeconds=duration-60*dMinutes,currDurr=d.getCurrentTime(),currDurr>duration&&(currDurr=duration),minutes=Math.floor(currDurr/60),seconds=currDurr-60*minutes,document.getElementById("duration").innerHTML=o.pad(minutes)+":"+o.pad(seconds)+" <span id='dash'>/</span> "+o.pad(dMinutes)+":"+o.pad(dSeconds),per=100/duration*currDurr,per>=100?per=100:0==duration&&(per=0),$("#bar").width(per+"%")},volumeOptions:function(){d.isMuted()?(d.unMute(),vol=d.getVolume(),$("#volume").slider("value",d.getVolume())):(d.mute(),$("#volume").slider("value",0))},hoverMute:function(e){vol=d.getVolume()}},J={showSearch:function(){$("#search-wrapper").toggleClass("hide"),window.mobilecheck()&&$(".search_input").focus(),$("#song-title").toggleClass("hide"),$("#results").toggleClass("hide"),$("#results").empty(),$("#search-btn i").toggleClass("mdi-navigation-close"),$("#search-btn i").toggleClass("mdi-action-search"),$("#search").focus()},search:function(e){if($(".search_results").html(""),""!==window.search_input){N=!0;var t=encodeURIComponent(window.search_input),a="https://www.googleapis.com/youtube/v3/search?key="+B+"&videoEmbeddable=true&part=id&fields=items(id)&type=video&order=viewCount&safeSearch=none&maxResults=25";a+="&q="+t,R&&(a+="&videoCategoryId=10");var i="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+B+"&id=";o.contains($("#search_loader").attr("class").split(" "),"hide")&&$("#search_loader").removeClass("hide"),o.contains($("#results").attr("class").split(" "),"hide")&&$("#results").removeClass("hide"),$.ajax({type:"GET",url:a,dataType:"jsonp",success:function(e){0==e.items.length?($("<div style='display:none;' id='mock-div'>"+M+"</div>").appendTo($("#results")).show("blind",83.33),o.contains($("#search_loader").attr("class").split(" "),"hide")||$("#search_loader").addClass("hide")):e.items&&($.each(e.items,function(e,t){i+=t.id.videoId+","}),$.ajax({type:"GET",url:i,dataType:"jsonp",success:function(e){var t="",a=$(L);$.each(e.items,function(e,o){var i=o.contentDetails.duration;if(secs=J.durationToSeconds(i),!longsongs||secs<720){u=o.snippet.title,enc_title=encodeURIComponent(u).replace(/'/g,"\\'"),n=o.id,i=i.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s"),thumb=o.snippet.thumbnails.medium.url;var s=a;s.find(".search-title").text(u),s.find(".result_info").text(i),s.find(".thumb").attr("data-original",thumb),s.find(".add-many").attr("onclick","submit('"+n+"','"+enc_title+"',"+secs+");"),$($(s).find("div")[0]).attr("onclick","submitAndClose('"+n+"','"+enc_title+"',"+secs+");"),t+=s.html()}}),$("<div style='display:none;' id='mock-div'>"+t+"</div>").appendTo($("#results")).show("blind",83.33*(e.items.length-1)),setTimeout(function(){$(".thumb").lazyload({container:$("#results")})},250),o.contains($("#search_loader").attr("class").split(" "),"hide")||$("#search_loader").addClass("hide"),$(".add-many").click(function(e){return e.preventDefault(),e.stopPropagation(),!1})}}))}})}else $(".main").removeClass("blurT"),$("#controls").removeClass("blurT"),$(".main").removeClass("clickthrough")},submitAndClose:function(e,t,o){J.submit(e,t,o),$("#results").html(""),J.showSearch(),document.getElementById("search").value="",$("#results").html="",$(".main").removeClass("blurT"),$("#controls").removeClass("blurT"),$(".main").removeClass("clickthrough")},importPlaylist:function(e,t){token="",void 0!==t&&(token="&pageToken="+t),playlist_url="https://www.googleapis.com/youtube/v3/playlistItems?part=contentDetails&maxResults=49&key="+B+"&playlistId="+e+token,$.ajax({type:"GET",url:playlist_url,dataType:"jsonp",success:function(t){var o="";J.addVideos(t.items[0].contentDetails.videoId),$.each(t.items,function(e,t){o+=t.contentDetails.videoId+","}),J.addVideos(o),t.nextPageToken&&J.importPlaylist(e,t.nextPageToken),document.getElementById("import").value=""}})},addVideos:function(e){var t="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key=***REMOVED***&id=";t+=e,$.ajax({type:"POST",url:t,dataType:"jsonp",success:function(e){$.each(e.items,function(e,t){var o=J.durationToSeconds(t.contentDetails.duration);(!longsongs||720>o)&&(enc_title=encodeURIComponent(t.snippet.title),J.submit(t.id,enc_title,o))})}})},submit:function(e,t,o){F.emit("add",[e,decodeURIComponent(t),V,o])},durationToSeconds:function(e){var t=e.match(A);return hours=parseInt(t[12])||0,minutes=parseInt(t[14])||0,seconds=parseInt(t[16])||0,60*hours*60+60*minutes+seconds}},Z={setup_youtube_listener:function(e){F.on("np",function(e){if(0==e[0].length){document.getElementById("song-title").innerHTML="Empty channel. Add some songs!",$("#player_overlay").height($("#player").height()),window.mobilecheck()||$("#player_overlay").toggleClass("hide");try{d.stopVideo()}catch(t){}}else p=e[0][0].id,i=e[1][0],time=e[2],f=time-i.startTime,v=e[0][0].title,$("#player_overlay").addClass("hide"),Z.getTitle(v,m),Z.setBGimage(p),P&&!window.mobilecheck()?(d.getVideoUrl().split("v=")[1]!=p&&(d.loadVideoById(p),Z.notifyUser(p,v),d.seekTo(f),H&&d.pauseVideo()),H||d.playVideo(),(d.getDuration()>f||0==d.getDuration())&&d.seekTo(f)):Z.getTitle(v,m)}),F.on("viewers",function(e){m=e,void 0!==v&&Z.getTitle(v,m)})},onPlayerStateChange:function(e){switch(e.data){case-1:break;case 0:O=!1,H=!1,F.emit("end",p);break;case 1:O=!0,1==document.getElementById("play").className.split(" ").length&&$("#play").toggleClass("hide"),2==document.getElementById("pause").className.split(" ").length&&$("#pause").toggleClass("hide"),H&&(F.emit("pos"),H=!1);break;case 2:H=!0,1==document.getElementById("pause").className.split(" ").length&&$("#pause").toggleClass("hide"),2==document.getElementById("play").className.split(" ").length&&$("#play").toggleClass("hide");break;case 3:}},getTitle:function(e,t){var o=t>1?"viewers":"viewer",n=decodeURIComponent(e),a=document.getElementById("song-title"),i=document.getElementById("viewers");document.title=n+" • Zöff / "+k,a.innerHTML=n,i.innerHTML=t+" "+o,a.title=n+" • "+t+" "+o},errorHandler:function(e){5==e.data||100==e.data||101==e.data||150==e.data?F.emit("skip",e.data):void 0!==p&&d.loadVideoById(p)},onPlayerReady:function(e){P=!0,window.mobilecheck()||($("#player").css("opacity","1"),$("#controls").css("opacity","1"),$(".playlist").css("opacity","1"),d.loadVideoById(p),d.playVideo(),d.seekTo(f)),Z.readyLooks(),W.initYoutubeControls(d),W.initSlider(),d.setVolume(localStorage.getItem("volume"))},readyLooks:function(){Z.setBGimage(p)},setBGimage:function(e){if(void 0!==e){var t=new Image;t.onload=function(){var e=new ColorThief,n=e.getColor(t);document.getElementsByTagName("body")[0].style.backgroundColor=o.rgbToHsl(n),$("meta[name=theme-color]").attr("content",o.rgbToHex(n[0],n[1],n[2]))},t.crossOrigin="Anonymous",t.src="//zoff.no:8080/http://img.youtube.com/vi/"+e+"/mqdefault.jpg"}},notifyUser:function(e,t){if(t=t.replace(/\\\'/g,"'").replace(/&quot;/g,"'").replace(/&amp;/g,"&"),"granted"===Notification.permission&&document.hidden&&"30H2Z8Lr-4c"!=e&&!window.mobilecheck()){var o=new Notification("Now Playing",{body:t,icon:"http://i.ytimg.com/vi/"+e+"/mqdefault.jpg",iconUrl:"http://i.ytimg.com/vi/"+e+"/mqdefault.jpg"});o.onclick=function(e){window.focus(),this.cancel()},setTimeout(function(){o.close()},5e3)}},setup_all_listeners:function(){F.on("get_list",function(){F.emit("list",k.toLowerCase())}),Z.setup_youtube_listener(k),e.admin_listener(),t.setup_chat_listener(k),t.allchat_listener(),w.channel_listener(),w.skipping_listener()},onYouTubeIframeAPIReady:function(){d=new YT.Player("player",{videoId:"asd",playerVars:{rel:"0",wmode:"transparent",controls:"0",iv_load_policy:"3",theme:"light",color:"white"},events:{onReady:Z.onPlayerReady,onStateChange:Z.onPlayerStateChange,onError:Z.errorHandler}})},loadPlayer:function(){l=document.createElement("script"),l.src="https://www.youtube.com/iframe_api",c=document.getElementsByTagName("script")[0],c.parentNode.insertBefore(l,c)}}}();
\ No newline at end of file
+!function(){var e={admin_listener:function(){F.on("toast",function(t){switch(t){case"addedsong":t=o.rnd(["I added your song","Your song has been added","Yay, more songs!","Thats a cool song!","I added that song for you","I see you like adding songs..."]);break;case"savedsettings":t=o.rnd(["I've saved your settings","I stored all your settings","Your settings have been stored in a safe place"]);break;case"wrongpass":t=o.rnd(["That's not the right password!","Wrong! Better luck next time...","You seem to have mistyped the password","Incorrect. Have you tried meditating?","Nope, wrong password!","Wrong password. The authorities have been notified."]),localStorage[k.toLowerCase()]&&localStorage.removeItem(k.toLowerCase()),e.display_logged_out(),C=!0;break;case"shuffled":t=o.rnd(["♫ You stir me right round, baby. ♫","♫ Stir, stir, stir my boat ♫","I vigorously stirred your playlist!","I hope you like your list stirred, not shaken.","I shuffled your playlist with the cosmic background radiation as a seed. Enjoy.","100% randomized, for your listening pleasure!","I hope you enjoy your fresh playlist!"]);break;case"deletesong":t=o.rnd(["Your song is now in a better place...","You won't be seeing any more of that video...","EXTERMINATE! EXTERMINATE! EXTERMINATE!","I killed it with fire","Thanks for deleting that song. I didn't like it anyways...","Removed song securely."]);break;case"voted":t=o.rnd(["You voted!","You vote like a boss","Voting is the key to democracy","May you get your song to the very top!","I love that song! I vouch for you.","Only you vote that good","I like the way you vote...","Up the video goes!","Voted Zöff for president","Only 999 more to go!"]);break;case"alreadyvoted":t=o.rnd(["You can't vote twice on that song!","I see you have voted on that song before","One vote per person!","I know you want to hear your song, but have patience!","I'm sorry, but I can't let you vote twice, Dave."]);break;case"skip":t=o.rnd(["The song was skipped","I have skipped a song","Skipped to the beat","Skipmaster3000","They see me skippin', they hatin'"]);break;case"listhaspass":t=o.rnd(["I'm sorry, but you have to be an admin to do that!","Only admins can do that","You're not allowed to do that, try logging in!","I can't let you do that","Please log in to do that"]);break;case"noskip":t=o.rnd(["Only Admins can skip songs, peasant!","You have to log in to skip songs on this channel","Try clicking the settings icon and logging in before you skip"]);break;case"alreadyskip":t=o.rnd(["Skipping is democratic, only one vote per person!","More people have to vote to skip, not just you!","Get someone else to skip too! You can't do it on yourself."]);break;case"notyetskip":t="Skipping is disabled the first 10 seconds.";break;case"correctpass":t="Correct password. You now have access to the sacred realm of The Admin.";break;case"changedpass":t="Your password has been changed!"}Materialize.toast(t,4e3)}),F.on("pw",function(e){C=!1,R=e,names=["vote","addsongs","longsongs","frontpage","allvideos","removeplay","skip","shuffle"],localStorage.setItem(k.toLowerCase(),e);for(var t=0;t<names.length;t++)$("input[name="+names[t]+"]").attr("disabled",!1);$(".card-action").removeClass("hide"),$("#admin-lock").removeClass("mdi-action-lock"),$("#password").val(""),$("#password").attr("placeholder","Change channel password"),o.contains($("#admin-lock").attr("class").split(" "),"mdi-action-lock-open")||$("#admin-lock").addClass("mdi-action-lock-open clickable")}),F.on("conf",function(t){e.set_conf(t[0])})},pass_save:function(){C?F.emit("password",[CryptoJS.SHA256(document.getElementById("password").value).toString(),k.toLowerCase()]):F.emit("password",[CryptoJS.SHA256(document.getElementById("password").value).toString(),k.toLowerCase(),localStorage[k.toLowerCase()]])},log_out:function(){localStorage[k.toLowerCase()]?(localStorage.removeItem(k.toLowerCase()),e.display_logged_out(),Materialize.toast("Logged out",4e3)):Materialize.toast("Not logged in",4e3)},display_logged_out:function(){for(C=!0,R="",names=["vote","addsongs","longsongs","frontpage","allvideos","removeplay","skip","shuffle"],document.getElementById("password").value="",G=0;G<names.length;G++)$("input[name="+names[G]+"]").attr("disabled",!0);o.contains($("#admin-lock").attr("class").split(" "),"mdi-action-lock")||$("#admin-lock").addClass("mdi-action-lock"),0==$(".card-action").length||o.contains($(".card-action").attr("class").split(" "),"hide")||$(".card-action").addClass("hide"),$("#admin-lock").removeClass("mdi-action-lock-open clickable"),$("#password").attr("placeholder","Enter channel password")},save:function(){e.submitAdmin(document.getElementById("adminForm").elements)},set_conf:function(t){z=t.allvideos,longsongs=t.longsongs,names=["vote","addsongs","longsongs","frontpage","allvideos","removeplay","skip","shuffle"],_=""!=t.adminpass&&C?!0:!1;for(var o=0;o<names.length;o++)document.getElementsByName(names[o])[0].checked=t[names[o]]===!0,$("input[name="+names[o]+"]").attr("disabled",_);_&&!localStorage[k.toLowerCase()]?e.display_logged_out():_||localStorage[k.toLowerCase()]||$("#password").attr("placeholder","Create channel password")},submitAdmin:function(e){voting=e.vote.checked,addsongs=e.addsongs.checked,longsongs=e.longsongs.checked,V=e.frontpage.checked,allvideos=e.allvideos.checked,removeplay=e.removeplay.checked,skipping=e.skip.checked,shuffling=e.shuffle.checked,configs=[voting,addsongs,longsongs,V,allvideos,removeplay,R,skipping,shuffling],F.emit("conf",configs)},hide_settings:function(){$("#settings").sideNav("hide")},shuffle:function(){F.emit("shuffle",void 0!==R?R:"")}},t={chat:function(e){e.value.length>150||("#all_chat"==$(".tab a.active").attr("href")?F.emit("all,chat",e.value):F.emit("chat",e.value),e.value="")},allchat_listener:function(){F.on("chat.all",function(e){0!=$("#chat-bar").position().left?S||($("#favicon").attr("href","static/images/highlogo.png"),S=!0,E=!0,i=setInterval(t.chat_blink,2e3)):document.hidden&&($("#favicon").attr("href","static/images/highlogo.png"),E=!0);var n=o.intToARGB(o.hashCode(e[0])).substring(0,6);$("#chatall").append("<li title='"+e[2]+"'><span style='color:#"+n+";'>"+e[0]+"</span></li>");var a=document.createTextNode(e[1]);$("#chatall li:last")[0].appendChild(a),document.getElementById("chatall").scrollTop=document.getElementById("chatall").scrollHeight})},setup_chat_listener:function(e){document.getElementsByClassName("chat-tab")[0].innerHTML=e,F.on("chat",function(e){0!=$("#chat-bar").position().left&&e[1].indexOf(":")>=0&&(S||($("#favicon").attr("href","static/images/highlogo.png"),S=!0,i=setInterval(t.chat_blink,2e3)));var n=o.intToARGB(o.hashCode(e[0])).substring(0,6);$("#chatchannel").append("<li><span style='color:#"+n+";'>"+e[0]+"</span></li>");var a=document.createTextNode(e[1]);$("#chatchannel li:last")[0].appendChild(a),document.getElementById("chatchannel").scrollTop=document.getElementById("chatchannel").scrollHeight})},chat_blink:function(){$("#chat-btn i").css("opacity",.5),setTimeout(function(){$("#chat-btn i").css("opacity",1)},1e3)}};window.mobilecheck=function(){var e=!1;return function(t){(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4)))&&(e=!0)}(navigator.userAgent||navigator.vendor||window.opera),e};var o={rnd:function(e){return e[Math.floor(Math.random()*e.length)]},predicate:function(){for(var e,t,o,n=[],a=arguments.length,s=function(e,t){return e===t?0:t>e?-1:1},i=function(e,t){var o=s,n=s;return e&&(n=function(t,n){return o(e(t),e(n))}),t?function(e,t){return-1*n(e,t)}:n},l=0;a>l;l++)e=arguments[l],"string"==typeof e?(t=e,o=s):(t=e.name,o=i(e.primer,e.reverse)),n.push({name:t,cmp:o});return function(t,o){for(var s,i,l=0;a>l&&(i=0,e=n[l],s=e.name,i=e.cmp(t[s],o[s]),0===i);l++);return i}},hashCode:function(e){for(var t=0,o=0;o<e.length;o++)t=e.charCodeAt(o)+((t<<5)-t);return t},intToARGB:function(e){return(e>>24&255).toString(16)+(e>>16&255).toString(16)+(e>>8&255).toString(16)+(255&e).toString(16)},pad:function(e){return 10>e?"0"+Math.floor(e):Math.floor(e)},contains:function(e,t){for(var o=e.length;o--;)if(e[o]===t)return!0;return!1},sample:function(){Date.now()-q>=2*H&&(F.removeAllListeners(),F.disconnect(),F.connect(),K.setup_all_listeners()),q=Date.now(),setTimeout(o.sample,H)},loadjsfile:function(e){if(-1==P.indexOf("["+e+"]")){var t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("src",e),document.getElementsByTagName("head")[0].appendChild(t),P+="["+e+"]"}},msieversion:function(){var e=window.navigator.userAgent,t=e.indexOf("MSIE ");return t>0||navigator.userAgent.match(/Trident.*rv\:11\./)?!0:!1},getRandomInt:function(e,t){return Math.floor(Math.random()*(t-e))+e},rgbToHsl:function(e){r=e[0],g=e[1],b=e[2],r/=255,g/=255,b/=255;var t,o,n=Math.max(r,g,b),a=Math.min(r,g,b),s=(n+a)/2;if(n==a)t=o=0;else{var i=n-a;switch(o=s>.5?i/(2-n-a):i/(n+a),n){case r:t=(g-b)/i+(g<b?6:0);break;case g:t=(b-r)/i+2;break;case b:t=(r-g)/i+4}t/=6}return s>.5&&(s=.5),"hsl("+Math.floor(360*t)+", "+Math.floor(100*o)+"%, "+Math.floor(100*s)+"%)"},componentToHex:function(e){var t=e.toString(16);return 1==t.length?"0"+t:t},rgbToHex:function(e,t,n){return"#"+o.componentToHex(e)+o.componentToHex(t)+o.componentToHex(n)}};Element.prototype.remove=function(){this.parentElement.removeChild(this)},NodeList.prototype.remove=HTMLCollection.prototype.remove=function(){for(var e=0,t=this.length;t>e;e++)this[e]&&this[e].parentElement&&this[e].parentElement.removeChild(this[e])};var n,a,s,i,l,c,d,u,m,p,h,f,v,y={host_listener:function(){var e;F.on("id",function(t){void 0===e?e=t:(F.removeAllListeners(t),Y=!1,e=t);var o="http://"+window.location.hostname+"/remote/"+t;$("#code-text").text(t),$("#code-qr").attr("src","https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+o),$("#code-link").attr("href",o),Y||(Y=!0,F.on(t,function(e){"volume"==e[0]?($("#volume").slider("value",e[1]),d.setVolume(e[1]),localStorage.setItem("volume",e[1]),W.choose_button(e[1],!1)):"channel"==e[0]?(F.emit("change_channel"),k=e[1].toLowerCase(),$("#chan").html(k.substring(0,1).toUpperCase()+k.substring(1).toLowerCase()),C=!0,F.emit("list",k.toLowerCase()),localStorage[k.toLowerCase()]&&(64!=localStorage[k.toLowerCase()].length?localStorage.removeItem(k.toLowerCase()):F.emit("password",[localStorage[k.toLowerCase()],k.toLowerCase()])),window.history.pushState("object or string","Title","/"+k.toLowerCase())):"pause"==e[0]?d.pauseVideo():"play"==e[0]?d.playVideo():"skip"==e[0]&&w.skip()}))})}},w={channel_listener:function(){F.on("channel",function(e){w.channel_function(e)})},channel_function:function(e){switch(e[0]){case"list":w.populate_list(e[1]);break;case"added":w.added_song(e[1]);break;case"deleted":w.deleted_song(e[1]);break;case"vote":w.voted_song(e[1],e[2]);break;case"song_change":w.song_change(e[1])}},skipping_listener:function(){F.on("skipping",function(e){document.getElementById("pBar").innerHTML="Vote registrated! "+e[0]+" of "+e[1]+" has skipped. "+Math.ceil(e[1]/2)+" or more is needed!",$("#pBar").addClass("opacityFull"),setTimeout(function(){$("#pBar").removeClass("opacityFull")},1500)})},populate_list:function(e){a=e,w.sortList(),$("#wrapper").empty(),$.each(a,function(e,t){t.now_playing||$("#wrapper").append(w.generateSong(t,!1,!0))}),window.mobilecheck()?$(".list-image").lazyload({}):$(".list-image").lazyload({container:$("#wrapper")}).removeClass("lazy"),$("#settings").css("visibility","visible"),$("#settings").css("opacity","1"),$("#wrapper").css("opacity","1")},added_song:function(e){a.push(e),w.sortList(),w.insertAtIndex(e,!0)},deleted_song:function(e){var t=w.getIndexOfSong(e),o=$("#wrapper").children()[t];o.style.height=0,setTimeout(function(){$("#"+e).remove(),a.splice(w.getIndexOfSong(e),1)},305),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1},voted_song:function(e,t){var o=w.getIndexOfSong(e),n=a[o];a[o].votes+=1,a[o].added=t,w.sortList(),$("#"+e).remove(),w.insertAtIndex(n,!1)},song_change:function(e){var t=a.length-1;a[0].now_playing=!0,a[0].votes=0,a[0].guids=[],a[0].added=e,a[t].now_playing=!1,a.push(a.shift()),$("#wrapper").children()[0].remove(),w.insertAtIndex(a[t-1],!1),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1},vote:function(e,t){return F.emit("vote",[k,e,t,R]),!0},skip:function(){return F.emit("skip",[k,localStorage[k.toLowerCase()]]),!0},importOldList:function(e){var t="",o=0;playlist_url="lists/"+e+".json",h=$.parseJSON($.ajax({type:"GET",url:playlist_url,async:!1}).responseText),$.each(h.songs,function(e,n){t+=n.id+",",o>45&&(J.addVideos(t),t="",o=0),o++}),J.addVideos(t),document.getElementById("search").value=""},sortList:function(){a.sort(o.predicate({name:"votes",reverse:!0},"added"))},show:function(){window.mobilecheck()||(I?(I=!1,$("#toptitle").empty(),$("#chan").addClass("bigChan"),$("#chan").html("zoff.no/"+k.toLowerCase())):(I=!0,$("#toptitle").html("Zöff"),$("#chan").removeClass("bigChan"),$("#chan").html(k)))},insertAtIndex:function(e,t){G=w.getIndexOfSong(e.id),0===G?$("#wrapper").prepend(w.generateSong(e,t)):$("#wrapper > div:nth-child("+G+")").after(w.generateSong(e,t)),t&&setTimeout(function(){var e=$("#wrapper").children()[G];$(e).css("height",66)},5)},generateSong:function(e,t,o){var n=e.id,a=e.title,s=e.votes,i="background-image:url('//img.youtube.com/vi/"+n+"/mqdefault.jpg');",l=$("<div>"+T+"</div>"),r="style";return t&&l.find("#list-song").css("height",0),C||l.find(".card-action").removeClass("hide"),1==s&&l.find(".vote-text").text("vote"),o&&(i="//img.youtube.com/vi/"+n+"/mqdefault.jpg",r="data-original"),l.find(".list-title").text(a),l.find(".list-title").attr("title",a),l.find(".list-votes").text(s),l.find(".vote-container").attr("onclick","vote('"+n+"','pos')"),l.find(".list-image").attr(r,i),l.find("#list-song").attr("id",n),l.find("#del").attr("onclick","vote('"+n+"', 'del')"),l.html()},getIndexOfSong:function(e){return indexes=$.map(a,function(t,o){return t.id==e?o:void 0}),indexes[0]}},k=$("#chan").html(),C=!0,_=0,I=!0,T=$("#list-song-html").html(),S=!1,E=!1,x=0,B="***REMOVED***",L=$("#temp-results-container"),M=$("#empty-results-container").html(),N=!1,A=/P((([0-9]*\.?[0-9]*)Y)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)W)?(([0-9]*\.?[0-9]*)D)?)?(T(([0-9]*\.?[0-9]*)H)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)S)?)?/,s=[],z=0,V=1,R="",P="",j=!1,m=1,O=!1,D=!1,H=6e3,q=Date.now(),Y=!1,G=-1,U={"sync disconnect on unload":!0},F=io.connect("http://"+window.location.hostname+":8880",U);F.on("get_list",function(){F.emit("list",k.toLowerCase())}),$(document).ready(function(){window.vote=w.vote,window.submit=J.submit,window.submitAndClose=J.submitAndClose,localStorage.list_update&&"13.06.15"==localStorage.list_update||(localStorage.setItem("list_update","13.06.15"),window.location.reload(!0)),K.setup_youtube_listener(k),e.admin_listener(),w.channel_listener(),w.skipping_listener(),$("#settings").sideNav({menuWidth:300,edge:"right",closeOnClick:!1}),$(".video-container").resizable({handles:"e",minWidth:350}),localStorage[k.toLowerCase()]&&(64!=localStorage[k.toLowerCase()].length?localStorage.removeItem(k.toLowerCase()):F.emit("password",[localStorage[k.toLowerCase()],k.toLowerCase()])),window.mobilecheck()?(document.getElementById("search").blur(),K.readyLooks()):(t.setup_chat_listener(k),t.allchat_listener(),y.host_listener(),K.loadPlayer(),window.onYouTubeIframeAPIReady=K.onYouTubeIframeAPIReady,$("#chat-btn").sideNav({menuWidth:272,edge:"left",closeOnClick:!1}),$(".drag-target")[1].remove(),o.msieversion()||Notification.requestPermission(),navigator.userAgent.toLowerCase().indexOf("firefox")>-1&&$(".main").height(window.innerHeight-64),git_info=$.ajax({type:"GET",url:"https://api.github.com/repos/zoff-music/zoff/commits",async:!1}).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"),o.sample()),$("#results").hover(function(){$("div.result").removeClass("hoverResults"),G=0},function(){}),$("#search").focus(),$("#base").bind("keyup keypress",function(e){var t=e.keyCode||e.which;return 13==t?(e.preventDefault(),!1):void 0}),$(".search_input").focus(),$(".search_input").keyup(function(e){search_input=$(this).val(),40!=e.keyCode&&38!=e.keyCode&&13!=e.keyCode&&39!=e.keyCode&&37!=e.keyCode&&(search_input.length<3&&$("#results").html(""),13==e.keyCode?J.search(search_input):(G=0,x=100))}),setInterval(function(){x--,0===x&&J.search($(".search_input").val())},1)}),$(document).keyup(function(e){if(27==event.keyCode)$("#results").html(""),o.contains($("#search-wrapper").attr("class").split(" "),"hide")||$("#search-wrapper").toggleClass("hide"),o.contains($("#song-title").attr("class").split(" "),"hide")&&$("#song-title").toggleClass("hide"),"mdi-navigation-close"==$("#search-btn i").attr("class")&&($("#search-btn i").toggleClass("mdi-navigation-close"),$("#search-btn i").toggleClass("mdi-action-search")),$("#results").toggleClass("hide");else if($("div.result").length>2)if(children=$("#mock-div").children(),40==e.keyCode)$(children[G-1]).removeClass("hoverResults"),$(children[G]).addClass("hoverResults"),G<children.length-2&&G++;else if(38==e.keyCode)G>1&&G--,$(children[G]).removeClass("hoverResults"),$(children[G-1]).addClass("hoverResults");else if(13==e.keyCode){G=0;var t=document.getElementsByClassName("hoverResults")[0];"function"==typeof t.onclick&&t.onclick.apply(t),$("div.hoverResults").removeClass("hoverResults"),$("#results").html(""),document.getElementById("search").value=""}}),$("input[class=conf]").change(function(){e.save()}),$("#listImport").on("submit",function(){J.importPlaylist(document.getElementById("import").value)}),$(window).focus(function(){E&&($("#favicon").attr("href","static/images/favicon.png"),E=!1)}),document.getElementById("chat-btn").addEventListener("click",function(){$("#text-chat-input").focus(),$("#chat-btn i").css("opacity",1),clearInterval(i),S=!1,E=!1,$("#favicon").attr("href","static/images/favicon.png")}),$(".chat-tab").click(function(){$("#text-chat-input").focus()}),$("#skip").on("click",function(){w.skip()}),$("#chan").on("click",function(){w.show()}),$("#adminForm").on("submit",function(){e.pass_save()}),$("#chatForm").on("submit",function(){t.chat(document.getElementById("chatForm").input)}),$("#shuffle").on("click",function(){e.shuffle()}),$("#search-btn").on("click",function(){J.showSearch()}),$("#song-title").on("click",function(){J.showSearch()}),$("#admin-lock").on("click",function(){e.log_out()}),$("#closeSettings").on("click",function(){e.hide_settings()});var W={initYoutubeControls:function(e){setInterval(W.durationSetter,1e3),W.initControls()},initControls:function(){document.getElementById("volume-button").addEventListener("click",W.mute_video),document.getElementById("playpause").addEventListener("click",W.play_pause),document.getElementById("fullscreen").addEventListener("click",W.fullscreen)},initSlider:function(){localStorage.volume?vol=localStorage.getItem("volume"):(vol=100,localStorage.setItem("volume",vol)),$("#volume").slider({min:0,max:100,value:vol,range:"min",animate:!0,slide:function(e,t){W.setVolume(t.value),localStorage.setItem("volume",t.value)}}),W.choose_button(vol,!1)},fullscreen:function(){var e=document.getElementById("player"),t=e.requestFullScreen||e.mozRequestFullScreen||e.webkitRequestFullScreen;t&&t.bind(e)()},play_pause:function(){1==d.getPlayerState()?d.pauseVideo():(2==d.getPlayerState()||0==d.getPlayerState())&&d.playVideo()},settings:function(){$("#qS").toggleClass("hide")},changeQuality:function(e){d.getPlaybackQuality!=e&&(d.setPlaybackQuality(e),d.getPlaybackQuality()),$("#qS").toggleClass("hide")},mute_video:function(){d.isMuted()?(d.unMute(),W.choose_button(d.getVolume(),!1)):(W.choose_button(0,!0),d.mute())},setVolume:function(e){d.setVolume(e),W.choose_button(e,!1),d.isMuted()&&d.unMute()},choose_button:function(e,t){t?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),2==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=0&&33>=e?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),2==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=34&&66>=e?(1==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),2==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide")):e>=67&&100>=e&&(2==document.getElementById("v-full").className.split(" ").length&&$("#v-full").toggleClass("hide"),1==document.getElementById("v-medium").className.split(" ").length&&$("#v-medium").toggleClass("hide"),1==document.getElementById("v-low").className.split(" ").length&&$("#v-low").toggleClass("hide"),1==document.getElementById("v-mute").className.split(" ").length&&$("#v-mute").toggleClass("hide"))},playPause:function(){state=d.getPlayerState(),button=document.getElementById("playpause"),1==state?d.pauseVideo():2==state&&d.playVideo()},durationSetter:function(){duration=d.getDuration(),dMinutes=Math.floor(duration/60),dSeconds=duration-60*dMinutes,currDurr=d.getCurrentTime(),currDurr>duration&&(currDurr=duration),minutes=Math.floor(currDurr/60),seconds=currDurr-60*minutes,document.getElementById("duration").innerHTML=o.pad(minutes)+":"+o.pad(seconds)+" <span id='dash'>/</span> "+o.pad(dMinutes)+":"+o.pad(dSeconds),per=100/duration*currDurr,per>=100?per=100:0==duration&&(per=0),$("#bar").width(per+"%")},volumeOptions:function(){d.isMuted()?(d.unMute(),vol=d.getVolume(),$("#volume").slider("value",d.getVolume())):(d.mute(),$("#volume").slider("value",0))},hoverMute:function(e){vol=d.getVolume()}},J={showSearch:function(){$("#search-wrapper").toggleClass("hide"),window.mobilecheck()&&$(".search_input").focus(),$("#song-title").toggleClass("hide"),$("#results").toggleClass("hide"),$("#results").empty(),$("#search-btn i").toggleClass("mdi-navigation-close"),$("#search-btn i").toggleClass("mdi-action-search"),$("#search").focus()},search:function(e){if($(".search_results").html(""),""!==window.search_input){N=!0;var t=encodeURIComponent(window.search_input),a="https://www.googleapis.com/youtube/v3/search?key="+B+"&videoEmbeddable=true&part=id&fields=items(id)&type=video&order=viewCount&safeSearch=none&maxResults=25";a+="&q="+t,z&&(a+="&videoCategoryId=10");var s="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+B+"&id=";o.contains($("#search_loader").attr("class").split(" "),"hide")&&$("#search_loader").removeClass("hide"),o.contains($("#results").attr("class").split(" "),"hide")&&$("#results").removeClass("hide"),$.ajax({type:"GET",url:a,dataType:"jsonp",success:function(e){0==e.items.length?($("<div style='display:none;' id='mock-div'>"+M+"</div>").appendTo($("#results")).show("blind",83.33),o.contains($("#search_loader").attr("class").split(" "),"hide")||$("#search_loader").addClass("hide")):e.items&&($.each(e.items,function(e,t){s+=t.id.videoId+","}),$.ajax({type:"GET",url:s,dataType:"jsonp",success:function(e){var t="",a=$(L);$.each(e.items,function(e,o){var s=o.contentDetails.duration;if(secs=J.durationToSeconds(s),!longsongs||secs<720){u=o.snippet.title,enc_title=encodeURIComponent(u).replace(/'/g,"\\'"),n=o.id,s=s.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s"),thumb=o.snippet.thumbnails.medium.url;var i=a;i.find(".search-title").text(u),i.find(".result_info").text(s),i.find(".thumb").attr("data-original",thumb),i.find(".add-many").attr("onclick","submit('"+n+"','"+enc_title+"',"+secs+");"),$($(i).find("div")[0]).attr("onclick","submitAndClose('"+n+"','"+enc_title+"',"+secs+");"),t+=i.html()}}),$("<div style='display:none;' id='mock-div'>"+t+"</div>").appendTo($("#results")).show("blind",83.33*(e.items.length-1)),setTimeout(function(){$(".thumb").lazyload({container:$("#results")})},250),o.contains($("#search_loader").attr("class").split(" "),"hide")||$("#search_loader").addClass("hide"),$(".add-many").click(function(e){return e.preventDefault(),e.stopPropagation(),!1})}}))}})}else $(".main").removeClass("blurT"),$("#controls").removeClass("blurT"),$(".main").removeClass("clickthrough")},submitAndClose:function(e,t,o){J.submit(e,t,o),$("#results").html(""),J.showSearch(),document.getElementById("search").value="",$("#results").html="",$(".main").removeClass("blurT"),$("#controls").removeClass("blurT"),$(".main").removeClass("clickthrough")},importPlaylist:function(e,t){token="",void 0!==t&&(token="&pageToken="+t),playlist_url="https://www.googleapis.com/youtube/v3/playlistItems?part=contentDetails&maxResults=49&key="+B+"&playlistId="+e+token,$.ajax({type:"GET",url:playlist_url,dataType:"jsonp",success:function(t){var o="";J.addVideos(t.items[0].contentDetails.videoId),$.each(t.items,function(e,t){o+=t.contentDetails.videoId+","}),J.addVideos(o),t.nextPageToken&&J.importPlaylist(e,t.nextPageToken),document.getElementById("import").value=""}})},addVideos:function(e){var t="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key=***REMOVED***&id=";t+=e,$.ajax({type:"POST",url:t,dataType:"jsonp",success:function(e){$.each(e.items,function(e,t){var o=J.durationToSeconds(t.contentDetails.duration);(!longsongs||720>o)&&(enc_title=encodeURIComponent(t.snippet.title),J.submit(t.id,enc_title,o))})}})},submit:function(e,t,o){F.emit("add",[e,decodeURIComponent(t),R,o])},durationToSeconds:function(e){var t=e.match(A);return hours=parseInt(t[12])||0,minutes=parseInt(t[14])||0,seconds=parseInt(t[16])||0,60*hours*60+60*minutes+seconds}},K={setup_youtube_listener:function(e){F.on("np",function(e){if(0==e[0].length){document.getElementById("song-title").innerHTML="Empty channel. Add some songs!",$("#player_overlay").height($("#player").height()),window.mobilecheck()||$("#player_overlay").toggleClass("hide");try{d.stopVideo()}catch(t){}}else p=e[0][0].id,s=e[1][0],time=e[2],f=time-s.startTime,v=e[0][0].title,$("#player_overlay").addClass("hide"),K.getTitle(v,m),K.setBGimage(p),j&&!window.mobilecheck()?(d.getVideoUrl().split("v=")[1]!=p&&(d.loadVideoById(p),K.notifyUser(p,v),d.seekTo(f),O&&d.pauseVideo()),O||d.playVideo(),(d.getDuration()>f||0==d.getDuration())&&d.seekTo(f)):K.getTitle(v,m)}),F.on("viewers",function(e){m=e,void 0!==v&&K.getTitle(v,m)})},onPlayerStateChange:function(e){switch(e.data){case-1:break;case 0:D=!1,O=!1,F.emit("end",p);break;case 1:D=!0,1==document.getElementById("play").className.split(" ").length&&$("#play").toggleClass("hide"),2==document.getElementById("pause").className.split(" ").length&&$("#pause").toggleClass("hide"),O&&(F.emit("pos"),O=!1);break;case 2:O=!0,1==document.getElementById("pause").className.split(" ").length&&$("#pause").toggleClass("hide"),2==document.getElementById("play").className.split(" ").length&&$("#play").toggleClass("hide");break;case 3:}},getTitle:function(e,t){var o=t>1?"viewers":"viewer",n=decodeURIComponent(e),a=document.getElementById("song-title"),s=document.getElementById("viewers");document.title=n+" • Zöff / "+k,a.innerHTML=n,s.innerHTML=t+" "+o,a.title=n+" • "+t+" "+o},errorHandler:function(e){5==e.data||100==e.data||101==e.data||150==e.data?F.emit("skip",e.data):void 0!==p&&d.loadVideoById(p)},onPlayerReady:function(e){j=!0,window.mobilecheck()||($("#player").css("opacity","1"),$("#controls").css("opacity","1"),$(".playlist").css("opacity","1"),d.loadVideoById(p),d.playVideo(),d.seekTo(f)),K.readyLooks(),W.initYoutubeControls(d),W.initSlider(),d.setVolume(localStorage.getItem("volume"))},readyLooks:function(){K.setBGimage(p)},setBGimage:function(e){if(void 0!==e){var t=new Image;t.onload=function(){var e=new ColorThief,n=e.getColor(t);document.getElementsByTagName("body")[0].style.backgroundColor=o.rgbToHsl(n),$("meta[name=theme-color]").attr("content",o.rgbToHex(n[0],n[1],n[2]))},t.crossOrigin="Anonymous",t.src="//zoff.no:8080/http://img.youtube.com/vi/"+e+"/mqdefault.jpg"}},notifyUser:function(e,t){if(t=t.replace(/\\\'/g,"'").replace(/&quot;/g,"'").replace(/&amp;/g,"&"),"granted"===Notification.permission&&document.hidden&&"30H2Z8Lr-4c"!=e&&!window.mobilecheck()){var o=new Notification("Now Playing",{body:t,icon:"http://i.ytimg.com/vi/"+e+"/mqdefault.jpg",iconUrl:"http://i.ytimg.com/vi/"+e+"/mqdefault.jpg"});o.onclick=function(e){window.focus(),this.cancel()},setTimeout(function(){o.close()},5e3)}},setup_all_listeners:function(){F.on("get_list",function(){F.emit("list",k.toLowerCase())}),K.setup_youtube_listener(k),e.admin_listener(),t.setup_chat_listener(k),t.allchat_listener(),w.channel_listener(),w.skipping_listener()},onYouTubeIframeAPIReady:function(){d=new YT.Player("player",{videoId:"asd",playerVars:{rel:"0",wmode:"transparent",controls:"0",iv_load_policy:"3",theme:"light",color:"white"},events:{onReady:K.onPlayerReady,onStateChange:K.onPlayerStateChange,onError:K.errorHandler}})},loadPlayer:function(){l=document.createElement("script"),l.src="https://www.youtube.com/iframe_api",c=document.getElementsByTagName("script")[0],c.parentNode.insertBefore(l,c)}}}();
\ No newline at end of file
diff --git a/static/js/nochan.js b/static/js/nochan.js
index ab71fe49..4782e3e0 100755
--- a/static/js/nochan.js
+++ b/static/js/nochan.js
@@ -24,6 +24,8 @@ var Nochan = {
 
       pre_card = $(list_html);
 
+      Nochan.add_backdrop(lists, 0);
+
       for(x in lists)
       {
 
@@ -84,6 +86,35 @@ var Nochan = {
         if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
     }
     return "";
+  },
+
+  add_backdrop: function(list, i) {
+    console.log(list.length)
+    if(i >= list.length) i = 0;
+
+    var id = list[i][1];
+    $.ajax({
+      type: "POST",
+      data: {id:id},
+      url: "/php/imageblob.php",
+      success: function(data){
+         //data will contain the vote count echoed by the controller i.e.
+          $(".mega").css("opacity", 0);
+          setTimeout(function(){ 
+            $(".mega").css("background", "url(data:image/png;base64,"+data+")");
+            $(".mega").css("background-size" , "200%");
+            $(".mega").css("opacity", 1);
+            $("#search").attr("placeholder", list[i][3]);
+          },1000); 
+        //then append the result where ever you want like
+        //$("span#votes_number").html(data); //data will be containing the vote count which you have echoed from the controller
+
+          }
+      });
+    setTimeout(function(){
+      Nochan.add_backdrop(list, i+1);
+    },6000);
+    
   }