var Channel = {
    init: function() {

        number_suggested = 0;
        var no_socket = true;

        chan = $("#chan").html();
        mobile_beginning = Helper.mobilecheck();
        var side = Helper.mobilecheck() ? "left" : "right";

        if(window.location.hostname != "localhost") {
            ga('send', 'pageview');
        }

        window.onpopstate = function(e){
            Channel.onepage_load();
        };

        if(window.location.hostname == "fb.zoff.me") {
            $("footer").addClass("hide");
        }

        if(window.location.hostname != "fb.zoff.me") Channel.share_link_modifier();
        if(window.location.hostname == "zoff.me" || window.location.hostname == "fb.zoff.me") add = "https://zoff.me";
        else add = window.location.hostname;

        if(Player !== undefined) Player.stopInterval= false;

        $('ul.playlist-tabs').tabs();
        $('ul.playlist-tabs-loggedIn').tabs();
        $('ul.chatTabs').tabs();
        $("#settings").sideNav({
            menuWidth: 310,
            edge: side,
            closeOnClick: false,
            onOpen: function(el) {
                if(!$(".hamburger-sidenav").hasClass("open")) {
                    $(".hamburger-sidenav").addClass("open");
                }
                $('*[id*=sidenav-overlay]:visible').each(function(i) {
                    if(i > 0) {
                        this.remove();
                    }
                });
            },
            onClose: function(el) {
                $(".hamburger-sidenav").removeClass("open");
                $('*[id*=sidenav-overlay]:visible').each(function(i) {
                    if(i > 0) {
                        this.remove();
                    }
                });
            },
        });
        $('.collapsible').collapsible({
            accordion : true
        });
        $("#help").modal();
        $("#contact").modal();
        $("#embed").modal();
        $("#channel-share-modal").modal();
        $("#delete_song_alert").modal({
            dismissible: false
        });
        $("#user_password").modal({
            dismissible: false
        });

        Channel.spotify_is_authenticated(spotify_authenticated);

        result_html 	   	  = $("#temp-results-container");
        pagination_buttons_html = $("<div>").append($(".pagination-results").clone()).html();
        empty_results_html 	  = $("#empty-results-container").html();
        not_import_html       = $(".not-imported-container").html();
        not_export_html       = $(".not-exported-container").html();
        $(".not-imported-container").empty();
        $(".not-exported-container").empty();

        $(".video-container").resizable({
            start: function(event, ui) {
                $('iframe').css('pointer-events','none');
            },
            stop: function(event, ui) {
                $('iframe').css('pointer-events','auto');
                Crypt.set_width($(this).width());
                Channel.set_title_width();
            },
            handles: "e",
            minWidth: 350,
            maxWidth: $(window).width()-241
        });

        if(socket === undefined || Helper.mobilecheck()){
            no_socket = false;
            socket = io.connect(''+add+':8080', connection_options);
            socket.on('update_required', function() {
                window.location.reload(true);
            });
        }

        Crypt.init();
        setup_auth_listener();

        if(Crypt.get_offline()){
            $(".offline_switch_class")[0].checked = true;
            change_offline(true, offline);
        }

        if($("#alreadychannel").length === 0 || Helper.mobilecheck()){
            setup_youtube_listener();
            get_list_listener();
            setup_suggested_listener();
            setup_viewers_listener();
        } else {
            $("#channel-load").css("display", "none");
            $("#player").css("opacity", "1");
            $("#controls").css("opacity", "1");
            $(".playlist").css("opacity", "1");
            Player.readyLooks();
            Playercontrols.initYoutubeControls(Player.player);
            Playercontrols.initSlider();
            Player.player.setVolume(Crypt.get_volume());
            $(".video-container").removeClass("no-opacity");

            var codeURL = "https://remote."+window.location.hostname+"/"+id;
            $("#code-text").text(id);
            $("#code-qr").attr("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+codeURL);
            $("#code-link").attr("href", codeURL);
        }

        var shareCodeUrl = window.location.protocol + "//"+window.location.hostname+"/"+chan.toLowerCase();
        $("#share-join-qr").attr("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+shareCodeUrl);
        $("#channel-name-join").text(window.location.hostname + "/" + chan.toLowerCase());
        if(no_socket){
            var add = "";
            if(private_channel) add = Crypt.getCookie("_uI") + "_";
            socket.emit("list", {version: parseInt(localStorage.getItem("VERSION")), channel: add + chan.toLowerCase(), pass: embed ? '' : Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()))});
        }

        if((!localStorage.getItem("_jSeen") || localStorage.getItem("_jSeen") != "seen") && !Helper.mobilecheck()) {
            $('.tap-target-join').tapTarget('open');
            tap_target_timeout = setTimeout(function() {
                $('.tap-target-join').tapTarget('close');
            }, 4000);
            localStorage.setItem("_jSeen", "seen");
        }

        if(!Helper.mobilecheck()) {
            $("#viewers").tooltip({
                delay: 5,
                position: "top",
                tooltip: "Viewers"
            });

            $("#fullscreen").tooltip({
                delay: 5,
                position: "top",
                tooltip: "Fullscreen"
            });

            $("#search-btn").tooltip({
                delay: 5,
                position: "bottom",
                tooltip: "Search"
            });


            $("#shuffle").tooltip({
                delay: 5,
                position: "bottom",
                tooltip: "Shuffle",
            });

            $("#settings").tooltip({
                delay: 5,
                position: "bottom",
                tooltip: "Settings",
            });
        }

        window.onYouTubeIframeAPIReady = Player.onYouTubeIframeAPIReady;
        if(Player.player === "" || Player.player === undefined || Helper.mobilecheck()) Player.loadPlayer();
        //}

        if(Helper.mobilecheck()) {
            Mobile_remote.initiate_volume();
            $(".close-settings").addClass("hide");
        }	else {
            $('input#chan_description').characterCounter();
            Channel.window_width_volume_slider();
        }

        setup_admin_listener();
        setup_list_listener();
        setup_chat_listener();

        socket.emit("get_history", {channel: chan.toLowerCase(), all: false});
        socket.emit("get_history", {channel: chan.toLowerCase(), all: true});

        if(!Helper.mobilecheck() && $("#alreadychannel").length === 0) setup_host_initialization();

        if(!Helper.msieversion() && !Helper.mobilecheck()) Notification.requestPermission();

        $(".search_input").focus();

        Helper.sample();
        if(!Helper.mobilecheck()) {
            $('.castButton').tooltip({
                delay: 5,
                position: "top",
                tooltip: "Cast Zoff to TV"
            });

            $("#color_embed").spectrum({
                color: "#808080",
                change: function(c) {
                    color = c.toHexString().substring(1); // #ff0000
                    $("#embed-area").val(embed_code(embed_autoplay, embed_width, embed_height, color));
                },
                appendTo: "#embed",
                containerClassName: 'polyfill-color z-depth-4',
                show: function(color) {
                },
            });

            $(".sp-choose").addClass("hide");
            $(".sp-cancel").addClass("btn-flat waves-effect waves-red");
            $(".sp-cancel").removeClass("sp-cancel");
            $(".sp-button-container").append("<a href='#' class='btn-flat waves-effect waves-green sp-choose-link'>CHOOSE</a>");
        }

        $(".sp-choose-link").on("click", function(e) {
            e.preventDefault();
            $(".sp-choose").trigger("click");
        });

        $("#results" ).hover( function() { $("div.result").removeClass("hoverResults"); i = 0; }, function(){ });
        $("#search").focus();
        $("#embed-button").css("display", "inline-block");
        $("#embed-area").val(embed_code(embed_autoplay, embed_width, embed_height, color));
        $("#search").attr("placeholder", "Find song on YouTube...");

        if(!$("footer").hasClass("padding-bottom-novideo")) {
            $("footer").addClass("padding-bottom-novideo");
        }

        if(!/chrom(e|ium)/.test(navigator.userAgent.toLowerCase()) && !Helper.mobilecheck()){
            $(".castButton").css("display", "none");
        }

        Helper.log("chromecastAvailable" + chromecastAvailable);
        Helper.log("chromecastAvailable" + chromecastReady);

        if(chromecastAvailable){
            hide_native(1);
        } else if(chromecastReady) {
            initializeCastApi();
        } else {
            window['__onGCastApiAvailable'] = function(loaded, errorInfo) {
                if (loaded) {
                    setTimeout(function(){
                        chromecastReady = true;
                        initializeCastApi();
                    }, 1000);
                } else {
                    chromecastReady = true;
                }
            }
        }
        Channel.listeners(true);
        Channel.add_context_menu();

        if(!Helper.mobilecheck() && navigator.userAgent.match(/iPad/i) == null){
            setTimeout(function(){Channel.set_title_width();}, 100);
        }
    },

    seekToClick: function(e){
        var acceptable = ["bar", "controls", "duration"];

        if(acceptable.indexOf($(e.target).attr("id")) >= 0) {
            var total = full_playlist[full_playlist.length - 1].duration / $("#controls").width();
            total = total * e.clientX;

            Helper.log(total);
            if(!chromecastAvailable){
                Player.player.seekTo(total + Player.np.start);

                dMinutes = Math.floor(duration / 60);
                dSeconds = duration - dMinutes * 60;
                currDurr = total;
                if(currDurr - Player.np.start > duration) {
                    currDurr = duration - Player.np.start;
                }
                currDurr = currDurr - Player.np.start;
                minutes = Math.floor(currDurr / 60);
                seconds = currDurr - (minutes * 60);
                document.getElementById("duration").innerHTML = Helper.pad(minutes)+":"+Helper.pad(seconds)+" <span id='dash'>/</span> "+Helper.pad(dMinutes)+":"+Helper.pad(dSeconds);
                per = (100 / duration) * currDurr;
                if(per >= 100)
                per = 100;
                else if(duration === 0)
                per = 0;
                $("#bar").width(per+"%");
            } else {
                castSession.sendMessage("urn:x-cast:zoff.me", {type: "seekTo", seekTo: total});
            }
        }
    },

    seekToMove: function(e){
        var pos_x = e.clientX - Math.ceil($("#seekToDuration").width() / 2) - 8;
        if(pos_x < 0) pos_x = 0;
        else if(pos_x + $("#seekToDuration").width() > $("#controls").width()) {
            pos_x = $("#controls").width() - $("#seekToDuration").width();
        }
        $("#seekToDuration").css("left", pos_x);
        try{
            var total = full_playlist[full_playlist.length - 1].duration / $("#controls").width();
            total = total * e.clientX;
            var _time = Helper.secondsToOther(total);
            var _minutes = Helper.pad(_time[0]);
            var _seconds = Helper.pad(Math.ceil(_time[1]));
            $("#seekToDuration").text(_minutes + ":" + _seconds);

            var acceptable = ["bar", "controls", "duration"];
            if(acceptable.indexOf($(e.target).attr("id")) >= 0 && dragging) {
                $("#bar").width(((100 / duration) * total) + "%");
            }
        } catch(e){}
    },

    set_title_width: function(start){
        if($(window).width() > 760){
            var add_width = $(".brand-logo").outerWidth()
            if(start){
                add_width = $(window).width()*0.15;
            }
            var test_against_width = $(window).width() - $(".control-list").width() - add_width - 33;
            title_width = test_against_width;
            $(".title-container").width(title_width);
        } else {
            $(".title-container").width("100%");
        }
    },

    spotify_is_authenticated: function(bool){
        if(bool){
            Helper.log("------------------------");
            Helper.log("Spotify is authenticated");
            Helper.log("access_token: " + access_token_data.access_token);
            Helper.log("token_type:" + access_token_data.token_type);
            Helper.log("expires_in: " + access_token_data.expires_in);
            Helper.log("------------------------");
            $(".spotify_authenticated").css("display", "block");
            $(".spotify_unauthenticated").css("display", "none");
        } else {
            Helper.log("----------------------------");
            Helper.log("Spotify is not authenticated");
            Helper.log("----------------------------");
            $(".spotify_authenticated").css("display", "none");
            $(".spotify_unauthenticated").css("display", "block");
        }
    },

    add_context_menu: function() {
        $.contextMenu({
            selector: '.playlist-element',
            reposition: true,
            autoHide: true,
            items: {
                copy: {
                    name: "Copy link",
                    callback: function(key, opt){
                        var this_id = $(this[0]).attr("data-video-id");
                        var this_url = "https://www.youtube.com/watch?v=" + this_id;
                        $(".copy_video_id").css("display", "block");
                        $(".copy_video_id").text(this_url);
                        var copyTextarea = document.querySelector('.copy_video_id');
                        copyTextarea.select();
                        var successful = document.execCommand('copy');
                        if(successful) {
                            Materialize.toast("Copied!", 2000, "green lighten");
                        } else {
                            Materialize.toast("Error copying..", 2000, "red lighten");
                        }
                        $(".copy_video_id").css("display", "none");
                    }
                },
                similar: {
                    name: "Find Similar",
                    callback: function(key, opt) {
                        var this_id = $(this[0]).attr("data-video-id");
                        Search.search(this_id, false, true);
                        if(Helper.contains($(".search-container").attr("class").split(" "), "hide")) {
                            Search.showSearch();
                        }
                    }
                },
                "sep1": "---------",
                delete: {
                    name: "Delete",
                    callback: function(key, opt) {
                        var this_id = $(this[0]).attr("data-video-id");
                        var this_type = $(this[0]).attr("data-video-type");

                        if(this_type == "suggested") {
                            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);
                        }

                        List.vote(this_id, "del");
                    },
                    disabled: function(key, opt) {
                        return w_p;
                    }
                }
            }
        });
    },

    share_link_modifier: function(){
        $("#facebook-code-link").attr("href", "https://www.facebook.com/sharer/sharer.php?u=https://zoff.me/" + chan.toLowerCase());
        $("#facebook-code-link").attr("onclick", "window.open('https://www.facebook.com/sharer/sharer.php?u=https://zoff.me/" + chan.toLowerCase() + "', 'Share Playlist','width=600,height=300'); return false;");
        $("#twitter-code-link").attr("href", "https://twitter.com/intent/tweet?url=https://zoff.me/" + chan.toLowerCase() + "&amp;text=Check%20out%20this%20playlist%20" + chan.toLowerCase() + "%20on%20Zoff!&amp;via=zoffmusic");
        $("#twitter-code-link").attr("onclick", "window.open('https://twitter.com/intent/tweet?url=https://zoff.me/" + chan.toLowerCase() + "/&amp;text=Check%20out%20this%20playlist%20" + chan.toLowerCase() + "%20on%20Zoff!&amp;via=zoffmusic','Share Playlist','width=600,height=300'); return false;");
        //$("#qr-code-image-link").attr("src", "//chart.googleapis.com/chart?chs=150x150&cht=qr&chl=https://zoff.me/" + chan.toLowerCase() + "&choe=UTF-8&chld=L%7C1");
    },

    window_width_volume_slider: function() {
        if(window.innerWidth <= 600 && slider_type == "horizontal") {
            slider_type = "vertical";
            Playercontrols.initSlider();
        } else if(window.innerWidth > 600 && slider_type == "vertical") {
            slider_type = "horizontal";
            Playercontrols.initSlider();
            $(".volume-container").removeClass("hide");
        }
    },

    listeners: function(on) {
        if(on) {
            $("#chatchannel").scroll(function(e) {
                if(!programscroll) {
                    userscroll = true;
                    if($("#chatchannel").scrollTop() + $("#chatchannel").innerHeight() >= $("#chatchannel")[0].scrollHeight) {
                        userscroll = false;
                    }
                }
            });
            $("#chatall").scroll(function(e) {
                if(!programscroll) {
                    userscroll = true;
                    if($("#chatall").scrollTop() + $("#chatall").innerHeight() >= $("#chatall")[0].scrollHeight) {
                        userscroll = false;
                    }
                }
            })
        } else {
            $("#chatchannel").off("scroll");
            $("#chatall").off("scroll");
        }
    },

    onepage_load: function(){

        var url_split = window.location.href.split("/");
        if(url_split[3].substr(0,1) != "#!" && url_split[3] !== "" && !(url_split.length == 5 && url_split[4].substr(0,1) == "#")){

            socket.emit("change_channel");
            Admin.beginning = true;

            chan = url_split[3].replace("#", "");
            $("#chan").html(Helper.upperFirst(chan));
            var add = "";
            w_p = true;
            if(private_channel) add = Crypt.getCookie("_uI") + "_";
            socket.emit("list", {version: parseInt(localStorage.getItem("VERSION")), channel: add + chan.toLowerCase(), pass: embed ? '' : Crypt.crypt_pass(Crypt.get_userpass(chan.toLowerCase()))});
        } else if(url_split[3] === "") {
            clearTimeout(timed_remove_check);
            changing_to_frontpage = true;
            $.contextMenu( 'destroy', ".playlist-element" );
            user_change_password = false;
            clearTimeout(width_timeout);
            if(fireplace_initiated){
                fireplace_initiated = false;
                Player.fireplace.destroy();
                $("#fireplace_player").css("display", "none");
            }
            $("#channel-load").css("display", "block");
            window.scrollTo(0, 0);

            Player.stopInterval = true;
            Admin.display_logged_out();
            Admin.beginning 	 = true;
            began 				 = false;
            durationBegun  		 = false;

            $("#embed-button").css("display", "none");
            if(!Helper.mobilecheck()) {
                $('.castButton').tooltip("remove");
                $("#viewers").tooltip("remove");
                //$('.castButton-unactive').tooltip("remove");
                $("#offline-mode").tooltip("remove");
                $('#chan_thumbnail').tooltip("remove");
                $('#fullscreen').tooltip("remove");
                $('#admin-lock').tooltip("remove");
                $("#search-btn").tooltip("remove");
                $("#shuffle").tooltip("remove");
                $("#settings").tooltip("remove");
            }
            $("#seekToDuration").remove();
            $("#settings").sideNav("destroy");
            $('.tap-target').tapTarget('close');
            $('.tap-target-join').tapTarget('close');
            clearTimeout(tap_target_timeout);
            before_toast();
            $.ajax({
                url: "/",
                success: function(e){
                    if(Helper.mobilecheck() || user_auth_avoid) {
                        Helper.log("Removing all listeners");
                        socket.removeAllListeners();
                        socket.disconnect();
                    } else {
                        socket.removeEventListener("chat.all");
                        socket.removeEventListener("chat");
                        socket.removeEventListener("conf");
                        socket.removeEventListener("pw");
                        socket.removeEventListener("toast");
                        //socket.removeEventListener("id");
                        socket.removeEventListener("channel");
                        //socket.removeEventListener(id);
                    }
                    socket.removeEventListener("color");
                    document.getElementById("volume-button").removeEventListener("click", Playercontrols.mute_video);
                    document.getElementById("playpause").removeEventListener("click", Playercontrols.play_pause);
                    document.getElementById("fullscreen").removeEventListener("click", Playercontrols.fullscreen);
                    Channel.listeners(false);
                    if(Helper.mobilecheck() || user_auth_avoid) {
                        video_id   = "";
                        song_title = "";
                    }

                    $("meta[name=theme-color]").attr("content", "#2D2D2D");

                    if(!Helper.mobilecheck() && !user_auth_avoid){
                        $(".video-container").resizable("destroy");
                        $("main").append("<a id='closePlayer' title='Close Player'>X</a>");
                        $("#playbar").remove();
                        $(".ui-resizable-handle").remove();
                        $("#main_components").remove();
                        $("#player").addClass("player_bottom");
                        $("#main-row").addClass("frontpage_modified_heights");
                        $("#player").css("opacity", "1");
                        $("#video-container").removeClass("no-opacity");
                        $("#main-row").prepend("<div id='player_bottom_overlay' title='To Channel' class='player player_bottom'></div>");
                        $("#playlist").remove();
                    } else {
                        try{
                            Player.player.destroy();
                        } catch(error){}
                        Player.player = "";
                        document.title = "Zoff";
                    }

                    var response = $("<div>" + e + "</div>");

                    //$(".drag-target").remove();
                    $("#sidenav-overlay").remove();
                    $("main").attr("class", "center-align container");
                    $("#main-container").removeClass("channelpage");
                    $("#main-container").attr("style", "");
                    $("header").html($(response.find("header")).html());
                    $($(response.find(".section.mega"))).insertAfter("header");
                    $($(response.find(".section.mobile-search"))).insertAfter(".mega");
                    if(Helper.mobilecheck() || user_auth_avoid) $("main").html($(response.find("main")).html());
                    else $("main").append($(response.find("#main_section_frontpage")).wrap("<div>").parent().html());
                    $(".page-footer").removeClass("padding-bottom-extra");
                    $(".page-footer").removeClass("padding-bottom-novideo");
                    $("#favicon").attr("href", "/assets/images/favicon-32x32.png");

                    $(".context-menu-list").remove();
                    Helper.log(socket);
                    if($("#alreadyfp").length == 1){
                        Frontpage.init();
                    }else {
                        fromChannel = true;
                        frontpage 	= true;
                        Frontpage.init();
                    }
                    changing_to_frontpage = false;

                    if($("#alreadychannel").length === 0 && !user_auth_avoid){
                        $("head").append("<div id='alreadychannel'></div");
                    } else if(user_auth_avoid) {
                        $("#alreadychannel").remove();
                    }
                    $("#channel-load").css("display", "none");
                    user_auth_avoid = false;
                }
            });
        }
    }
}