// We need a way to detect when the album image has finished *rendering*
// - on mobile devices this can be some time after the image has loaded
// and that fucks up the biggerizing of the nowplaying text.
// This method seems to work, called from the albumpicture's onload event
// and is less clunky than just using some random setTimeout
function rendered() {
    debug.log('ALBUMPICTURE', 'Rendered');
    $('#albumpicture').fadeIn('fast');
    $('#albumpicture').removeClass('clickicon').addClass('clickicon').off('click').on('click', infobar.albumImage.displayOriginalImage);
    layoutProcessor.adjustLayout();
}

function startRender() {
    debug.log('ALBUMPICTURE', 'Start Render');
    requestAnimationFrame(rendered);
}

function albumImageLoaded() {
    debug.log('ALBUMPICTURE', 'Load event fired');
    requestAnimationFrame(startRender);
}

function autoDiscovembobulate() {
    pluginManager.autoOpen(language.gettext('button_infoyou'));
}

function inputFIleChanged() {
    var filenames = $.map($(this).prop('files'), function(val) {
        return val.name.replace(/.*(\/|\\)/, '')
    });
    if (filenames.length > 3) {
        $(this).next().html(filenames.length + ' files selected');
    } else {
        $(this).next().html(filenames.join('<br />'));
    }
    $(this).parent().next('input[type="button"]').fadeIn('fast');
}

function filterSpecialChars() {
    this.value = this.value.replace(/[\*&\+\s<>\[\]:;,\.\(\)]/g, '')
}

function showTagRemover() {
    $(this).children('i').show();
}

function hideTagRemover() {
    $(this).children('i').hide();
}

$(document).ready(function(){
    debug.log("INIT","Document Ready Event has fired");
    $('#albumpicture').on('load', albumImageLoaded);
    get_geo_country();
    if (prefs.do_not_show_prefs) {
        $('.choose_prefs').remove();
    }
    prefs.setTheme(prefs.theme);
    infobar.createProgressBar();
    pluginManager.doEarlyInit();
    createHelpLinks();
    player.controller.initialise();
    layoutProcessor.initialise();
    checkServerTimeOffset();
    $('.combobox').makeTagMenu({textboxextraclass: 'searchterm', textboxname: 'tag', labelhtml: '<b>'+language.gettext("label_tag")+'</b>', populatefunction: tagAdder.populateTagMenu});
    $('.tagaddbox').makeTagMenu({textboxname: 'newtags', populatefunction: tagAdder.populateTagMenu, buttontext: language.gettext('button_add'), buttonfunc: tagAdder.add});
    browser.createButtons();
    setPlayClickHandlers();
    bindClickHandlers();
    setChooserButtons();
    player.defs.replacePlayerOptions();
    // Checkbox and Radio buttons sadly can't be handled by delegated events
    // because a lot of them are in floatingMenus, which are handled by jQueryUI
    // which stops the events from propagating;
    $('.toggle').on('click', prefs.togglePref);
    $('.savulon').on('click', prefs.toggleRadio);
    $(document).on('keyup', ".saveotron", prefs.saveTextBoxes);
    $(document).on('change', ".saveomatic", prefs.saveSelectBoxes);
    $('.clickreplaygain').on('click', player.controller.replayGain);
    playlist.preventControlClicks(true);
    prefs.setPrefs();
    if (prefs.playlistcontrolsvisible) {
        $("#playlistbuttons").show();
    }
    if (prefs.collectioncontrolsvisible) {
        $("#collectionbuttons").show();
    }
    if (prefs.podcastcontrolsvisible) {
        $("#podcastbuttons").show();
    }
    showUpdateWindow();
    window.addEventListener("storage", onStorageChanged, false);
    bindPlaylistClicks();
    $(window).on('resize', layoutProcessor.adjustLayout);
    pluginManager.setupPlugins();
    setAvailableSearchOptions();
    layoutProcessor.adjustLayout();
    // Some debugging info, saved to the backend so we can see it
    prefs.save({test_width: $(window).width(), test_height: $(window).height()});
    coverscraper = new coverScraper(0, false, false, prefs.downloadart);
    lastfm = new LastFM(prefs.lastfm_user);
    uiHelper.setupCollectionDisplay();
    layoutProcessor.sourceControl(prefs.chooser);
    if (prefs.browser_id == null) {
        prefs.save({browser_id: Date.now()});
    }
    setTimeout(cleanBackendCache, 5000);
    if (prefs.auto_discovembobulate) {
        setTimeout(autoDiscovembobulate , 1000);
    }
    $(document).on('click', '.clearbox.enter', makeClearWork);
    $(document).on('keyup', '.enter', onKeyUp);
    $(document).on('change', '.inputfile', inputFIleChanged);
    $(document).on('keyup', 'input.notspecial', filterSpecialChars);
    $(document).on('mouseenter', "#dbtags>.tag", showTagRemover);
    $(document).on('mouseleave', "#dbtags>.tag", hideTagRemover);
    $(document).on('click', '.tagremover:not(.plugclickable)', nowplaying.removeTag);
    if (prefs.mopidy_slave || (prefs.collection_player != prefs.player_backend && prefs.collection_player != null)) {
        $('[name="donkeykong"]').remove();
        $('[name="dinkeyking"]').remove();
    }
    if (prefs.sync_lastfm_at_start) {
        syncLastFMPlaycounts.start();
    }
    spotifyLinkChecker.initialise();
    snapcast.updateStatus();
});

