diff --git a/index.php b/index.php
index 901d8a66..3a772bca 100755
--- a/index.php
+++ b/index.php
@@ -202,6 +202,10 @@
                 </div>
             </div>
             <div id="playlist" class="col s12 m3">
+              <ul class="tabs playlist-tabs hide">
+                <li class="tab col s3"><a class="playlist-tab-links" href="#wrapper">Playlist</a></li>
+                <li class="tab col s3"><a class="playlist-tab-links" href="#suggestions">Suggested</a></li>
+              </ul>
                 <div id="wrapper">
                     <div id="preloader" class="progress channel_preloader">
                         <div class="indeterminate"></div>
@@ -226,6 +230,12 @@
                         </div>
                     </div>
                 </div>
+                <div id="suggestions">
+                        <p class="suggest-title-info">YouTube Suggests:</p>
+                        <div class="suggest_bar" id="suggest-song-html">
+                            
+                        </div>  
+                </div>
             </div>
         </div>
         <div id="playbar">
diff --git a/php/panel.php b/php/panel.php
index 579d653c..e8a72859 100755
--- a/php/panel.php
+++ b/php/panel.php
@@ -155,34 +155,6 @@
     </ul>
 </li>
 
-<li class="no-padding suggestion-panel hide-on-small-only hide">
-    <ul class="collapsible collapsible-accordion">
-        <li>
-            <a class="collapsible-header bold waves-effect suggested">Suggested Songs
-                <i class="mdi-av-playlist-add"></i>
-            </a>
-            <div class="collapsible-body">
-                <ul>
-                    <li class="white-bg suggestion-container">
-                        <p class="suggest-title-info">YouTube Suggests:</p>
-                        <div class="suggest_bar" id="suggest-song-html">
-                            <div class="suggest-songs">
-                                <div class="inner-suggest">
-                                <img class="suggest_thumb" src="/static/images/loading.png" alt="Thumb"/>
-                                <div class="collection-suggestion-info">
-                                <span class="suggest_title truncate"></span>
-                                <span class="duration-song truncate">10m 20s</span>
-                                </div>
-                                <span class="suggest_buttons"><button class="accept waves-effect waves-light btn light-green">Add</button><button class="decline waves-effect waves-light btn red">Delete</button></span>
-                                </div>
-                            </div>
-                        </div>
-                    </li>   
-                </ul>
-            </div>
-        </li>
-    </ul>
-</li>
 <!--
 <li class="no-padding">
     <h5 id="desc-title">List description</h5>
diff --git a/static/css/style.css b/static/css/style.css
index 2fe7d18f..00d0f829 100755
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -515,12 +515,28 @@ hide mdi-action-visibility mdi-action-visibility-off
   line-height:24px;
 }
 
