var List = {

    empty: false,
    page: 0,
    can_fit: Math.round(($("#wrapper").height()) / 71),
    element_height: (($("#wrapper").height()) / Math.round(($("#wrapper").height()) / 71)) - 25,
    uris: [],
    not_found: [],
    num_songs: 0,

    channel_function: function(msg) {
        if(user_auth_started) {
            user_auth_started = false;
            $("#user_password").modal("close");
        }
        switch(msg.type)
        {

            case "list":
                //if(full_playlist == undefined || !offline){
                if((!offline || (offline && !msg.shuffled)) && !(offline && prev_chan_list == chan)){
                    prev_chan_list = chan;
                    List.populate_list(msg.playlist);
                    if(full_playlist.length > 0) {
                        Player.sendNext({title: full_playlist[0].title, videoId: full_playlist[0].id});
                    }
                } else if(offline && prev_chan_list == chan && full_playlist != undefined && !msg.shuffled){
                    List.populate_list(full_playlist, true);
                    if(full_playlist.length > 0) {
                        Player.sendNext({title: full_playlist[0].title, videoId: full_playlist[0].id});
                    }
                }
                break;
            case "added":
                List.added_song(msg.value);
                if(full_playlist.length > 0) {
                    Player.sendNext({title: full_playlist[0].title, videoId: full_playlist[0].id});
                }
                found_array = [];
                found_array_index = 0;
                break;
            case "deleted":
                List.deleted_song(msg.value, msg.removed);
                found_array = [];
                found_array_index = 0;
                break;
            case "vote":
                if(!offline){
                    List.voted_song(msg.value, msg.time);
                    if(full_playlist.length > 0) {
                        Player.sendNext({title: full_playlist[0].title, videoId: full_playlist[0].id});
                    }
                }
                found_array = [];
                found_array_index = 0;
                break;
            case "song_change":
                if((offline && msg.offline_change) || !offline) {
                    if(window.location.pathname != "/") List.song_change(msg.time, msg.remove);
                    if(full_playlist.length > 0) {
                        Player.sendNext({title: full_playlist[0].title, videoId: full_playlist[0].id});
                    }
                    found_array = [];
                    found_array_index = 0;
                }
                break;
            case "changed_values":
                List.changedValues(msg.value);
                break;
            case "song_change_prev":
                if((offline && msg.offline_change) || !offline) {

                    if(window.location.pathname != "/") List.song_change_prev(msg.time);
                    if(full_playlist.length > 0) {
                        Player.sendNext({title: full_playlist[0].title, videoId: full_playlist[0].id});
                    }
                    found_array = [];
                    found_array_index = 0;
                }
                break;
        }
    },

    changedValues: function(song) {
        if(song.type == "suggested") {
            $("#suggested-" + song.id).find(".vote-container").attr("title", song.title);
            $("#suggested-" + song.id).find(".list-title").attr("title", song.title);
            $("#suggested-" + song.id).find(".list-title").text(song.title);
            var _temp_duration = Helper.secondsToOther(song.duration);
            $("#suggested-" + song.id).find(".card-duration").text(Helper.pad(_temp_duration[0]) + ":" + Helper.pad(_temp_duration[1]));
            $("#suggested-" + song.id).find(".list-image").attr("style", "background-image:url('//img.youtube.com/vi/"+song.new_id+"/mqdefault.jpg');");
            $("#suggested-" + song.id).attr("id", song.new_id);
            return;
        }
        var i = List.getIndexOfSong(song.id);
        if(i >= 0 && window.location.pathname != "/") {
            full_playlist[i].title = song.title;
            full_playlist[i].duration = song.duration;
            full_playlist[i].start = song.start;
            full_playlist[i].end = song.end;
            full_playlist[i].id = song.new_id;

            $("#" + song.id).find(".vote-container").attr("title", song.title);
            $("#" + song.id).find(".list-title").attr("title", song.title);
            $("#" + song.id).find(".list-title").text(song.title);
            var _temp_duration = Helper.secondsToOther(song.duration);
            $("#" + song.id).find(".card-duration").text(Helper.pad(_temp_duration[0]) + ":" + Helper.pad(_temp_duration[1]));
            $("#" + song.id).find(".list-image").attr("style", "background-image:url('//img.youtube.com/vi/"+song.new_id+"/mqdefault.jpg');");
            $("#" + song.id).attr("id", song.new_id);
        }
    },

    insertAtBeginning: function(song_info, transition) {
        var display = List.page == 0 ? "" : "none";
        var add = List.generateSong(song_info, transition, false, true, false, display, false);
        $("#wrapper").append(add);
    },

    insertAtIndex: function(song_info, transition, change) {
        var i = List.getIndexOfSong(song_info.id);
        var display = "none";
        if(!song_info.now_playing){
            if(i >= List.page && i < List.page + (List.can_fit)) display = "inline-flex"
            var add = List.generateSong(song_info, transition, false, true, false, display, false);
            if(i === 0) {
                $("#wrapper").prepend(add);
            } else {
                $("#wrapper > div:nth-child(" + (i) + ")").after(add);
            }
            var added = $("#wrapper").children()[i];
            $(added).css("display", display);
            if(display == "inline-flex" && $("#wrapper").children().length >= List.page + List.can_fit + 1){
                $($("#wrapper").children()[List.page + List.can_fit]).css("display", "none");
            } else if(i < List.page && $("#wrapper").children().length - (List.page + 1) >= 0){
                $($("#wrapper").children()[List.page]).css("display", "inline-flex");
            } else if($("#wrapper").children().length > List.page + List.can_fit){
                $($("#wrapper").children()[List.page + List.can_fit - 1]).css("display", "inline-flex");
            }
            if(change && List.page > 0){
                $($("#wrapper").children()[List.page - 1]).css("display", "none");
            }
            if(transition){
                setTimeout(function(){
                    $(added).css("transform", "translateX(0%)");
                    setTimeout(function() {
                        $(added).removeClass("side_away");
                    }, 300);
                },5);
            }
        }
    },

    populate_list: function(msg, no_reset) {
        // This math is fucked and I don't know how it works. Should be fixed sometime
        if(!Helper.mobilecheck() && !embed && !client){
            List.can_fit = Math.round(($("#wrapper").height()) / 71)+1;
            List.element_height = (($("#wrapper").height()) / List.can_fit)-5.3;
        } else if(embed) {
            List.can_fit = Math.round(($("#wrapper").height()) / 91) + 1;
            List.element_height = (($("#wrapper").height()) / List.can_fit)-4;
        } else if(!client){
            List.can_fit = Math.round(($(window).height() - $(".tabs").height() - $("header").height() - 64 - 40) / 71)+1;
            List.element_height = (($(window).height() - $(".tabs").height() - $("header").height() - 64 - 40) / List.can_fit)-5;
        } else {
            List.can_fit = Math.round(($(window).height() - $("header").height() - $("#pageButtons").height()) / 80)+1;
            List.element_height = (($(window).height() - $("header").height() - $("#pageButtons").height()) / List.can_fit) - 8;
        }
        if(List.element_height < 55.2 && !client){
            List.can_fit = List.can_fit - 1;
            List.element_height = 55.2;
            List.can_fit = Math.round(($(window).height() - $(".tabs").height() - $("header").height() - 64 - 40) / 71);
            List.element_height = (($(window).height() - $(".tabs").height() - $("header").height() - 64 - 40) / List.can_fit)-5;
        }
        if(list_html === undefined) list_html = $("#list-song-html").html();
        full_playlist = msg;
        if(offline && !no_reset){
            for(var x = 0; x < full_playlist.length; x++){
                full_playlist[x].votes = 0;
            }
        }
        List.sortList();

        $("#wrapper").empty();

        Helper.log([
            "FULL PLAYLIST",
            full_playlist
        ]);
        if(full_playlist.length > 1){
            $.each(full_playlist, function(j, _current_song){
                if(!_current_song.hasOwnProperty("start")) full_playlist[j].start = 0;
                if(!_current_song.hasOwnProperty("end")) full_playlist[j].end = full_playlist[j].duration;
                if(!_current_song.now_playing){ //check that the song isnt playing
                    var generated = List.generateSong(_current_song, false, lazy_load, true, false, "", true)
                    $("#wrapper").append(generated);
                }
            });
            if($("#wrapper").children().length > List.can_fit && !$("#pageButtons").length){
                $(".prev_page").css("display", "none");
                $(".first_page").css("display", "none");
                $(".next_page_hide").css("display","none");
                $(".last_page_hide").css("display","none");
            } else if(!$("#pageButtons").length){
                $(".prev_page").css("display", "none");
                $(".next_page").css("display", "none");
                $(".last_page").css("display", "none");
                $(".first_page").css("display", "none");
                $(".next_page_hide").css("display","inline-flex");
                $(".prev_page_hide").css("display","inline-flex");
            } else {
                $(".next_page").css("display", "none");
                $(".last_page").css("display", "none");
            }

            List.dynamicContentPage(-10);


        } else {
            List.empty = true;
            $("#wrapper").html("<span id='empty-channel-message'>The playlist is empty.</span>");
            $(".prev_page").css("display", "none");
            $(".next_page").css("display", "none");
            $(".last_page").css("display", "none");
            $(".last_page_hide").css("display", "inline-flex");
            $(".first_page").css("display", "none");
            $(".next_page_hide").css("display","inline-flex");
            $(".prev_page_hide").css("display","inline-flex");
        }
        $("#settings").css("visibility", "visible");
        $("#settings").css("opacity", "1");
        $("#wrapper").css("opacity", "1");
        $("#pageButtons").removeClass("hide");

        if(!embed) {
            Helper.log(["Starting empty-checker"]);
            clearTimeout(timed_remove_check);
            timed_remove_check = setTimeout(function() {
                if(full_playlist.length > 0) {
                    List.check_error_videos(0);
                }
            }, 1500);
        }
    },

    check_error_videos: function(i) {
        //Helper.log("Empty-checker at " + i);
        if(full_playlist.length == 0) return;
        $.getJSON('https://www.googleapis.com/youtube/v3/videos?id=' + full_playlist[i].id
                   + "&key=" + api_key + "&part=snippet",
          function (data, status, xhr) {
              //Helper.log("Empty-checker items " + data.items.length);
            if (data.items.length == 0) {
                Helper.log(["Emtpy-checker error at " + full_playlist[i].id + " " + full_playlist[i].title]);
                socket.emit("error_video", {channel: chan.toLowerCase(), id: full_playlist[i].id, title: full_playlist[i].title});
            }
            if(full_playlist.length > i + 1 && window.location.pathname != "/") {
                List.check_error_videos(i + 1);
            }

        })
    },

    dynamicContentPageJumpTo: function(page) {
        page = page * List.can_fit;
        if(page > List.page || page < List.page){
            $("#wrapper").children().slice(List.page, List.page + List.can_fit).hide();
            List.page = page;
            $("#wrapper").children().slice(List.page, List.page + List.can_fit).css("display", "inline-flex");
            if(List.page > 0 && $(".prev_page").css("display") == "none"){
                $(".prev_page").css("display", "inline-flex");
                $(".prev_page_hide").css("display", "none");
                $(".first_page").css("display", "inline-flex");
                $(".first_page_hide").css("display", "none");
            }

            if(List.page + List.can_fit >= $("#wrapper").children().length){
                $(".next_page_hide").css("display", "inline-flex");
                $(".next_page").css("display", "none");
                $(".last_page_hide").css("display", "inline-flex");
                $(".last_page").css("display", "none");
            }

            $("#pageNumber").html((List.page / List.can_fit) + 1);
        }
    },

    dynamicContentPage: function(way) {
        if(way == 1){
            $("#wrapper").children().slice(List.page, List.page + List.can_fit).hide();
            List.page = List.page + List.can_fit;
            $("#wrapper").children().slice(List.page, List.page + List.can_fit).css("display", "inline-flex");
            if(List.page > 0 && $(".prev_page").css("display") == "none"){
                $(".prev_page").css("display", "inline-flex");
                $(".prev_page_hide").css("display", "none");
                $(".first_page").css("display", "inline-flex");
                $(".first_page_hide").css("display", "none");
            }

            if(List.page + List.can_fit >= $("#wrapper").children().length){
                $(".next_page_hide").css("display", "inline-flex");
                $(".next_page").css("display", "none");
                $(".last_page_hide").css("display", "inline-flex");
                $(".last_page").css("display", "none");
            }
            //$("#wrapper").scrollTop(0);
        } else if(way == 10) {
            $("#wrapper").children().slice(List.page, List.page + List.can_fit).hide();
            List.page = (Math.floor(($("#wrapper").children().length - 1)/ List.can_fit) * List.can_fit);
            $("#wrapper").children().slice(List.page, List.page + List.can_fit).css("display", "inline-flex");

            if(List.page > 0 && $(".prev_page").css("display") == "none"){
                $(".prev_page").css("display", "inline-flex");
                $(".prev_page_hide").css("display", "none");
                $(".first_page").css("display", "inline-flex");
                $(".first_page_hide").css("display", "none");
            }
            if(List.page + List.can_fit >= $("#wrapper").children().length){
                $(".next_page_hide").css("display", "inline-flex");
                $(".next_page").css("display", "none");
                $(".last_page_hide").css("display", "inline-flex");
                $(".last_page").css("display", "none");
            }
        } else if(way==-10) {
            $("#wrapper").children().slice(List.page, List.page + List.can_fit).hide();
            List.page = 0;
            $("#wrapper").children().slice(List.page, List.page + List.can_fit).css("display", "inline-flex");
            if(List.page == 0 && $(".prev_page").css("display") != "none"){
                $(".prev_page").css("display", "none");
                $(".prev_page_hide").css("display", "inline-flex");
                $(".first_page").css("display", "none");
                $(".first_page_hide").css("display", "inline-flex");
            } else if($(".prev_page").css("display") == "none"){
                $(".prev_page_hide").css("display", "inline-flex");
                $(".first_page_hide").css("display", "inline-flex");
            } else {
                $(".prev_page_hide").css("display", "none");
                $(".first_page_hide").css("display", "none");
            }
            if(List.page + List.can_fit < $("#wrapper").children().length){
                $(".next_page_hide").css("display", "none");
                $(".next_page").css("display", "inline-flex");
                $(".last_page_hide").css("display", "none");
                $(".last_page").css("display", "inline-flex");
            }
        } else {
            $("#wrapper").children().slice(List.page - List.can_fit, List.page).css("display", "inline-flex");
            $("#wrapper").children().slice(List.page, List.page + List.can_fit).hide();
            List.page = List.page - List.can_fit < 0 ? 0 : List.page - List.can_fit;
            if(List.page == 0 && $(".prev_page").css("display") != "none"){
                $(".prev_page").css("display", "none");
                $(".prev_page_hide").css("display", "inline-flex");
                $(".first_page").css("display", "none");
                $(".first_page_hide").css("display", "inline-flex");
            } else if($(".prev_page").css("display") == "none"){
                $(".prev_page_hide").css("display", "inline-flex");
                $(".first_page_hide").css("display", "inline-flex");
            } else {
                $(".prev_page_hide").css("display", "none");
                $(".first_page_hide").css("display", "none");
            }

            if(List.page + List.can_fit < $("#wrapper").children().length){
                $(".next_page_hide").css("display", "none");
                $(".next_page").css("display", "inline-flex");
                $(".last_page_hide").css("display", "none");
                $(".last_page").css("display", "inline-flex");
            }

        }
        $("#pageNumber").html((List.page / List.can_fit) + 1);
    },

    added_song: function(added) {
        var now_playing;
        if(added != undefined){
            if(full_playlist.length !== 0){
                now_playing = full_playlist.pop();
            }
            full_playlist.push(added);
            List.sortList();
            if(now_playing){
                full_playlist.push(now_playing);
            }

            if($("#suggested-"+added.id).length > 0) {
                number_suggested = number_suggested - 1;
                if(number_suggested < 0) number_suggested = 0;

                var to_display = number_suggested > 9 ? "9+" : number_suggested;
                if(!$(".suggested-link span.badge.new.white").hasClass("hide") && to_display == 0){
                    $(".suggested-link span.badge.new.white").addClass("hide");
                }

                $(".suggested-link span.badge.new.white").text(to_display);
            }

            $("#suggested-"+added.id).remove();
            if(List.empty){
                List.empty = false;
            }
            $("#empty-channel-message").remove();
            List.insertAtIndex(added, true);
            $($("#wrapper").children()[List.page + List.can_fit]).css("display", "none");
            if($("#wrapper").children().length > List.page + List.can_fit){
                $(".next_page_hide").css("display", "none");
                $(".next_page").removeClass("hide");
                $(".last_page_hide").css("display", "none");
                $(".next_page").css("display", "inline-flex");
                $(".last_page").css("display", "inline-flex");
            } else {
                $(".next_page_hide").css("display", "inline-flex");
                $(".next_page").css("display", "none");
            }
        }
    },

    deleted_song: function(deleted, removed) {
        try{
            var index              = List.getIndexOfSong(deleted);
            //var to_delete          = $("#wrapper").children()[index];
            //if(!removed) to_delete.style.height = 0;

            if(index < List.page && $("#wrapper").children().length - (List.page + 2) >= 0){
                $($("#wrapper").children()[List.page]).css("height", 0);
                $($("#wrapper").children()[List.page]).css("display", "inline-flex");
                $($("#wrapper").children()[List.page]).css("height", List.element_height);
            } else if($("#wrapper").children().length > List.page + (List.can_fit)){
                $($("#wrapper").children()[List.page + (List.can_fit)]).css("height", 0);
                $($("#wrapper").children()[List.page + (List.can_fit)]).css("display", "inline-flex");
                $($("#wrapper").children()[List.page + (List.can_fit)]).css("height", List.element_height);
            }

            if(List.page >= $("#wrapper").children().length - 1){
                List.dynamicContentPage(-1);
                $(".next_page_hide").css("display", "inline-flex");
                $(".next_page").css("display", "none");
                $(".last_page_hide").css("display", "inline-flex");
                $(".last_page").css("display", "none");
            } else if(List.page + List.can_fit + 1 >= $("#wrapper").children().length - 1){
                $(".next_page_hide").css("display", "inline-flex");
                $(".next_page").css("display", "none");
                $(".last_page_hide").css("display", "inline-flex");
                $(".last_page").css("display", "none");
            }

            if(List.page <= index && List.page - List.can_fit <= index) {
                $("#" + deleted).addClass("side_away");
                $("#" + deleted).find(".mobile-delete").remove();
                $("#" + deleted).css("transform", "translateX(-100%)");
                setTimeout(function() {
                    $("#" + deleted).remove();

                }, 300);
            } else {
                $("#"+deleted).remove();
            }
            //$("#"+deleted).remove();
            full_playlist.splice(List.getIndexOfSong(deleted), 1);
            Player.sendNext({title: full_playlist[0].title, videoId: full_playlist[0].id});
            //}

        } catch(err) {
            full_playlist.splice(List.getIndexOfSong(deleted), 1);
            if(!List.empty){
                $("#"+deleted).remove();
                if(index < List.page && $("#wrapper").children().length - (List.page + 1) >= 0){
                    $($("#wrapper").children()[List.page - 1]).css("display", "inline-flex");
                } else if($("#wrapper").children().length > List.page + List.can_fit){
                    $($("#wrapper").children()[List.page + (List.can_fit - 1)]).css("display", "inline-flex");
                }
                Player.sendNext({title: full_playlist[0].title, videoId: full_playlist[0].id});
            }
        }
        if(full_playlist.length < 2){
            List.empty = true;
            $("#wrapper").html("<span id='empty-channel-message'>The playlist is empty.</span>");
        }
        $("#suggested-"+deleted).remove();
        if(List.page + List.can_fit < $("#wrapper").children().length + 1){
            //$(".next_page_hide").css("display", "none");
            //$(".next_page").css("display", "flex");
        }
        if(List.page >= $("#wrapper").children().length){
            List.dynamicContentPage(-1);
        }
        Suggestions.checkUserEmpty();
    },

    voted_song: function(voted, time) {
        var index_of_song = List.getIndexOfSong(voted);
        var song_voted_on = full_playlist[index_of_song];

        full_playlist[index_of_song].votes += 1;
        full_playlist[index_of_song].added = time;

        List.sortList();
        $("#"+voted).remove();
        List.insertAtIndex(song_voted_on, false);
    },

    song_change_prev: function(time) {
        full_playlist[full_playlist.length - 1].now_playing = false;
        full_playlist[full_playlist.length - 1].votes = full_playlist[0].votes;
        full_playlist[full_playlist.length - 1].guids = [];
        full_playlist[full_playlist.length - 1].added = full_playlist[0].added - 1;

        full_playlist.unshift(full_playlist.pop());

        full_playlist[full_playlist.length - 1].now_playing = true;
        $("#wrapper").children()[$("#wrapper").children().length - 1].remove();

        var length = full_playlist.length - 2;
        if(length < 0) {
            length = 0;
        }

        List.insertAtIndex(full_playlist[0], false, true);
    },

    song_change: function(time, remove) {
        try{
            var length = full_playlist.length - 1;
            $("#wrapper").children()[0].remove();
            if(full_playlist.length <= 1) {
                List.empty = true;
                $("#wrapper").html("<span id='empty-channel-message'>The playlist is empty.</span>");
            }

            full_playlist[0].now_playing        = true;
            full_playlist[0].votes              = 0;
            full_playlist[0].guids              = [];
            full_playlist[0].added              = time;
            if(!remove){
                full_playlist[length].now_playing   = false;
            } else {
                delete full_playlist[length];
            }
            Helper.log([
                "SONG ON FIRST INDEX",
                full_playlist[0]
            ]);
            full_playlist.push(full_playlist.shift());
            if(!remove){
                List.insertAtIndex(full_playlist[$("#wrapper").children().length], false, true);
            }

        } catch(e) {}
    },

    vote: function(id, vote) {
        if(client && !socket.connected) {
            if(vote != "del") {
                vote_ajax(id);
            } else {
                del_ajax(id);
            }
            return;
        }
        if(!offline || (vote == "del" && (hasadmin && (!w_p && adminpass != "")))){
            /*var u = Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()), true);
            if(u == undefined) u = "";*/
            emit('vote', {channel: chan, id: id, type: vote});
        } else {
            if(vote == "pos"){
                List.voted_song(id, (new Date()).getTime()/1000);
            } else {
                List.deleted_song(id);
            }
        }
        return true;
    },

    skip: function(way) {
        if(!offline){
            /*var u = Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()), true);
            if(u == undefined) u = "";*/
            emit('skip', {id:video_id, channel: chan.toLowerCase()});
        } else {
            if(way) {
                Player.playNext();
            } else {
                Player.playPrev();
            }
        }
        return true;
    },

    exportToSpotify: function() {
        ga('send', 'event', "export", "spotify");

        $.ajax({
            type: "GET",
            url: "https://api.spotify.com/v1/me",
            headers: {
                'Authorization': 'Bearer ' + access_token_data.access_token
            },
            success: function(response){
                var user_id = response.id;
                $("#playlist_loader_export").removeClass("hide");
                $(".exported-list-container").removeClass("hide");
                $.ajax({
                    type: "POST",
                    url: "https://api.spotify.com/v1/users/" + user_id + "/playlists",
                    headers: {
                        'Authorization': 'Bearer ' + access_token_data.access_token,
                        'Content-Type': 'application/json'
                    },
                    data: JSON.stringify({
                        name: chan.toLowerCase() + " - Zoff",
                        description: "Playlist exported from Zoff (https://zoff.me/" + chan.toLowerCase() + "/)",
                        public: true
                    }),
                    success: function(response){
                        var playlist_id = response.id;
                        $.ajax({
                            type: "GET",
                            url: window.location.protocol + "//" + window.location.hostname + "/assets/images/small-square.base64.txt",
                            success: function(base64image) {
                                var image = base64image.substring(0, base64image.length - 1);
                                $.ajax({
                                    type: "PUT",
                                    url: "https://api.spotify.com/v1/users/" + user_id + "/playlists/" + playlist_id + "/images",
                                    headers: {
                                        'Authorization': 'Bearer ' + access_token_data.access_token,
                                        'Content-Type': 'image/jpeg'
                                    },
                                    contentType: "image/jpeg",
                                    data: image,
                                    success: function(resp) {
                                    },
                                    error: function(error) {
                                        console.log(error);
                                    }
                                });
                            }
                        });
                        var i = 0;
                            List.searchSpotify(full_playlist[i], playlist_id, user_id, full_playlist, i);
                        //});
                    }
                });
            }
        })
    },

    searchSpotify: function(curr_song, playlist_id, user_id, full_playlist, current_element) {
        var original_track = curr_song.title;
        var track = (curr_song.title.toLowerCase().replace("-", " "));
        track = Helper.replaceForFind(track);
        track = encodeURIComponent(track);

        $(".current_number").removeClass("hide");
        $(".current_number").text((current_element + 1) + " of " + (full_playlist.length));
        $.ajax({
            type: "GET",
            url: "https://api.spotify.com/v1/search?q=" + track + "&type=track",
            headers: {
                'Authorization': 'Bearer ' + access_token_data.access_token
            },
            async: true,
            error: function(err){
                if(err.status == 429 || err.status == 502){
                    Helper.log([err.getAllResponseHeaders()]);
                    var retryAfter = err.getResponseHeader("Retry-After");
                    Helper.log([retryAfter]);
                    if (!retryAfter) retryAfter = 5;
                    retryAfter = parseInt(retryAfter, 10);
                    Helper.log(["Retry-After", retryAfter]);
                    setTimeout(function(){
                        List.searchSpotify(curr_song, playlist_id, user_id, full_playlist, current_element);
                    }, retryAfter * 1000);
                }
            },
            success: function(response){
                var found = false;
                $.each(response.tracks.items, function(i, data){
                    data.name = Helper.replaceForFind(data.name);
                    data.artists[0].name = Helper.replaceForFind(data.artists[0].name);
                    if(data.name.substring(data.name.length-1) == " ") data.name = data.name.substring(0,data.name.length-1);
                    if(data.name.substring(data.name.length-1) == "." && track.substring(track.length-1) != "."){
                        data.name = data.name.substring(0,data.name.length-1);
                    }
                    if(similarity(data.artists[0].name + " - " + data.name, decodeURIComponent(track)) > 0.60 || (data.artists.length > 1 && similarity(data.artists[0].name + " " + data.artists[1].name + " - " + data.name, decodeURIComponent(track)))) {
                        found = true;
                        List.uris.push(data.uri);
                        Helper.log([
                            "Found",
                            track
                        ]);
                        //List.num_songs = List.num_songs + 1;
                        return false;
                    } else if(decodeURIComponent(track).indexOf(data.artists[0].name.toLowerCase()) >= 0 && decodeURIComponent(track).indexOf(data.name.toLowerCase()) >= 0){
                        found = true;
                        List.uris.push(data.uri);
                        Helper.log([
                            "Found",
                            track
                        ]);
                        //List.num_songs = List.num_songs + 1;
                        return false;
                    } else {
                        var splitted = data.name.split(" ");
                        for(var i = 0; i < splitted.length; i++){
                            if((splitted[i] == "and" && track.indexOf("&") >= 0) || (splitted[i] == "&" && track.indexOf("and") >= 0)){
                                continue;
                            } else if(track.indexOf(splitted[i]) < 0){
                                return true;
                            }
                        }
                        found = true;
                        List.uris.push(data.uri);
                        Helper.log([
                            "Found",
                            track
                        ]);
                        //List.num_songs = List.num_songs + 1;
                        return false;
                    }
                });
                if(!found){
                    List.not_found.push(original_track);
                    List.num_songs = List.num_songs + 1;
                    Helper.log([
                        "Didn't find",
                        original_track
                    ]);
                }
                if(List.num_songs + List.uris.length == full_playlist.length){
                    if(List.uris.length > 100){
                        while(List.uris.length > 100){
                            List.addToSpotifyPlaylist(List.uris.slice(0, 100), playlist_id, user_id);
                            List.uris = List.uris.slice(100, List.uris.length);
                        }
                        List.addToSpotifyPlaylist(List.uris, playlist_id, user_id);
                        $("#playlist_loader_export").addClass("hide");
                    } else {
                        List.addToSpotifyPlaylist(List.uris, playlist_id, user_id);
                        $("#playlist_loader_export").addClass("hide");
                    }
                    if($(".exported-spotify-list").length == 0) {
                        $(".exported-list").append("<a target='_blank' class='btn light exported-playlist exported-spotify-list' href='https://open.spotify.com/user/" + user_id + "/playlist/"+ playlist_id + "'>" + chan + "</a>");
                    }
                    $.each(List.not_found, function(i, data){
                        var not_added_song = $("<div>" + not_export_html + "</div>");
                        not_added_song.find(".extra-add-text").attr("value", data);
                        not_added_song.find(".extra-add-text").attr("title", data);
                        $(".not-exported-container").append(not_added_song.html());
                    })
                    $(".current_number").addClass("hide");
                    $(".not-exported").removeClass("hide");
                    $(".spotify_export_button").css("display", "block");
                } else {
                    List.searchSpotify(full_playlist[current_element + 1], playlist_id, user_id, full_playlist, current_element + 1);
                }
            }
        });
    },

    addToSpotifyPlaylist: function(uris, playlist_id, user_id) {
        $.ajax({
            type: "POST",
            url: "https://api.spotify.com/v1/users/" + user_id + "/playlists/" + playlist_id + "/tracks",
            headers: {
                'Authorization': 'Bearer ' + access_token_data.access_token,
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({
                uris: uris
            }),
            error: function(response){
                var temp_playlist_id = playlist_id;
                var temp_uris = uris;
                var temp_user_id = user_id;
                setTimeout(function(){
                    List.addToSpotifyPlaylist(temp_uris, temp_playlist_id, temp_user_id);
                }, 3000);
            },
            success: function(response){
                Helper.log(["Added songs"]);
            }
        })
    },

    exportToYoutube: function() {
        ga('send', 'event', "export", "youtube");

        var request_url = "https://www.googleapis.com/youtube/v3/playlists?part=snippet";
        $(".exported-list-container").removeClass("hide");
        $("#playlist_loader_export").removeClass("hide");
        $.ajax({
            type: "POST",
            url: request_url,
            headers: {
                'Authorization': 'Bearer ' + access_token_data_youtube.access_token,
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({
                snippet: {
                    title: Helper.upperFirst(chan.toLowerCase()),
                    description: 'Playlist exported from zoff',
                }
            }),
            success: function(response){
                var number_added = 0;
                var playlist_id = response.id;
                var request_url = "https://www.googleapis.com/youtube/v3/playlistItems?part=snippet";
                List.addToYoutubePlaylist(playlist_id, full_playlist, number_added, request_url)
            },
            error: function(response){
                Helper.log([
                    "export to youtube response",
                    response
                ]);
            }
        });
    },

    addToYoutubePlaylist: function(playlist_id, full_playlist, num, request_url) {
        var _data = JSON.stringify({
            'snippet': {
                'playlistId': playlist_id,
                'resourceId': {
                    'kind': 'youtube#video',
                    'videoId': full_playlist[num].id
                }
            }
        });
        $.ajax({
            type: "POST",
            url: request_url,
            headers: {
                'Authorization': 'Bearer ' + access_token_data_youtube.access_token,
                'Content-Type': 'application/json'
            },
            data: _data,
            success: function(response){
                Helper.log(["Added video: " + full_playlist[num].id + " to playlist id " + playlist_id]);
                if(num == full_playlist.length - 1){
                    Helper.log(["All videoes added!"]);
                    Helper.log(["url: https://www.youtube.com/playlist?list=" + playlist_id]);
                    $(".exported-list").append("<a target='_blank' class='btn light exported-playlist' href='https://www.youtube.com/playlist?list=" + playlist_id + "'>" + chan + "</a>");
                    $("#playlist_loader_export").addClass("hide");
                    $(".current_number").addClass("hide");
                    //$(".youtube_export_button").removeClass("hide");
                } else {
                    //setTimeout(function(){
                    $(".current_number").removeClass("hide");
                    $(".current_number").text((num + 1) + " of " + (full_playlist.length));
                    List.addToYoutubePlaylist(playlist_id, full_playlist, num + 1, request_url)
                    //}, 50);
                }
            }

        });
    },

    sortList: function() {
        full_playlist.sort(Helper.predicate({
            name: 'votes',
            reverse: true
        }, {
            name: 'added',
            reverse: false
        }, {
            name: 'title',
            reverse: false
        }));
    },

    show: function() {
        if(!Helper.mobilecheck() && !chromecastAvailable)
        {
            $("#channel-share-modal").modal("open");
        }
        if(chromecastAvailable) {
            castSession.sendMessage("urn:x-cast:zoff.me", {type: "showJoinInfo"});
        }
    },

    generateSong: function(_song_info, transition, lazy, list, user, display, initial) {
        if(list_html === undefined) list_html = $("#list-song-html").html();
        var video_id    = _song_info.id;
        var video_title = _song_info.title;
        var video_votes = _song_info.votes;
        var video_thumb_url = "//img.youtube.com/vi/"+video_id+"/mqdefault.jpg";
        var video_thumb = "background-image:url('" + video_thumb_url + "');";
        var song        = $("<div>"+list_html+"</div>");
        var image_attr  = "style";
        if(_song_info.hasOwnProperty("start") && _song_info.hasOwnProperty("end")) {
            _song_info.duration = _song_info.end - _song_info.start;
        }
        var attr;
        var del_attr;
        //song.find(".list-song");
        if(transition) {
            song.find(".list-song").css("transform", "translateX(100%)");
            song.find(".list-song").addClass("side_away");
        }
        song.find(".list-song").css("height", List.element_height);
        if(!w_p) song.find(".card-action").removeClass("hide");
        if(video_votes == 1)song.find(".vote-text").text("vote");
        if(lazy){
            video_thumb = "//img.youtube.com/vi/"+video_id+"/mqdefault.jpg";
            image_attr  = "data-original";
        }
        if(list){
            song.find(".list-votes").text(video_votes);
            song.find("#list-song").attr("data-video-id", video_id);
            song.find("#list-song").attr("data-video-type", "song");
            song.find("#list-song").attr("id", video_id);
            song.find(".vote-container").attr("title", video_title);
            if((($("#wrapper").children().length >= List.can_fit) && initial) || display == "none"){
                song.find(".card").css("display", "none");
            }
            attr     = ".vote-container";
            del_attr = "delete_button";

            var _temp_duration = Helper.secondsToOther(_song_info.duration);
            song.find(".card-duration").text(Helper.pad(_temp_duration[0]) + ":" + Helper.pad(_temp_duration[1]));
        }else if(!list){
            //song.find(".card-duration").remove();
            //song.find(".list-song").removeClass("playlist-element");
            //song.find(".more_button").addClass("hide");
            song.find(".suggested_remove").removeClass("hide");
            song.find(".vote-text").text("");
            song.find(".card-duration").text(Helper.pad(_song_info.duration[0]) + ":" + Helper.pad(_song_info.duration[1]));
            var added_by = "user";
            attr     = ".add-suggested";
            if(user){
                del_attr = "del_user_suggested";
            } else{
                del_attr = "del_suggested";
                added_by = "system";
            }
            song.find(".vote-container").attr("class", "clickable add-suggested");
            song.find(".add-suggested").attr("title", video_title);
            song.find(".delete_button").addClass(del_attr);
            song.find(attr).attr("data-video-title", video_title);
            song.find(attr).attr("data-video-length", _song_info.length);
            song.find(attr).attr("data-added-by", added_by);
            song.find("#list-song").attr("data-video-type", "suggested");
            song.find("#list-song").attr("data-video-id", video_id);
            song.find("#list-song").css("display", "inline-flex");
            song.find("#list-song").attr("id", "suggested-" + video_id);
            song.find(".list-image").attr("class", song.find(".list-image").attr("class").replace("list-image", "list-suggested-image"));

        }

        song.find(".mobile-delete").remove();
        song.find(".list-title").text(video_title);
        song.find(".list-title").attr("title", video_title);
        song.find(attr).attr("data-video-id", video_id);
        song.find(".list-image").attr(image_attr,video_thumb);
        song.find(".list-image-placeholder").attr("src", video_thumb_url);
        song.find(".list-suggested-image").attr(image_attr,video_thumb);
        song.find("."+del_attr).attr("data-video-id", video_id);
        return song.html();
    },

    getIndexOfSong: function(id) {
        try {
            indexes = $.map(full_playlist, function(obj, index) {
                if(obj.id == id) {
                    return index;
                }
            });

            return indexes[0];
        } catch(e) {}
    },

    scrollTop: function() {
        $("#wrapper").scrollTop(0);
    },

    scrollBottom: function(){
        $("#wrapper").scrollTop($("#wrapper")[0].scrollHeight);
    }
};