function cleanBackendCache() {
    if (player.updatingcollection || !player.collectionLoaded || player.collection_is_empty) {
        debug.trace("INIT","Deferring cache clean because collection is not ready",
                        player.updatingcollection, player.collectionLoaded, player.collection_is_empty);
        setTimeout(cleanBackendCache, 200000);
    } else {
        debug.shout("INIT","Starting Backend Cache Clean");
        collectionHelper.disableCollectionUpdates();
        $.get('utils/cleancache.php', function() {
            debug.shout("INIT","Cache Has Been Cleaned");
            collectionHelper.enableCollectionUpdates();
            setTimeout(cleanBackendCache, 86400000)
        });
    }
}

function get_geo_country() {
    if (prefs.country_userset == false) {
        // It's helpful and important to get the country code set, as many users won't see it
        // and it's necessary for the Spotify info panel to return accurate data
        $.getJSON("utils/getgeoip.php", function(result) {
            debug.shout("GET COUNTRY", 'Country:',result.country,'Code:',result.countryCode);
            if (result.country != 'ERROR') {
                $("#lastfm_country_codeselector").val(result.countryCode);
                prefs.save({lastfm_country_code: result.countryCode, country_userset: true});
            } else {
                debug.error("GET COUNTRY","Country code error",result);
            }
        });
    }
}

function createHelpLinks() {
    var helplinks = {};
    helplinks[language.gettext('button_local_music')] = 'https://fatg3erman.github.io/RompR/Music-Collection';
    helplinks[language.gettext('label_searchfor')] = 'https://fatg3erman.github.io/RompR/Searching-For-Music';
    helplinks[language.gettext('button_internet_radio')] = 'https://fatg3erman.github.io/RompR/Internet-Radio';
    helplinks[language.gettext('label_podcasts')] = 'https://fatg3erman.github.io/RompR/Podcasts';
    helplinks[language.gettext('label_audiobooks')] = 'https://fatg3erman.github.io/RompR/Spoken-Word';
    helplinks[language.gettext('label_pluginplaylists')] = 'https://fatg3erman.github.io/RompR/Personalised-Radio';
    helplinks[language.gettext('label_lastfm')] = 'https://fatg3erman.github.io/RompR/LastFM';
    helplinks[language.gettext('config_players')] = 'https://fatg3erman.github.io/RompR/Using-Multiple-Players';
    helplinks[language.gettext('config_snapcast')] = 'https://fatg3erman.github.io/RompR/Snapcast';

    for (var i in helplinks) {
        debug.log("HELPLINKS","Appending Help Link For",i);
        $('b:contains("'+i+'")').each(function() {
            if ($(this).parent().hasClass('configtitle') && !$(this).parent().hasClass('nohelp')) {
                $(this).parent().append('<a href="'+helplinks[i]+'" target="_blank"><i class="icon-info-circled playlisticonr tright tooltip" title="'+language.gettext('label_gethelp')+'"></i></a>');
            } else if ($(this).parent().parent().hasClass('configtitle') && $(this).parent().parent().hasClass('containerbox')) {
                $(this).parent().parent().append('<div class="fixed"><a href="'+helplinks[i]+'" target="_blank"><i class="icon-info-circled playlisticonr tright tooltip" title="'+language.gettext('label_gethelp')+'"></i></a></div>');
            }
        });
        // $('b:contains("'+i+'")').parent('.configtitle').not('.nohelp').append('<a href="'+helplinks[i]+'" target="_blank"><i class="icon-info-circled playlisticonr tright tooltip" title="'+language.gettext('label_gethelp')+'"></i></a>');
    }
}