+.playlist-tabs .indicator{
+  background-color:white !important;
+}
+
+.playlist-tabs .indicator, .tabs .indicator{
+  width:50%;
+}
+
+.playlist-tab-links{
+  color:white !important;
+}
+
+.playlist-tabs{
+  background-color:rgba(0,0,0,0) !important;
+}
+
 .duration-song{
   font-size:12px;
 }
 
 .suggest-title-info{
-  color: rgb(68,68,68);
+  color: white;
   padding: 10px 0 10px 10px !important;
   line-height: 34px;
   margin: 0 0 -10px 0 !important;
@@ -855,10 +871,11 @@ nav ul li:hover, nav ul li.active {
   padding-left: 10px;
 }
 
-#del{
+#del, #del_suggested{
     height: 100%;
     line-height: normal;
     padding: 2px 12px;
+    color:white;
 }
 
 .result {
diff --git a/static/dist/main.min.js b/static/dist/main.min.js
index 5d826fa8..bbef7796 100644
--- a/static/dist/main.min.js
+++ b/static/dist/main.min.js
@@ -1,2 +1,2 @@
-!function(){var e={beginning:!0,admin_listener:function(){K.on("toast",function(t){switch(t){case"addedsong":t=n.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=n.rnd(["I've saved your settings","I stored all your settings","Your settings have been stored in a safe place"]);break;case"wrongpass":t=n.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."]),o.remove_pass(C.toLowerCase()),e.display_logged_out(),S=!0;break;case"shuffled":t=n.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=n.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=n.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=n.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=n.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=n.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=n.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=n.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)}),K.on("pw",function(e){S=!1,O=e,names=["vote","addsongs","longsongs","frontpage","allvideos","removeplay","skip","shuffle"],o.set_pass(C.toLowerCase(),o.decrypt_pass(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"),$(".suggestion-panel").removeClass("hide"),n.contains($("#admin-lock").attr("class").split(" "),"mdi-action-lock-open")||$("#admin-lock").addClass("mdi-action-lock-open clickable")}),K.on("conf",function(t){o.init(),e.set_conf(t[0]),void 0!==o.get_pass(C.toLowerCase())&&e.beginning&&""!=o.get_pass(C.toLowerCase())&&(K.emit("password",[o.crypt_pass(o.get_pass(C.toLowerCase())),C.toLowerCase()]),e.beginning=!1)})},pass_save:function(){S?K.emit("password",[o.crypt_pass(CryptoJS.SHA256(document.getElementById("password").value).toString()),C.toLowerCase()]):K.emit("password",[o.crypt_pass(CryptoJS.SHA256(document.getElementById("password").value).toString()),C.toLowerCase(),o.crypt_pass(o.get_pass(C.toLowerCase()))])},log_out:function(){o.get_pass(C.toLowerCase())?(o.remove_pass(C.toLowerCase()),e.display_logged_out(),Materialize.toast("Logged out",4e3)):Materialize.toast("Not logged in",4e3)},display_logged_out:function(){for(S=!0,O="",names=["vote","addsongs","longsongs","frontpage","allvideos","removeplay","skip","shuffle"],document.getElementById("password").value="",F=0;F<names.length;F++)$("input[name="+names[F]+"]").attr("disabled",!0);n.contains($("#admin-lock").attr("class").split(" "),"mdi-action-lock")||$("#admin-lock").addClass("mdi-action-lock"),n.contains($(".suggestion-panel").attr("class").split(" "),"hide")||$(".suggestion-panel").addClass("hide"),0==$(".card-action").length||n.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&&S?!0:!1;for(var n=0;n<names.length;n++)document.getElementsByName(names[n])[0].checked=t[names[n]]===!0,$("input[name="+names[n]+"]").attr("disabled",I);I?e.display_logged_out():I||void 0!==o.get_pass(C.toLowerCase())||$("#password").attr("placeholder","Create channel password")},submitAdmin:function(e){voting=e.vote.checked,addsongs=e.addsongs.checked,longsongs=e.longsongs.checked,D=e.frontpage.checked,allvideos=e.allvideos.checked,removeplay=e.removeplay.checked,skipping=e.skip.checked,shuffling=e.shuffle.checked,configs=[voting,addsongs,longsongs,D,allvideos,removeplay,O,skipping,shuffling],K.emit("conf",configs)},hide_settings:function(){$("#settings").sideNav("hide")},shuffle:function(){K.emit("shuffle",void 0!==O?O:"")},get_admin:function(){return S}},t={chat:function(e){e.value.length>150||("#all_chat"==$(".tab a.active").attr("href")?K.emit("all,chat",e.value):K.emit("chat",e.value),e.value="")},allchat_listener:function(){K.on("chat.all",function(e){0!=$("#chat-bar").position().left?x||($("#favicon").attr("href","static/images/highlogo.png"),x=!0,L=!0,l=setInterval(t.chat_blink,2e3)):document.hidden&&($("#favicon").attr("href","static/images/highlogo.png"),L=!0);var o=n.intToARGB(n.hashCode(e[0])).substring(0,6);$("#chatall").append("<li title='"+e[2]+"'><span style='color:#"+o+";'>"+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,K.on("chat",function(e){0!=$("#chat-bar").position().left&&e[1].indexOf(":")>=0&&(x||($("#favicon").attr("href","static/images/highlogo.png"),x=!0,l=setInterval(t.chat_blink,2e3)));var o=n.intToARGB(n.hashCode(e[0])).substring(0,6);$("#chatchannel").append("<li><span style='color:#"+o+";'>"+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)}},o={conf_arr:{},init:function(){try{conf_arr=o.decrypt(o.getCookie("_opt"),"_opt"),conf_pass=o.decrypt(o.getCookie(C.toLowerCase()),C.toLowerCase())}catch(e){conf_arr=o.decrypt(o.create_cookie("_opt"),"_opt"),conf_pass=o.decrypt(o.create_cookie(C.toLowerCase()),C.toLowerCase())}k.change_enabled(conf_arr.remote),100!=conf_arr.width&&ee.set_width(conf_arr.width)},decrypt:function(e,t){void 0===o.getCookie(t)&&(e=o.create_cookie(t));var n=CryptoJS.AES.decrypt(e,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return $.parseJSON(n.toString(CryptoJS.enc.Utf8))},decrypt_pass:function(e){var t=CryptoJS.AES.decrypt(e,K.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString(CryptoJS.enc.Utf8)},encrypt:function(e,t){var o=JSON.stringify(e),n=CryptoJS.AES.encrypt(o,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7}),a=new Date;a.setFullYear(a.getFullYear()+1),"_opt"!=t?add=C.toLowerCase()+";":add=";",document.cookie=t+"="+n.toString()+";expires="+a.toGMTString()+";path=/"+add},encrypt_string:function(e){var t=CryptoJS.AES.encrypt(e,K.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString()},get_volume:function(){return o.decrypt(o.getCookie("_opt"),"_opt").volume},set_volume:function(e){conf_arr.volume=e,o.encrypt(conf_arr,"_opt")},create_cookie:function(e){"_opt"==e?cookie_object={volume:100,width:100,remote:!0}:cookie_object={passwords:{}};var t=JSON.stringify(cookie_object),n=CryptoJS.AES.encrypt(t,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7}),a=new Date;return a.setFullYear(a.getFullYear()+1),"_opt"!=e?add=C.toLowerCase():add=";",document.cookie=e+"="+n.toString()+";expires="+a.toGMTString()+";path=/"+add,o.getCookie(e)},set_pass:function(e,t){conf_pass.passwords[e]=t,o.encrypt(conf_pass,e)},remove_pass:function(e){delete conf_pass.passwords[e],o.encrypt(conf_pass,e.toLowerCase())},get_pass:function(e){return conf_pass.passwords[e]},set_remote:function(e){conf_arr.remote=e,o.encrypt(conf_arr,"_opt")},get_remote:function(e){return conf_arr.remote},crypt_pass:function(e){var t=CryptoJS.AES.encrypt(e,K.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString()},get_width:function(){return conf_arr.width},set_width:function(e){conf_arr.width=e,o.encrypt(conf_arr,"_opt")},getCookie:function(e){var t="; "+document.cookie,o=t.split("; "+e+"=");return 2==o.length?o.pop().split(";").shift():void 0}};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 n={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},r=0;a>r;r++)e=arguments[r],"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,r=0;a>r&&(s=0,e=n[r],i=e.name,s=e.cmp(t[i],o[i]),0===s);r++);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()-G>=2*q&&(K.removeAllListeners(),K.disconnect(),K.connect(),ee.setup_all_listeners()),G=Date.now(),setTimeout(n.sample,q)},loadjsfile:function(e){if(-1==z.indexOf("["+e+"]")){var t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("src",e),document.getElementsByTagName("head")[0].appendChild(t),z+="["+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,o){return"#"+n.componentToHex(e)+n.componentToHex(t)+n.componentToHex(o)}};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 a,i,s,l,c,d,u,p,m,h,f,v,y,w,k={enabled:!0,host_listener:function(){var e;K.on("id",function(t){void 0===e?e=t:(K.removeAllListeners(t),U=!1,e=t);var o="https://remote."+window.location.hostname+"/"+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),U||(U=!0,K.on(t,function(e){enabled&&("volume"==e[0]?($("#volume").slider("value",e[1]),u.setVolume(e[1]),localStorage.setItem("volume",e[1]),Q.choose_button(e[1],!1)):"channel"==e[0]?(K.emit("change_channel"),C=e[1].toLowerCase(),$("#chan").html(C.substring(0,1).toUpperCase()+C.substring(1).toLowerCase()),S=!0,K.emit("list",C.toLowerCase()),localStorage[C.toLowerCase()]&&(64!=localStorage[C.toLowerCase()].length?localStorage.removeItem(C.toLowerCase()):K.emit("password",[localStorage[C.toLowerCase()],C.toLowerCase()])),window.history.pushState("object or string","Title","/"+C.toLowerCase())):"pause"==e[0]?u.pauseVideo():"play"==e[0]?u.playVideo():"skip"==e[0]&&_.skip())}))}),$("input[class=remote_switch_class]").change(function(){enabled=document.getElementsByName("remote_switch")[0].checked,o.set_remote(enabled)})},change_enabled:function(e){enabled=e,document.getElementsByName("remote_switch")[0].checked=enabled}},_={channel_listener:function(){K.on("channel",function(e){_.channel_function(e)})},channel_function:function(e){switch(e[0]){case"list":_.populate_list(e[1]);break;case"added":_.added_song(e[1]);break;case"deleted":_.deleted_song(e[1]);break;case"vote":_.voted_song(e[1],e[2]);break;case"song_change":_.song_change(e[1])}},skipping_listener:function(){K.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){i=e,_.sortList(),$("#wrapper").empty(),$.each(i,function(e,t){t.now_playing||$("#wrapper").append(_.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){i.push(e),_.sortList(),_.insertAtIndex(e,!0)},deleted_song:function(e){var t=_.getIndexOfSong(e),o=$("#wrapper").children()[t];try{o.style.height=0,setTimeout(function(){$("#"+e).remove(),i.splice(_.getIndexOfSong(e),1)},305),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1}catch(n){i.splice(_.getIndexOfSong(e),1),$("#wrapper").children()[$("#wrapper").children().length-1].remove()}},voted_song:function(e,t){var o=_.getIndexOfSong(e),n=i[o];i[o].votes+=1,i[o].added=t,_.sortList(),$("#"+e).remove(),_.insertAtIndex(n,!1)},song_change:function(e){var t=i.length-1;i[0].now_playing=!0,i[0].votes=0,i[0].guids=[],i[0].added=e,i[t].now_playing=!1,i.push(i.shift()),$("#wrapper").children()[0].remove(),_.insertAtIndex(i[t-1],!1),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1},vote:function(e,t){return K.emit("vote",[C,e,t,O]),!0},skip:function(){return K.emit("skip",[C,O]),!0},importOldList:function(e){var t="",o=0;playlist_url="lists/"+e+".json",f=$.parseJSON($.ajax({type:"GET",url:playlist_url,async:!1}).responseText),$.each(f.songs,function(e,n){t+=n.id+",",o>45&&(Z.addVideos(t),t="",o=0),o++}),Z.addVideos(t),document.getElementById("search").value=""},sortList:function(){i.sort(n.predicate({name:"votes",reverse:!0},"added"))},show:function(){window.mobilecheck()||(T?(T=!1,$("#toptitle").empty(),$("#chan").addClass("bigChan"),$("#chan").html("zoff.no/"+C.toLowerCase())):(T=!0,$("#toptitle").html("Zöff"),$("#chan").removeClass("bigChan"),$("#chan").html(C)))},insertAtIndex:function(e,t){F=_.getIndexOfSong(e.id),0===F?$("#wrapper").prepend(_.generateSong(e,t)):$("#wrapper > div:nth-child("+F+")").after(_.generateSong(e,t)),t&&setTimeout(function(){var e=$("#wrapper").children()[F];$(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');",r=$("<div>"+E+"</div>"),l="style";return t&&r.find("#list-song").css("height",0),S||r.find(".card-action").removeClass("hide"),1==i&&r.find(".vote-text").text("vote"),o&&(s="//img.youtube.com/vi/"+n+"/mqdefault.jpg",l="data-original"),r.find(".list-title").text(a),r.find(".list-title").attr("title",a),r.find(".list-votes").text(i),r.find(".vote-container").attr("data-video-id",n),r.find(".list-image").attr(l,s),r.find("#list-song").attr("id",n),r.find("#del").attr("data-video-id",n),r.html()},getIndexOfSong:function(e){return indexes=$.map(i,function(t,o){return t.id==e?o:void 0}),indexes[0]}},C=$("#chan").html(),S=!0,I=0,T=!0,E=$("#list-song-html").html(),B=$("#suggest-song-html").html(),x=!1,L=!1,P=0,M="***REMOVED***",A=$("#temp-results-container"),N=$("#empty-results-container").html(),j=!1,V=/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=[],R=0,D=1,O="",z="",Y=!1,m=1,H=!1,J=!1,q=6e3,G=Date.now(),U=!1,F=-1,W={"sync disconnect on unload":!0,secure:!0};"zoff.no"==window.location.hostname?add="https://zoff.no":add="localhost";var K=io.connect(""+add+":8880",W);K.on("get_list",function(){K.emit("list",C.toLowerCase())}),$(document).ready(function(){localStorage.list_update&&"13.06.15"==localStorage.list_update||(localStorage.setItem("list_update","13.06.15"),window.location.reload(!0)),ee.setup_youtube_listener(C),e.admin_listener(),_.channel_listener(),_.skipping_listener(),$("#settings").sideNav({menuWidth:300,edge:"right",closeOnClick:!1}),$(".video-container").resizable({start:function(e,t){$("iframe").css("pointer-events","none")},stop:function(e,t){$("iframe").css("pointer-events","auto"),o.set_width($(this).width())},handles:"e",minWidth:350}),/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream?(document.getElementById("search").blur(),ee.readyLooks()):(t.setup_chat_listener(C),t.allchat_listener(),k.host_listener(),ee.loadPlayer(),window.onYouTubeIframeAPIReady=ee.onYouTubeIframeAPIReady,$("#chat-btn").sideNav({menuWidth:272,edge:"left",closeOnClick:!1}),$(".drag-target")[1].remove(),n.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"),n.sample()),$("#results").hover(function(){$("div.result").removeClass("hoverResults"),F=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?Z.search(search_input):(F=0,P=100))}),setInterval(function(){P--,0===P&&Z.search($(".search_input").val())},1)}),$(document).keyup(function(e){if(27==event.keyCode)$("#results").html(""),n.contains($("#search-wrapper").attr("class").split(" "),"hide")||$("#search-wrapper").toggleClass("hide"),n.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[F-1]).removeClass("hoverResults"),$(children[F]).addClass("hoverResults"),F<children.length-2&&F++;else if(38==e.keyCode)F>1&&F--,$(children[F]).removeClass("hoverResults"),$(children[F-1]).addClass("hoverResults");else if(13==e.keyCode){F=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()}),$("#clickme").click(function(){u.playVideo()}),$("#listImport").on("submit",function(){Z.importPlaylist(document.getElementById("import").value)}),$(window).focus(function(){L&&($("#favicon").attr("href","static/images/favicon.png"),L=!1)}),document.getElementById("chat-btn").addEventListener("click",function(){$("#text-chat-input").focus(),$("#chat-btn i").css("opacity",1),clearInterval(l),x=!1,L=!1,$("#favicon").attr("href","static/images/favicon.png")}),$(".chat-tab").click(function(){$("#text-chat-input").focus()}),$("#skip").on("click",function(){_.skip()}),$("#chan").on("click",function(){_.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(){Z.showSearch()}),$("#song-title").on("click",function(){Z.showSearch()}),$("#admin-lock").on("click",function(){e.log_out()}),$("#closeSettings").on("click",function(){e.hide_settings()}),$("#results").on("click","#temp-results",function(e){if($(e.target).html()!=$("<i class='mdi-av-playlist-add'></i>").html()){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");Z.submitAndClose(t,o,n)}}),$("#results").on("click","#add-many",function(e){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");Z.submit(t,o,n)}),$("#wrapper").on("click",".vote-container",function(e){var t=$(this).attr("data-video-id");_.vote(t,"pos")}),$("#wrapper").on("click","#del",function(e){var t=$(this).attr("data-video-id");_.vote(t,"del")}),$(".suggestion-container").on("click",".accept",function(e){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");Z.submit(t,o,n),$(".suggest-"+t).remove()}),$(".suggestion-container").on("click",".decline",function(e){var t=$(this).attr("data-video-id");$(".suggest-"+t).remove()});var Q={initYoutubeControls:function(e){!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||$("#controls").appendTo("#playbar"),setInterval(Q.durationSetter,1e3),Q.initControls()},initControls:function(){document.getElementById("volume-button").addEventListener("click",Q.mute_video),document.getElementById("playpause").addEventListener("click",Q.play_pause),document.getElementById("fullscreen").addEventListener("click",Q.fullscreen)},initSlider:function(){vol=o.get_volume(),$("#volume").slider({min:0,max:100,value:vol,range:"min",animate:!0,slide:function(e,t){Q.setVolume(t.value),o.set_volume(t.value)}}),Q.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==u.getPlayerState()?(u.pauseVideo(),!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||(document.getElementById("player").style.display="none")):(2==u.getPlayerState()||0==u.getPlayerState())&&(u.playVideo(),!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||(document.getElementById("player").style.display="block"))},settings:function(){$("#qS").toggleClass("hide")},changeQuality:function(e){u.getPlaybackQuality!=e&&(u.setPlaybackQuality(e),u.getPlaybackQuality()),$("#qS").toggleClass("hide")},mute_video:function(){u.isMuted()?(u.unMute(),Q.choose_button(u.getVolume(),!1)):(Q.choose_button(0,!0),u.mute())},setVolume:function(e){u.setVolume(e),Q.choose_button(e,!1),u.isMuted()&&u.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=u.getPlayerState(),button=document.getElementById("playpause"),1==state?u.pauseVideo():2==state&&u.playVideo()},durationSetter:function(){duration=u.getDuration(),dMinutes=Math.floor(duration/60),dSeconds=duration-60*dMinutes,currDurr=u.getCurrentTime(),currDurr>duration&&(currDurr=duration),minutes=Math.floor(currDurr/60),seconds=currDurr-60*minutes,document.getElementById("duration").innerHTML=n.pad(minutes)+":"+n.pad(seconds)+" <span id='dash'>/</span> "+n.pad(dMinutes)+":"+n.pad(dSeconds),per=100/duration*currDurr,per>=100?per=100:0==duration&&(per=0),$("#bar").width(per+"%")},volumeOptions:function(){u.isMuted()?(u.unMute(),vol=u.getVolume(),$("#volume").slider("value",u.getVolume())):(u.mute(),$("#volume").slider("value",0))},hoverMute:function(e){vol=u.getVolume()}},Z={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){j=!0;var t=encodeURIComponent(window.search_input),o="https://www.googleapis.com/youtube/v3/search?key="+M+"&videoEmbeddable=true&part=id&fields=items(id)&type=video&order=viewCount&safeSearch=none&maxResults=25";o+="&q="+t,R&&(o+="&videoCategoryId=10");var i="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+M+"&id=";n.contains($("#search_loader").attr("class").split(" "),"hide")&&$("#search_loader").removeClass("hide"),n.contains($("#results").attr("class").split(" "),"hide")&&$("#results").removeClass("hide"),$.ajax({type:"GET",url:o,dataType:"jsonp",success:function(e){0==e.items.length?($("<div style='display:none;' id='mock-div'>"+N+"</div>").appendTo($("#results")).show("blind",83.33),n.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="",o=$(A);$.each(e.items,function(e,n){var i=n.contentDetails.duration;if(secs=Z.durationToSeconds(i),!longsongs||secs<720){p=n.snippet.title,enc_title=encodeURIComponent(p).replace(/'/g,"\\'"),a=n.id,i=i.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s"),thumb=n.snippet.thumbnails.medium.url;var s=o;s.find(".search-title").text(p),s.find(".result_info").text(i),s.find(".thumb").attr("data-original",thumb),s.find("#add-many").attr("data-video-id",a),s.find("#add-many").attr("data-video-title",enc_title),s.find("#add-many").attr("data-video-length",secs),s.find("#temp-results").attr("data-video-id",a),s.find("#temp-results").attr("data-video-title",enc_title),s.find("#temp-results").attr("data-video-length",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),n.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){Z.submit(e,t,o),$("#results").html(""),Z.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="+M+"&playlistId="+e+token,$.ajax({type:"GET",url:playlist_url,dataType:"jsonp",success:function(t){var o="";Z.addVideos(t.items[0].contentDetails.videoId),$.each(t.items,function(e,t){o+=t.contentDetails.videoId+","}),Z.addVideos(o),t.nextPageToken&&Z.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=Z.durationToSeconds(t.contentDetails.duration);(!longsongs||720>o)&&(enc_title=encodeURIComponent(t.snippet.title),Z.submit(t.id,enc_title,o))})}})},submit:function(e,t,o){K.emit("add",[e,decodeURIComponent(t),O,o])},durationToSeconds:function(e){var t=e.match(V);return hours=parseInt(t[12])||0,minutes=parseInt(t[14])||0,seconds=parseInt(t[16])||0,60*hours*60+60*minutes+seconds}},X={catchUserSuggests:function(e){},fetchYoutubeSuggests:function(e){var t="https://www.googleapis.com/youtube/v3/search?part=snippet&relatedToVideoId="+e+"&type=video&key="+M,o="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+M+"&id=";$.ajax({type:"GET",url:t,dataType:"jsonp",success:function(e){$.each(e.items.slice(0,5),function(e,t){o+=t.id.videoId+","}),$.ajax({type:"GET",url:o,dataType:"jsonp",success:function(e){$("#suggest-song-html").empty(),$.each(e.items,function(e,t){var o=t.contentDetails.duration,n=Z.durationToSeconds(o),a=t.id,i=t.snippet.title,s=$("<div><div class='suggest-songs suggest-"+a+"'>"+$(B).html()+"</div></div>");o=o.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s"),window.suggest_song=s,s.find(".suggest_thumb").attr("src","//img.youtube.com/vi/"+a+"/mqdefault.jpg"),s.find(".suggest_title").text(i),s.find(".duration-song").text(o),s.find(".accept").attr("data-video-id",a),s.find(".accept").attr("data-video-title",i),s.find(".accept").attr("data-video-length",n),s.find(".decline").attr("data-video-id",a),$("#suggest-song-html").append(s.html())})}})}})}},ee={setup_youtube_listener:function(e){K.on("np",function(e){if(0==e[0].length){document.getElementById("song-title").innerHTML="Empty channel. Add some songs!",$("#player_overlay").height($("#player").height()),/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||$("#player_overlay").toggleClass("hide");try{u.stopVideo()}catch(t){}}else void 0==w?w=e[0][0].id:w!=h&&(w=h),h=e[0][0].id,s=e[1][0],time=e[2],v=time-s.startTime,y=e[0][0].title,$("#player_overlay").addClass("hide"),X.fetchYoutubeSuggests(h),ee.getTitle(y,m),ee.setBGimage(h),!Y||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream?ee.getTitle(y,m):(u.getVideoUrl().split("v=")[1]!=h&&(u.loadVideoById(h),ee.notifyUser(h,y),u.seekTo(v),H&&u.pauseVideo()),H||u.playVideo(),(u.getDuration()>v||0==u.getDuration())&&u.seekTo(v))}),K.on("viewers",function(e){m=e,void 0!==y&&ee.getTitle(y,m)})},onPlayerStateChange:function(e){switch(e.data){case-1:break;case 0:J=!1,H=!1,K.emit("end",h);break;case 1:J=!0,beginning&&window.mobilecheck()&&(u.pauseVideo(),beginning=!1),1==document.getElementById("play").className.split(" ").length&&$("#play").toggleClass("hide"),2==document.getElementById("pause").className.split(" ").length&&$("#pause").toggleClass("hide"),H&&(K.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 / "+C,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?K.emit("skip",e.data):void 0!==h&&u.loadVideoById(h)},onPlayerReady:function(e){beginning=!0,Y=!0,/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||($("#player").css("opacity","1"),$("#controls").css("opacity","1"),$(".playlist").css("opacity","1"),u.loadVideoById(h),u.playVideo(),u.seekTo(v)),ee.readyLooks(),Q.initYoutubeControls(u),Q.initSlider(),u.setVolume(o.get_volume())},readyLooks:function(){ee.setBGimage(h)},setBGimage:function(e){if(void 0!==e){var t=new Image;t.onload=function(){var e=new ColorThief,o=e.getColor(t);document.getElementsByTagName("body")[0].style.backgroundColor=n.rgbToHsl(o),$("meta[name=theme-color]").attr("content",n.rgbToHex(o[0],o[1],o[2]))},t.crossOrigin="Anonymous",t.src="https://zoff.no:8080/https://img.youtube.com/vi/"+e+"/mqdefault.jpg"}},set_width:function(e){$(".video-container").width(e)},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(){K.on("get_list",function(){K.emit("list",C.toLowerCase())}),ee.setup_youtube_listener(C),e.admin_listener(),t.setup_chat_listener(C),t.allchat_listener(),_.channel_listener(),_.skipping_listener()},onYouTubeIframeAPIReady:function(){u=new YT.Player("player",{videoId:"asd",playerVars:{rel:"0",wmode:"transparent",controls:"0",iv_load_policy:"3",theme:"light",color:"white"},events:{onReady:ee.onPlayerReady,onStateChange:ee.onPlayerStateChange,onError:ee.errorHandler}})},loadPlayer:function(){c=document.createElement("script"),c.src="https://www.youtube.com/iframe_api",d=document.getElementsByTagName("script")[0],d.parentNode.insertBefore(c,d)}}}();
\ No newline at end of file
+!function(){var e={beginning:!0,admin_listener:function(){K.on("toast",function(t){switch(t){case"addedsong":t=n.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=n.rnd(["I've saved your settings","I stored all your settings","Your settings have been stored in a safe place"]);break;case"wrongpass":t=n.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."]),o.remove_pass(C.toLowerCase()),e.display_logged_out(),S=!0;break;case"shuffled":t=n.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=n.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=n.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=n.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=n.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=n.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=n.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=n.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)}),K.on("pw",function(e){S=!1,O=e,names=["vote","addsongs","longsongs","frontpage","allvideos","removeplay","skip","shuffle"],o.set_pass(C.toLowerCase(),o.decrypt_pass(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"),$(".playlist-tabs").removeClass("hide"),n.contains($("#admin-lock").attr("class").split(" "),"mdi-action-lock-open")||$("#admin-lock").addClass("mdi-action-lock-open clickable")}),K.on("conf",function(t){o.init(),e.set_conf(t[0]),void 0!==o.get_pass(C.toLowerCase())&&e.beginning&&""!=o.get_pass(C.toLowerCase())&&(K.emit("password",[o.crypt_pass(o.get_pass(C.toLowerCase())),C.toLowerCase()]),e.beginning=!1)})},pass_save:function(){S?K.emit("password",[o.crypt_pass(CryptoJS.SHA256(document.getElementById("password").value).toString()),C.toLowerCase()]):K.emit("password",[o.crypt_pass(CryptoJS.SHA256(document.getElementById("password").value).toString()),C.toLowerCase(),o.crypt_pass(o.get_pass(C.toLowerCase()))])},log_out:function(){o.get_pass(C.toLowerCase())?(o.remove_pass(C.toLowerCase()),e.display_logged_out(),Materialize.toast("Logged out",4e3)):Materialize.toast("Not logged in",4e3)},display_logged_out:function(){for(S=!0,O="",names=["vote","addsongs","longsongs","frontpage","allvideos","removeplay","skip","shuffle"],document.getElementById("password").value="",F=0;F<names.length;F++)$("input[name="+names[F]+"]").attr("disabled",!0);n.contains($("#admin-lock").attr("class").split(" "),"mdi-action-lock")||$("#admin-lock").addClass("mdi-action-lock"),n.contains($(".playlist-tabs").attr("class").split(" "),"hide")||$(".playlist-tabs").addClass("hide"),0==$(".card-action").length||n.contains($(".card-action").attr("class").split(" "),"hide")||$(".card-action").addClass("hide"),$("ul.tabs").tabs("select_tab","wrapper"),$("#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&&S?!0:!1;for(var n=0;n<names.length;n++)document.getElementsByName(names[n])[0].checked=t[names[n]]===!0,$("input[name="+names[n]+"]").attr("disabled",I);I?e.display_logged_out():I||void 0!==o.get_pass(C.toLowerCase())||$("#password").attr("placeholder","Create channel password")},submitAdmin:function(e){voting=e.vote.checked,addsongs=e.addsongs.checked,longsongs=e.longsongs.checked,D=e.frontpage.checked,allvideos=e.allvideos.checked,removeplay=e.removeplay.checked,skipping=e.skip.checked,shuffling=e.shuffle.checked,configs=[voting,addsongs,longsongs,D,allvideos,removeplay,O,skipping,shuffling],K.emit("conf",configs)},hide_settings:function(){$("#settings").sideNav("hide")},shuffle:function(){K.emit("shuffle",void 0!==O?O:"")},get_admin:function(){return S}},t={chat:function(e){e.value.length>150||("#all_chat"==$(".tab a.active").attr("href")?K.emit("all,chat",e.value):K.emit("chat",e.value),e.value="")},allchat_listener:function(){K.on("chat.all",function(e){0!=$("#chat-bar").position().left?x||($("#favicon").attr("href","static/images/highlogo.png"),x=!0,L=!0,l=setInterval(t.chat_blink,2e3)):document.hidden&&($("#favicon").attr("href","static/images/highlogo.png"),L=!0);var o=n.intToARGB(n.hashCode(e[0])).substring(0,6);$("#chatall").append("<li title='"+e[2]+"'><span style='color:#"+o+";'>"+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,K.on("chat",function(e){0!=$("#chat-bar").position().left&&e[1].indexOf(":")>=0&&(x||($("#favicon").attr("href","static/images/highlogo.png"),x=!0,l=setInterval(t.chat_blink,2e3)));var o=n.intToARGB(n.hashCode(e[0])).substring(0,6);$("#chatchannel").append("<li><span style='color:#"+o+";'>"+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)}},o={conf_arr:{},init:function(){try{conf_arr=o.decrypt(o.getCookie("_opt"),"_opt"),conf_pass=o.decrypt(o.getCookie(C.toLowerCase()),C.toLowerCase())}catch(e){conf_arr=o.decrypt(o.create_cookie("_opt"),"_opt"),conf_pass=o.decrypt(o.create_cookie(C.toLowerCase()),C.toLowerCase())}k.change_enabled(conf_arr.remote),100!=conf_arr.width&&ee.set_width(conf_arr.width)},decrypt:function(e,t){void 0===o.getCookie(t)&&(e=o.create_cookie(t));var n=CryptoJS.AES.decrypt(e,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return $.parseJSON(n.toString(CryptoJS.enc.Utf8))},decrypt_pass:function(e){var t=CryptoJS.AES.decrypt(e,K.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString(CryptoJS.enc.Utf8)},encrypt:function(e,t){var o=JSON.stringify(e),n=CryptoJS.AES.encrypt(o,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7}),a=new Date;a.setFullYear(a.getFullYear()+1),"_opt"!=t?add=C.toLowerCase()+";":add=";",document.cookie=t+"="+n.toString()+";expires="+a.toGMTString()+";path=/"+add},encrypt_string:function(e){var t=CryptoJS.AES.encrypt(e,K.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString()},get_volume:function(){return o.decrypt(o.getCookie("_opt"),"_opt").volume},set_volume:function(e){conf_arr.volume=e,o.encrypt(conf_arr,"_opt")},create_cookie:function(e){"_opt"==e?cookie_object={volume:100,width:100,remote:!0}:cookie_object={passwords:{}};var t=JSON.stringify(cookie_object),n=CryptoJS.AES.encrypt(t,navigator.userAgent+navigator.languages,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7}),a=new Date;return a.setFullYear(a.getFullYear()+1),"_opt"!=e?add=C.toLowerCase():add=";",document.cookie=e+"="+n.toString()+";expires="+a.toGMTString()+";path=/"+add,o.getCookie(e)},set_pass:function(e,t){conf_pass.passwords[e]=t,o.encrypt(conf_pass,e)},remove_pass:function(e){delete conf_pass.passwords[e],o.encrypt(conf_pass,e.toLowerCase())},get_pass:function(e){return conf_pass.passwords[e]},set_remote:function(e){conf_arr.remote=e,o.encrypt(conf_arr,"_opt")},get_remote:function(e){return conf_arr.remote},crypt_pass:function(e){var t=CryptoJS.AES.encrypt(e,K.id,{mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7});return t.toString()},get_width:function(){return conf_arr.width},set_width:function(e){conf_arr.width=e,o.encrypt(conf_arr,"_opt")},getCookie:function(e){var t="; "+document.cookie,o=t.split("; "+e+"=");return 2==o.length?o.pop().split(";").shift():void 0}};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 n={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},r=0;a>r;r++)e=arguments[r],"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,r=0;a>r&&(s=0,e=n[r],i=e.name,s=e.cmp(t[i],o[i]),0===s);r++);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()-G>=2*q&&(K.removeAllListeners(),K.disconnect(),K.connect(),ee.setup_all_listeners()),G=Date.now(),setTimeout(n.sample,q)},loadjsfile:function(e){if(-1==z.indexOf("["+e+"]")){var t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("src",e),document.getElementsByTagName("head")[0].appendChild(t),z+="["+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,o){return"#"+n.componentToHex(e)+n.componentToHex(t)+n.componentToHex(o)}};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 a,i,s,l,d,c,u,p,m,h,f,v,y,w,k={enabled:!0,host_listener:function(){var e;K.on("id",function(t){void 0===e?e=t:(K.removeAllListeners(t),U=!1,e=t);var o="https://remote."+window.location.hostname+"/"+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),U||(U=!0,K.on(t,function(e){enabled&&("volume"==e[0]?($("#volume").slider("value",e[1]),u.setVolume(e[1]),localStorage.setItem("volume",e[1]),Q.choose_button(e[1],!1)):"channel"==e[0]?(K.emit("change_channel"),C=e[1].toLowerCase(),$("#chan").html(C.substring(0,1).toUpperCase()+C.substring(1).toLowerCase()),S=!0,K.emit("list",C.toLowerCase()),localStorage[C.toLowerCase()]&&(64!=localStorage[C.toLowerCase()].length?localStorage.removeItem(C.toLowerCase()):K.emit("password",[localStorage[C.toLowerCase()],C.toLowerCase()])),window.history.pushState("object or string","Title","/"+C.toLowerCase())):"pause"==e[0]?u.pauseVideo():"play"==e[0]?u.playVideo():"skip"==e[0]&&_.skip())}))}),$("input[class=remote_switch_class]").change(function(){enabled=document.getElementsByName("remote_switch")[0].checked,o.set_remote(enabled)})},change_enabled:function(e){enabled=e,document.getElementsByName("remote_switch")[0].checked=enabled}},_={channel_listener:function(){K.on("channel",function(e){_.channel_function(e)})},channel_function:function(e){switch(e[0]){case"list":_.populate_list(e[1]);break;case"added":_.added_song(e[1]);break;case"deleted":_.deleted_song(e[1]);break;case"vote":_.voted_song(e[1],e[2]);break;case"song_change":_.song_change(e[1])}},skipping_listener:function(){K.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){i=e,_.sortList(),$("#wrapper").empty(),$.each(i,function(e,t){t.now_playing||(console.log(t),$("#wrapper").append(_.generateSong(t,!1,!0,!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){i.push(e),_.sortList(),_.insertAtIndex(e,!0)},deleted_song:function(e){var t=_.getIndexOfSong(e),o=$("#wrapper").children()[t];try{o.style.height=0,setTimeout(function(){$("#"+e).remove(),i.splice(_.getIndexOfSong(e),1)},305),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1}catch(n){i.splice(_.getIndexOfSong(e),1),$("#wrapper").children()[$("#wrapper").children().length-1].remove()}},voted_song:function(e,t){var o=_.getIndexOfSong(e),n=i[o];i[o].votes+=1,i[o].added=t,_.sortList(),$("#"+e).remove(),_.insertAtIndex(n,!1)},song_change:function(e){var t=i.length-1;i[0].now_playing=!0,i[0].votes=0,i[0].guids=[],i[0].added=e,i[t].now_playing=!1,i.push(i.shift()),$("#wrapper").children()[0].remove(),_.insertAtIndex(i[t-1],!1),document.getElementById("wrapper").scrollTop+=1,document.getElementById("wrapper").scrollTop+=-1},vote:function(e,t){return K.emit("vote",[C,e,t,O]),!0},skip:function(){return K.emit("skip",[C,O]),!0},importOldList:function(e){var t="",o=0;playlist_url="lists/"+e+".json",f=$.parseJSON($.ajax({type:"GET",url:playlist_url,async:!1}).responseText),$.each(f.songs,function(e,n){t+=n.id+",",o>45&&(Z.addVideos(t),t="",o=0),o++}),Z.addVideos(t),document.getElementById("search").value=""},sortList:function(){i.sort(n.predicate({name:"votes",reverse:!0},"added"))},show:function(){window.mobilecheck()||(T?(T=!1,$("#toptitle").empty(),$("#chan").addClass("bigChan"),$("#chan").html("zoff.no/"+C.toLowerCase())):(T=!0,$("#toptitle").html("Zöff"),$("#chan").removeClass("bigChan"),$("#chan").html(C)))},insertAtIndex:function(e,t){F=_.getIndexOfSong(e.id),0===F?$("#wrapper").prepend(_.generateSong(e,t,!1,!0)):$("#wrapper > div:nth-child("+F+")").after(_.generateSong(e,t,!1,!0)),t&&setTimeout(function(){var e=$("#wrapper").children()[F];$(e).css("height",66)},5)},generateSong:function(e,t,o,n){var a,i,s=e.id,r=e.title,l=e.votes,d="background-image:url('//img.youtube.com/vi/"+s+"/mqdefault.jpg');",c=$("<div>"+E+"</div>"),u="style";return t&&c.find("#list-song").css("height",0),S||c.find(".card-action").removeClass("hide"),1==l&&c.find(".vote-text").text("vote"),o&&(d="//img.youtube.com/vi/"+s+"/mqdefault.jpg",u="data-original"),n?(c.find(".list-votes").text(l),c.find("#list-song").attr("id",s),a=".vote-container",i="#del"):n||(console.log(e),c.find(".vote-text").text(e.duration),a=".add-suggested",i="#del_suggested",c.find(".vote-container").attr("class","clickable add-suggested"),c.find("#del").attr("id","del_suggested"),c.find(a).attr("data-video-title",r),c.find(a).attr("data-video-length",e.length),c.find("#list-song").attr("id","suggested-"+s)),c.find(".list-title").text(r),c.find(".list-title").attr("title",r),c.find(a).attr("data-video-id",s),c.find(".list-image").attr(u,d),c.find(i).attr("data-video-id",s),c.html()},getIndexOfSong:function(e){return indexes=$.map(i,function(t,o){return t.id==e?o:void 0}),indexes[0]}},C=$("#chan").html(),S=!0,I=0,T=!0,E=$("#list-song-html").html(),B=$("#suggest-song-html").html(),x=!1,L=!1,P=0,M="***REMOVED***",A=$("#temp-results-container"),N=$("#empty-results-container").html(),j=!1,V=/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=[],R=0,D=1,O="",z="",Y=!1,m=1,H=!1,J=!1,q=6e3,G=Date.now(),U=!1,F=-1,W={"sync disconnect on unload":!0,secure:!0};"zoff.no"==window.location.hostname?add="https://zoff.no":add="localhost";var K=io.connect(""+add+":8880",W);K.on("get_list",function(){K.emit("list",C.toLowerCase())}),$(document).ready(function(){localStorage.list_update&&"13.06.15"==localStorage.list_update||(localStorage.setItem("list_update","13.06.15"),window.location.reload(!0)),ee.setup_youtube_listener(C),e.admin_listener(),_.channel_listener(),_.skipping_listener(),$("#settings").sideNav({menuWidth:300,edge:"right",closeOnClick:!1}),$(".video-container").resizable({start:function(e,t){$("iframe").css("pointer-events","none")},stop:function(e,t){$("iframe").css("pointer-events","auto"),o.set_width($(this).width())},handles:"e",minWidth:350}),/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream?(document.getElementById("search").blur(),ee.readyLooks()):(t.setup_chat_listener(C),t.allchat_listener(),k.host_listener(),ee.loadPlayer(),window.onYouTubeIframeAPIReady=ee.onYouTubeIframeAPIReady,$("#chat-btn").sideNav({menuWidth:272,edge:"left",closeOnClick:!1}),$(".drag-target")[1].remove(),n.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"),n.sample()),$("#results").hover(function(){$("div.result").removeClass("hoverResults"),F=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?Z.search(search_input):(F=0,P=100))}),setInterval(function(){P--,0===P&&Z.search($(".search_input").val())},1)}),$(document).keyup(function(e){if(27==event.keyCode)$("#results").html(""),n.contains($("#search-wrapper").attr("class").split(" "),"hide")||$("#search-wrapper").toggleClass("hide"),n.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[F-1]).removeClass("hoverResults"),$(children[F]).addClass("hoverResults"),F<children.length-2&&F++;else if(38==e.keyCode)F>1&&F--,$(children[F]).removeClass("hoverResults"),$(children[F-1]).addClass("hoverResults");else if(13==e.keyCode){F=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()}),$("#clickme").click(function(){u.playVideo()}),$("#listImport").on("submit",function(){Z.importPlaylist(document.getElementById("import").value)}),$(window).focus(function(){L&&($("#favicon").attr("href","static/images/favicon.png"),L=!1)}),document.getElementById("chat-btn").addEventListener("click",function(){$("#text-chat-input").focus(),$("#chat-btn i").css("opacity",1),clearInterval(l),x=!1,L=!1,$("#favicon").attr("href","static/images/favicon.png")}),$(".chat-tab").click(function(){$("#text-chat-input").focus()}),$("#skip").on("click",function(){_.skip()}),$("#chan").on("click",function(){_.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(){Z.showSearch()}),$("#song-title").on("click",function(){Z.showSearch()}),$("#admin-lock").on("click",function(){e.log_out()}),$("#closeSettings").on("click",function(){e.hide_settings()}),$("#results").on("click","#temp-results",function(e){if($(e.target).html()!=$("<i class='mdi-av-playlist-add'></i>").html()){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");Z.submitAndClose(t,o,n)}}),$("#results").on("click","#add-many",function(e){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");Z.submit(t,o,n)}),$("#wrapper").on("click",".vote-container",function(e){var t=$(this).attr("data-video-id");_.vote(t,"pos")}),$("#wrapper").on("click","#del",function(e){var t=$(this).attr("data-video-id");_.vote(t,"del")}),$("#suggestions").on("click",".add-suggested",function(e){var t=$(this).attr("data-video-id"),o=$(this).attr("data-video-title"),n=$(this).attr("data-video-length");Z.submit(t,o,n),$("#suggested-"+t).remove()}),$("#suggestions").on("click","#del_suggested",function(e){var t=$(this).attr("data-video-id");$("#suggested-"+t).remove()});var Q={initYoutubeControls:function(e){!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||$("#controls").appendTo("#playbar"),setInterval(Q.durationSetter,1e3),Q.initControls()},initControls:function(){document.getElementById("volume-button").addEventListener("click",Q.mute_video),document.getElementById("playpause").addEventListener("click",Q.play_pause),document.getElementById("fullscreen").addEventListener("click",Q.fullscreen)},initSlider:function(){vol=o.get_volume(),$("#volume").slider({min:0,max:100,value:vol,range:"min",animate:!0,slide:function(e,t){Q.setVolume(t.value),o.set_volume(t.value)}}),Q.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==u.getPlayerState()?(u.pauseVideo(),!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||(document.getElementById("player").style.display="none")):(2==u.getPlayerState()||0==u.getPlayerState())&&(u.playVideo(),!window.mobilecheck()||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||(document.getElementById("player").style.display="block"))},settings:function(){$("#qS").toggleClass("hide")},changeQuality:function(e){u.getPlaybackQuality!=e&&(u.setPlaybackQuality(e),u.getPlaybackQuality()),$("#qS").toggleClass("hide")},mute_video:function(){u.isMuted()?(u.unMute(),Q.choose_button(u.getVolume(),!1)):(Q.choose_button(0,!0),u.mute())},setVolume:function(e){u.setVolume(e),Q.choose_button(e,!1),u.isMuted()&&u.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=u.getPlayerState(),button=document.getElementById("playpause"),1==state?u.pauseVideo():2==state&&u.playVideo()},durationSetter:function(){duration=u.getDuration(),dMinutes=Math.floor(duration/60),dSeconds=duration-60*dMinutes,currDurr=u.getCurrentTime(),currDurr>duration&&(currDurr=duration),minutes=Math.floor(currDurr/60),seconds=currDurr-60*minutes,document.getElementById("duration").innerHTML=n.pad(minutes)+":"+n.pad(seconds)+" <span id='dash'>/</span> "+n.pad(dMinutes)+":"+n.pad(dSeconds),per=100/duration*currDurr,per>=100?per=100:0==duration&&(per=0),$("#bar").width(per+"%")},volumeOptions:function(){u.isMuted()?(u.unMute(),vol=u.getVolume(),$("#volume").slider("value",u.getVolume())):(u.mute(),$("#volume").slider("value",0))},hoverMute:function(e){vol=u.getVolume()}},Z={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){j=!0;var t=encodeURIComponent(window.search_input),o="https://www.googleapis.com/youtube/v3/search?key="+M+"&videoEmbeddable=true&part=id&fields=items(id)&type=video&order=viewCount&safeSearch=none&maxResults=25";o+="&q="+t,R&&(o+="&videoCategoryId=10");var i="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+M+"&id=";n.contains($("#search_loader").attr("class").split(" "),"hide")&&$("#search_loader").removeClass("hide"),n.contains($("#results").attr("class").split(" "),"hide")&&$("#results").removeClass("hide"),$.ajax({type:"GET",url:o,dataType:"jsonp",success:function(e){0==e.items.length?($("<div style='display:none;' id='mock-div'>"+N+"</div>").appendTo($("#results")).show("blind",83.33),n.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="",o=$(A);$.each(e.items,function(e,n){var i=n.contentDetails.duration;if(secs=Z.durationToSeconds(i),!longsongs||secs<720){p=n.snippet.title,enc_title=encodeURIComponent(p).replace(/'/g,"\\'"),a=n.id,i=i.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s"),thumb=n.snippet.thumbnails.medium.url;var s=o;s.find(".search-title").text(p),s.find(".result_info").text(i),s.find(".thumb").attr("data-original",thumb),s.find("#add-many").attr("data-video-id",a),s.find("#add-many").attr("data-video-title",enc_title),s.find("#add-many").attr("data-video-length",secs),s.find("#temp-results").attr("data-video-id",a),s.find("#temp-results").attr("data-video-title",enc_title),s.find("#temp-results").attr("data-video-length",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),n.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){Z.submit(e,t,o),$("#results").html(""),Z.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="+M+"&playlistId="+e+token,$.ajax({type:"GET",url:playlist_url,dataType:"jsonp",success:function(t){var o="";Z.addVideos(t.items[0].contentDetails.videoId),$.each(t.items,function(e,t){o+=t.contentDetails.videoId+","}),Z.addVideos(o),t.nextPageToken&&Z.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=Z.durationToSeconds(t.contentDetails.duration);(!longsongs||720>o)&&(enc_title=encodeURIComponent(t.snippet.title),Z.submit(t.id,enc_title,o))})}})},submit:function(e,t,o){K.emit("add",[e,decodeURIComponent(t),O,o])},durationToSeconds:function(e){var t=e.match(V);return hours=parseInt(t[12])||0,minutes=parseInt(t[14])||0,seconds=parseInt(t[16])||0,60*hours*60+60*minutes+seconds}},X={catchUserSuggests:function(e){},fetchYoutubeSuggests:function(e){var t="https://www.googleapis.com/youtube/v3/search?part=snippet&relatedToVideoId="+e+"&type=video&key="+M,o="https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+M+"&id=";$.ajax({type:"GET",url:t,dataType:"jsonp",success:function(e){$.each(e.items.slice(0,5),function(e,t){o+=t.id.videoId+","}),$.ajax({type:"GET",url:o,dataType:"jsonp",success:function(e){$("#suggest-song-html").empty(),$.each(e.items,function(e,t){var o=t.contentDetails.duration,n=Z.durationToSeconds(o),a=t.id,i=t.snippet.title,s=$("<div><div class='suggest-songs suggest-"+a+"'>"+$(B).html()+"</div></div>");o=o.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s"),window.suggest_song=s,s.find(".suggest_thumb").attr("src","//img.youtube.com/vi/"+a+"/mqdefault.jpg"),s.find(".suggest_title").text(i),s.find(".duration-song").text(o),s.find(".accept").attr("data-video-id",a),s.find(".accept").attr("data-video-title",i),s.find(".accept").attr("data-video-length",n),s.find(".decline").attr("data-video-id",a),$("#suggest-song-html").append(_.generateSong({id:t.id,title:t.snippet.title,length:n,duration:o},!1,!1,!1))})}})}})}},ee={setup_youtube_listener:function(e){K.on("np",function(e){if(0==e[0].length){document.getElementById("song-title").innerHTML="Empty channel. Add some songs!",$("#player_overlay").height($("#player").height()),/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||$("#player_overlay").toggleClass("hide");try{u.stopVideo()}catch(t){}}else void 0==w?w=e[0][0].id:w!=h&&(w=h),h=e[0][0].id,s=e[1][0],time=e[2],v=time-s.startTime,y=e[0][0].title,$("#player_overlay").addClass("hide"),X.fetchYoutubeSuggests(h),ee.getTitle(y,m),ee.setBGimage(h),!Y||/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream?ee.getTitle(y,m):(u.getVideoUrl().split("v=")[1]!=h&&(u.loadVideoById(h),ee.notifyUser(h,y),u.seekTo(v),H&&u.pauseVideo()),H||u.playVideo(),(u.getDuration()>v||0==u.getDuration())&&u.seekTo(v))}),K.on("viewers",function(e){m=e,void 0!==y&&ee.getTitle(y,m)})},onPlayerStateChange:function(e){switch(e.data){case-1:break;case 0:J=!1,H=!1,K.emit("end",h);break;case 1:J=!0,beginning&&window.mobilecheck()&&(u.pauseVideo(),beginning=!1),1==document.getElementById("play").className.split(" ").length&&$("#play").toggleClass("hide"),2==document.getElementById("pause").className.split(" ").length&&$("#pause").toggleClass("hide"),H&&(K.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 / "+C,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?K.emit("skip",e.data):void 0!==h&&u.loadVideoById(h)},onPlayerReady:function(e){beginning=!0,Y=!0,/iPad|iPhone|iPod/.test(navigator.userAgent)||window.MSStream||($("#player").css("opacity","1"),$("#controls").css("opacity","1"),$(".playlist").css("opacity","1"),u.loadVideoById(h),u.playVideo(),u.seekTo(v)),ee.readyLooks(),Q.initYoutubeControls(u),Q.initSlider(),u.setVolume(o.get_volume())},readyLooks:function(){ee.setBGimage(h)},setBGimage:function(e){if(void 0!==e){var t=new Image;t.onload=function(){var e=new ColorThief,o=e.getColor(t);document.getElementsByTagName("body")[0].style.backgroundColor=n.rgbToHsl(o),$("meta[name=theme-color]").attr("content",n.rgbToHex(o[0],o[1],o[2]))},t.crossOrigin="Anonymous",t.src="https://zoff.no:8080/https://img.youtube.com/vi/"+e+"/mqdefault.jpg"}},set_width:function(e){$(".video-container").width(e)},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(){K.on("get_list",function(){K.emit("list",C.toLowerCase())}),ee.setup_youtube_listener(C),e.admin_listener(),t.setup_chat_listener(C),t.allchat_listener(),_.channel_listener(),_.skipping_listener()},onYouTubeIframeAPIReady:function(){u=new YT.Player("player",{videoId:"asd",playerVars:{rel:"0",wmode:"transparent",controls:"0",iv_load_policy:"3",theme:"light",color:"white"},events:{onReady:ee.onPlayerReady,onStateChange:ee.onPlayerStateChange,onError:ee.errorHandler}})},loadPlayer:function(){d=document.createElement("script"),d.src="https://www.youtube.com/iframe_api",c=document.getElementsByTagName("script")[0],c.parentNode.insertBefore(d,c)}}}();
\ No newline at end of file
diff --git a/static/js/admin.js b/static/js/admin.js
index 8d27e6ad..27b07807 100755
--- a/static/js/admin.js
+++ b/static/js/admin.js
@@ -75,7 +75,7 @@ var Admin = {
     		$("#admin-lock").removeClass("mdi-action-lock");
             $("#password").val("");
             $("#password").attr("placeholder", "Change channel password")
-            $(".suggestion-panel").removeClass("hide");
+            $(".playlist-tabs").removeClass("hide");
 
             if(!Helper.contains($("#admin-lock").attr("class").split(" "), "mdi-action-lock-open"))
     		  $("#admin-lock").addClass("mdi-action-lock-open clickable");
@@ -131,8 +131,8 @@ var Admin = {
     		$("#admin-lock").addClass("mdi-action-lock");
         }
 
-        if(!Helper.contains($(".suggestion-panel").attr("class").split(" "), "hide")){
-            $(".suggestion-panel").addClass("hide");
+        if(!Helper.contains($(".playlist-tabs").attr("class").split(" "), "hide")){
+            $(".playlist-tabs").addClass("hide");
         }
 
     	if($(".card-action").length != 0 && 
@@ -140,6 +140,7 @@ var Admin = {
     		$(".card-action").addClass("hide");
         }
 
+        $('ul.tabs').tabs('select_tab', 'wrapper');
         $("#admin-lock").removeClass("mdi-action-lock-open clickable");
         $("#password").attr("placeholder", "Enter channel password");
     },
diff --git a/static/js/list.js b/static/js/list.js
index 94330f34..d07a16ac 100755
--- a/static/js/list.js
+++ b/static/js/list.js
@@ -49,7 +49,8 @@ var List = {
 
 		$.each(full_playlist, function(j, current_song){
 			if(!current_song.now_playing){ //check that the song isnt playing
-                $("#wrapper").append(List.generateSong(current_song, false, true));
+                console.log(current_song);
+                $("#wrapper").append(List.generateSong(current_song, false, true, true));
 			}
 		});
 
@@ -186,9 +187,9 @@ var List = {
         i = List.getIndexOfSong(song_info.id);
 
         if(i === 0) 
-         	$("#wrapper").prepend(List.generateSong(song_info, transition));
+         	$("#wrapper").prepend(List.generateSong(song_info, transition, false, true));
         else
-            $("#wrapper > div:nth-child(" + (i) + ")").after(List.generateSong(song_info, transition));
+            $("#wrapper > div:nth-child(" + (i) + ")").after(List.generateSong(song_info, transition, false, true));
         
         if(transition)
         {
@@ -199,7 +200,7 @@ var List = {
         }
     },
 
-    generateSong: function(song_info, transition, lazy)
+    generateSong: function(song_info, transition, lazy, list)
     {
     	var video_id    = song_info.id;
     	var video_title = song_info.title;
@@ -208,6 +209,9 @@ var List = {
         var song        = $("<div>"+list_html+"</div>");
         var image_attr  = "style";
 
+        var attr;
+        var del_attr;
+
         if(transition) song.find("#list-song").css("height", 0);
         if(!w_p) song.find(".card-action").removeClass("hide");
         if(video_votes == 1)song.find(".vote-text").text("vote");
@@ -216,14 +220,32 @@ var List = {
             image_attr  = "data-original";
         } 
 
+        if(list){
+            song.find(".list-votes").text(video_votes);
+            song.find("#list-song").attr("id", video_id);
+
+            attr     = ".vote-container";
+            del_attr = "#del";
+        }else if(!list){
+            console.log(song_info);
+            song.find(".vote-text").text(song_info.duration);
+
+            attr     = ".add-suggested";
+            del_attr = "#del_suggested";
+
+            song.find(".vote-container").attr("class", "clickable add-suggested");
+            song.find("#del").attr("id", "del_suggested");
+            song.find(attr).attr("data-video-title", video_title);
+            song.find(attr).attr("data-video-length", song_info.length);
+            song.find("#list-song").attr("id", "suggested-" + video_id);
+        }
+
     	song.find(".list-title").text(video_title);
     	song.find(".list-title").attr("title", video_title);
-    	song.find(".list-votes").text(video_votes);
     	//song.find(".vote-container").attr("onclick", "vote('"+video_id+"','pos')");
-        song.find(".vote-container").attr("data-video-id", video_id);
+        song.find(attr).attr("data-video-id", video_id);
     	song.find(".list-image").attr(image_attr,video_thumb);
-    	song.find("#list-song").attr("id", video_id);
-        song.find("#del").attr("data-video-id", video_id);
+        song.find(del_attr).attr("data-video-id", video_id);
     	//song.find("#del").attr("onclick", "vote('"+video_id+"', 'del')");
 
     	return song.html();
diff --git a/static/js/listeners.js b/static/js/listeners.js
index a742c0d8..714725fe 100755
--- a/static/js/listeners.js
+++ b/static/js/listeners.js
@@ -313,18 +313,18 @@ $("#wrapper").on( "click", "#del", function(e){
 	List.vote(id, "del");
 });
 
-$(".suggestion-container").on( "click", ".accept", function(e){
+$("#suggestions").on( "click", ".add-suggested", function(e){
 	var id 		= $(this).attr("data-video-id");
 	var title 	= $(this).attr("data-video-title");
 	var length 	= $(this).attr("data-video-length");
 
 
 	Search.submit(id, title, length);
-	$(".suggest-" + id).remove();
+	$("#suggested-" + id).remove();
 });
 
-$(".suggestion-container").on( "click", ".decline", function(e){
+$("#suggestions").on( "click", "#del_suggested", function(e){
 	var id = $(this).attr("data-video-id");
 
-	$(".suggest-" + id).remove();
+	$("#suggested-" + id).remove();
 });
\ No newline at end of file