var imagekey = '';
var imgobj = null;
var nosource = false;
var running = false;
var clickindex = null;
var wobblebottom;
var searchcontent;
var localimages;
var allshown = true;
var stream = "";
var progress;

function getNewAlbumArt(div) {

    debug.log("ALBUMART","Getting art in",div);
    $.each($(div).find("img").filter(filterImages), function () {
            coverscraper.GetNewAlbumArt($(this));
        }
    );
    if (running == false) {
        running = true;
        progress.fadeIn('slow');
        $("#harold").off("click");
        $("#harold").on("click", reset );
        $("#harold").html("Stop Download");
        $('#doobag').off('click');
    }

}

// Does anybody ever read the comments in code?
// I hope they do, because most of the comments in my code are entirely useless.

function reset() {
    coverscraper.reset(-1);
}

// I like badgers

function start() {
    getNewAlbumArt('#wobblebottom');
}

function getsmall() {
    $('#doobag').html(language.gettext('label_searching')).makeFlasher();
    $("#doobag").off("click");
    $.ajax({
        type: 'GET',
        url: 'utils/findsmallimages.php',
        dataType: 'json',
        timeout: 300000
    })
    .done(function(data) {
        $('#doobag').stopFlasher().css('opacity', '0');
        debug.log("SMALL IMAGES","Got List!",data);
        for (var i in data) {
            $('img[name="'+data[i]+'"]').removeAttr('src').addClass('notexist');
        }
        coverscraper.reset($('.notexist:not(.notfound)').length + $('.notfound:not(.notexist)').length);
    })
    .fail(function() {
        $('#doobag').html("FAILED!").stopFlasher();
        debug.error("SMALL IMAGES","Big Wet Balls");
    });
}

function aADownloadFinished() {
    if (running == true) {
        running = false;
        $("#harold").off("click");
        $("#harold").on("click", start );
        $("#doobag").off("click");
        $("#doobag").on("click", getsmall );
        $("#harold").html("Get Missing Covers");
    }
    $("#status").html("");
    if (progress) {
        progress.fadeOut('slow');
        progress.rangechooser('setProgress', 0);
    }
}

function onWobblebottomClicked(event) {

    var clickedElement = findClickableElement(event);
    if (clickedElement.hasClass("clickalbumcover")) {
        event.stopImmediatePropagation();
        imageEditor.show(clickedElement);
    }
    if (clickedElement.hasClass('clickselectartist')) {
        event.stopImmediatePropagation();
        var a = clickedElement.attr("id");
        $(".clickselectartist").filter('.selected').removeClass('selected');
        clickedElement.addClass('selected');
        if (a == "allartists") {
            $(".cheesegrater").show();
            if (!allshown) {
                boogerbenson();
                boogerbenson();
            }
        } else {
            $(".cheesegrater").filter('[name!="'+a+'"]').hide();
            $('[name="'+a+'"]').show();
        }
    }
}

function findClickableElement(event) {

    var clickedElement = $(event.target);
    // Search upwards through the parent elements to find the clickable object
    while (!clickedElement.hasClass("clickable") &&
            clickedElement.prop("id") != "wobblebottom" &&
            clickedElement.prop("id") != "searchcontent") {
        clickedElement = clickedElement.parent();
    }
    return clickedElement;

}

// It's not raining

function boogerbenson() {
    if (allshown) {
        $("img", "#wobblebottom").filter( onlywithcovers ).parent().parent().hide();
        $("#finklestein").html(language.gettext("albumart_showall"));
        $(".albumsection").filter( emptysections ).hide();
        $(".bigholder").filter( emptysections2 ).hide();
    } else {
        $(".bigholder").show();
        $(".albumsection").show();
        $("img", "#wobblebottom").parent().parent().show();
        $("#finklestein").html(language.gettext("albumart_onlyempty"));
    }
    allshown = !allshown;
}

function onlywithcovers() {
    if ($(this).hasAttr('src')) {
        return true;
    } else {
        return false;
    }
}

function filterImages() {
    if ($(this).hasClass('playlistimage')){
        return false;
    }
    if ($(this).hasAttr('src')) {
        return false;
    } else {
        return true;
    }
}

// This comment is useless

function emptysections() {
    var empty = true;
    $.each($(this).next().find('.albumimg'), function() { if (!$(this).is(':hidden')) { empty = false } });
    return empty;
}

function emptysections2() {
    var empty = true;
    $.each($(this).find('.albumimg'), function() { if (!$(this).is(':hidden')) { empty = false } });
    return empty;
}

function sections_without_missing_images() {
    var ne = $(this).find('img.notexist');
    var nf = $(this).find('img.notfound');
    if (ne.length + nf.length > 0) {
        return false;
    }
    return true;
}

function sections_with_missing_images() {
    var ne = $(this).find('img.notexist');
    var nf = $(this).find('img.notfound');
    if (ne.length + nf.length > 0) {
        return true;
    }
    return false;
}

$(document).ready(function () {

    debug.log("ALBUMART","Document is ready");
    prefs.rgbs = null;
    prefs.maxrgbs = null;
    prefs.setTheme(prefs.theme);
    progress = $('#progress');
    progress.rangechooser({range: 100, startmax: 0, interactive: false});
    $(window).on('resize', wobbleMyBottom );
    $("#harold").on('click',  start );
    $("#doobag").on('click',  getsmall );
    $("#finklestein").on('click',  boogerbenson );
    wobblebottom = $('#wobblebottom');
    wobbleMyBottom();
    $('#artistcoverslist').mCustomScrollbar({
        theme: "light",
        scrollInertia: 300,
        contentTouchScroll: 25,
        mouseWheel: {
            scrollAmount: 40,
        },
        advanced: {
            updateOnContentResize: true,
            updateOnImageLoad: false,
            autoScrollOnFocus: false,
            autoUpdateTimeout: 500,
        }
    });
    $('#coverslist').mCustomScrollbar({
        theme: "light",
        scrollInertia: 200,
        contentTouchScroll: 25,
        mouseWheel: {
            scrollAmount: 20,
        },
        advanced: {
            updateOnContentResize: true,
            updateOnImageLoad: false,
            autoScrollOnFocus: false,
            autoUpdateTimeout: 500,
        }
    });
    document.body.addEventListener('drop', function(e) {
        e.preventDefault();
    }, false);
    wobblebottom.on('click', onWobblebottomClicked);
    $('.droppable').on('dragenter', dragEnter);
    $('.droppable').on('dragover', dragOver);
    $('.droppable').on('dragleave', dragLeave);
    $('.droppable').on('drop', handleDrop);
    $(document).on('mouseenter', '.clearbox', makeHoverWork);
    $(document).on('mouseleave', '.clearbox', makeHoverWork);
    $(document).on('mousemove', '.clearbox', makeHoverWork);
    $(document).on('click', '.clearbox.enter', makeClearWork);

});

$(window).on('load', function () {
    debug.log("ALBUMART","Document has loaded");
    coverscraper = new coverScraper(1, true, true, true);
    var count = 0;
    $.each($(document).find("img").filter(filterImages), function() {
        count++;
        $(this).addClass("notexist");
    });
    $('.cheesegrater').filter(sections_with_missing_images).each(function() {
        $(this).children('.albumsection').find('button').show();
    });
    $('#poobag').prop('checked', false);
    $('#dinkytoy').prop('checked', false);
    coverscraper.toggleScrolling(false);
    coverscraper.toggleLocal(false);
    $("#totaltext").html(numcovers+" "+language.gettext("label_albums"));
    coverscraper.reset(albums_without_cover);
    coverscraper.updateInfo(albums_without_cover - count);
    $("#status").html(language.gettext("albumart_instructions"));
});

function dragEnter(ev) {
    evt = ev.originalEvent;
    evt.stopPropagation();
    evt.preventDefault();
    $(ev.target).addClass("highlighted");
    return false;
}

function dragOver(ev) {
    evt = ev.originalEvent;
    evt.stopPropagation();
    evt.preventDefault();
    return false;
}

function dragLeave(ev) {
    evt = ev.originalEvent;
    evt.stopPropagation();
    evt.preventDefault();
    $(ev.target).removeClass("highlighted");
    return false;
}

function handleDrop(ev) {
    debug.log("ALBUMART","Dropped",ev);
    evt = ev.originalEvent;
    $(ev.target).removeClass("highlighted");
    imgobj = $(ev.target);
    imagekey = imgobj.attr("name");
    nosource = (imgobj.hasClass('notfound') || imgobj.hasClass('notexist'));
    clickindex = null;
    dropProcessor(ev.originalEvent, imgobj, coverscraper, uploadComplete, searchFail);
}

var imageEditor = function() {

    var start = 1;
    var position = null;
    var bigdiv = null;
    var bigimg = new Image();
    var currparent = null;
    var currhighlight = null;
    var currname = null;
    var current = "g";
    var nureek = "https://www.googleapis.com/customsearch/v1?key="+prefs.google_api_key+"&cx="+prefs.google_search_engine_id+"&searchType=image&alt=json";
    bigimg.onload = function() {
        imageEditor.displayBigImage();
    }

    return {

        show: function(where) {
            var newpos = where.parent().parent();
            if (where.attr('name') == currname) {
                imageEditor.close();
                return true;
            }
            if (currparent !== null) {
                imageEditor.close();
            }
            currname = where.attr('name');
            bigdiv = $('<div>', {id: "imageeditor", class: "containerbox highlighted dropshadow"}).appendTo(newpos);
            bigdiv.on('click', imageEditor.onGoogleSearchClicked);
            start = 1;
            currhighlight = where.parent();
            currhighlight.addClass('highlighted');
            currparent = newpos;

            bigimg.src = "";
            bigdiv.empty();
            imgobj = where;
            imagekey = imgobj.attr('name');
            nosource = (imgobj.hasClass('notfound') || imgobj.hasClass('notexist'));
            var phrase = decodeURIComponent(imgobj.parent().find('input[name="searchterm"]').val());
            var path = imgobj.parent().find('input[name="albumpath"]').val();
            debug.log('ALBUMART','Local Path Is',path);

            bigdiv.append($('<div>', { id: "searchcontent" }));
            bigdiv.append($('<div>', { id: "origimage"}).append($("<img>", { id: 'browns' })));

            $("#searchcontent").append( $('<div>', {id: "editcontrols", class: "clearfix fullwidth"}),
                                        $('<div>', {id: "gsearch", class: "noddy fullwidth invisible"}),
                                        $('<div>', {id: "fsearch", class: "noddy fullwidth invisible"}),
                                        $('<div>', {id: "usearch", class: "noddy fullwidth invisible"}));

            $("#"+current+"search").removeClass("invisible");

            $("#gsearch").append(       $('<div>', {id: "brian", class: "fullwidth"}),
                                        $('<div>', {id: "searchresultsholder", class: "fullwidth"}));

            $("#searchresultsholder").append($('<div>', {id: "searchresults", class: "clearfix fullwidth"}));

            var fdiv =                  $('<div>', {class: "fullwidth"}).appendTo('#usearch');
            var uform =                 $('<form>', { id: 'uform', action: 'getalbumcover.php', method: 'post', enctype: 'multipart/form-data' }).appendTo(fdiv);
            uform.append(               $('<input>', { id: 'uploadkey', type: 'hidden', name: 'key', value: '' }),
                                        $('<input>', { id: 'uploadartist', type: 'hidden', name: 'artist', value: '' }),
                                        $('<input>', { id: 'uploadalbum', type: 'hidden', name: 'album', value: '' }),
                        );
            var fb =                    $('<div>', {class: 'filebutton textcentre'}).appendTo(uform);
            var inp =                   $('<input>', { name: 'ufile', type: 'file', id: 'ufile', class: 'inputfile'}).appendTo(fb);
            inp.on('change', function() {
                var filename = $(this).val().replace(/.*(\/|\\)/, '');
                $(this).next().html(filename);
                $(this).parent().next('input[type="button"]').fadeIn('fast');
            });
            var lab =                   $('<label>', { for: 'ufile' }).appendTo(fb);
            lab.html(language.gettext('label_choosefile'));
            var but =                   $('<input>', { type: 'button', class: 'invisible fixed', value: language.gettext("albumart_uploadbutton") }).appendTo(uform);
            but.on('click', imageEditor.uploadFile);

            $("#usearch").append(      '<div class="holdingcell"><p>'+language.gettext("albumart_dragdrop")+'</p></div>');

            $("#editcontrols").append(  '<div id="g" class="tleft bleft clickable clickicon bmenu">'+language.gettext("albumart_googlesearch")+'</div>');
            if (path && path != '.') {
                $("#editcontrols").append( '<div id="f" class="tleft bleft bmid clickable clickicon bmenu">'+language.gettext("albumart_local")+'</div>');
            }
            $("#editcontrols").append(  '<div id="u" class="tleft bleft bmid clickable clickicon bmenu">'+language.gettext("albumart_upload")+'</div>'+
                                        '<div class="tleft bleft bmid clickable clickicon"><a href="http://www.google.com/search?q='+phrase+'&hl=en&site=imghp&tbm=isch" target="_blank">'+language.gettext("albumart_newtab")+'</a></div>');

            $("#editcontrols").append(  $('<i>', { class: "icon-cancel-circled smallicon tright clickicon", onclick: "imageEditor.close()"}));

            $("#"+current).addClass("bsel");

            $("#brian").append('<div class="containerbox"><div class="expand"><input class="enter clearbox" type="text" id="searchphrase" /></div><button class="fixed" onclick="imageEditor.research()">Search</button></div>');

            $("#searchphrase").val(phrase);

            if (imgobj.attr("src")) {
                var aa = new albumart_translator(imgobj.attr("src"));
                bigimg.src = aa.getSize('asdownloaded');
            }

            imageEditor.search();
            if (path && path != '.') {
                $.getJSON("utils/findLocalImages.php?path="+path, imageEditor.gotLocalImages)
            }

            var searchparams = coverscraper.getImageSearchParams(imgobj);
            $('input#uploadkey').val(searchparams.key);
            $('input#uploadartist').val(searchparams.artist);
            $('input#uploadalbum').val(searchparams.album);
            $('#searchphrase').on('keyup', imageEditor.bumblefuck);
            wobbleMyBottom();
            $('#coverslist').mCustomScrollbar('scrollTo', currparent.parent().parent().prev());
        },

        setWidth: function() {
            if (bigdiv) {
                var l = Math.max(currparent.position().left - 4, 0);
                var w = Math.max((currparent.width() + currparent.position().left - l), (currparent.parent().width() - 8));
                bigdiv.css({
                    width: w+"px",
                    left: "-"+l+"px"
                });

            }
        },

        close: function() {
            bigdiv.remove();
            bigdiv = null;
            currhighlight.removeClass('highlighted');
            currhighlight = null;
            currparent = null;
            currname = null;
            curval = null;
        },

        displayBigImage: function() {
            if (bigdiv) {
                $('#browns').attr('src', bigimg.src).css('opacity', 1);
            }
        },

        research: function() {
            $("#searchresults").empty();
            start = 1;
            imageEditor.search();
        },

        search: function() {
            debug.log("IMAGEEDITOR",prefs.google_api_key,prefs.google_search_engine_id);
            if (prefs.google_api_key != '' && prefs.google_search_engine_id != '') {
                var searchfor = $("#searchphrase").val();
                debug.log("IMAGEEDITOR","Searching Google for", searchfor);
                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: 'browser/backends/google.php',
                    data: {uri: encodeURIComponent(nureek+"&q="+encodeURIComponent(searchfor)+"&start="+start)}
                })
                .done(imageEditor.googleSearchComplete)
                .fail(function(data) {
                    debug.log("IMAGEEDITOR","IT'S ALL GONE HORRIBLY WRONG",data);
                    if (data == null) {
                        imageEditor.showError("No Response!");
                    } else {
                        var e = data.responseJSON;
                        if (e.error) {
                            if (typeof (e.error) == 'object') {
                                var t = '';
                                for (var i in e.error.errors) {
                                    t += e.error.errors[i].message+' - '+e.error.errors[i].reason+'<br/>';
                                }
                                imageEditor.showError(t)
                            } else {
                                imageEditor.showError(e.error)
                            }
                        } else {
                            imageEditor.showError("No Response!");
                        }
                    }
                });
            } else {
                imageEditor.showError('You need to use your own Google API Key to search Google. Read more at <a href="https://fatg3erman.github.io/RompR/Album-Art-Manager" target="_blank">The Documentation</a>');
            }
        },

        googleSearchComplete: function(data) {
            debug.log("IMAGEEDITOR","Google Search Results", data);
            $("#morebutton").remove();
            if (data.queries.nextPage) {
                start = data.queries.nextPage[0].startIndex;
            } else {
                start = 1;
            }
            if (data.items) {
                $.each(data.items, function(i,v){
                    var index = start+i;
                    $("#searchresults").append($('<img>', {
                        id: 'img'+index,
                        class: "gimage clickable clickicon clickgimage",
                        src: v.image.thumbnailLink
                    }));
                    $("#searchresults").append($('<input>', {
                        type: 'hidden',
                        value: v.link,
                    }));
                    $("#searchresults").append($('<input>', {
                        type: 'hidden',
                        value: index,
                    }));

                });
                $(".gimage").css("height", "120px");
                $("#searchresultsholder").append('<div id="morebutton" class="fullwidth"><button onclick="imageEditor.search()">'+language.gettext("albumart_showmore")+'</button></div>');
            } else {
                $("#searchresults").append('<h3 align="center">No Images Found</h3>');
            }
        },

        onGoogleSearchClicked: function(event) {
            var clickedElement = findClickableElement(event);
            if (clickedElement.hasClass("clickgimage")) {
                debug.log("ALBUMART","Search Result clicked :",clickedElement.next().val(), clickedElement.next().next().val());
                event.stopImmediatePropagation();
                updateImage(clickedElement.next().val(), clickedElement.next().next().val());
            } else if (clickedElement.hasClass("bmenu")) {
                var menu = clickedElement.attr("id");
                $(".noddy").filter(':visible').fadeOut('fast', function() {
                    $("#"+menu+"search").fadeIn('fast');
                });
                $(".bleft").removeClass('bsel');
                clickedElement.addClass('bsel');
                current = menu;
            }
        },

        updateBigImg: function(url) {
            $("#browns").css('opacity', 0);
            if (typeof url == "string") {
                bigimg.src = url;
            }
        },

        showError: function(message) {
            debug.log("IMAGEEDITOR","Error - ",message);
            $("#morebutton").remove();
            $("#searchresults").append('<h3>'+language.gettext("albumart_googleproblem")+' "'+message+'"</h3>');
        },

        gotLocalImages: function(data) {
            debug.log("ALBUMART","Retreived Local Images: ",data);
            if (data && data.length > 0) {
                $.each(data, function(i,v) {
                    debug.log("ALBUMART","Local Image ",i, v);
                    $("#fsearch").append($("<img>", {
                                                        id: "img"+(i+100000).toString(),
                                                        class: "gimage clickable clickicon clickgimage" ,
                                                        src: v
                                                    })
                                        );
                    $("#fsearch").append($('<input>', {
                        type: 'hidden',
                        value: v,
                    }));
                    $("#fsearch").append($('<input>', {
                        type: 'hidden',
                        value: i+100000,
                    }));
                });
                $(".gimage").css("height", "120px");
            }
        },

        bumblefuck: function(e) {
            if (e.keyCode == 13) {
                imageEditor.research();
            }
        },

        uploadFile: function() {
            imgobj.removeClass('notfound notexist').addClass('notfound');
            imageEditor.updateBigImg(true);
            startAnimation();
            var formElement = document.getElementById("uform");
            var xhr = new XMLHttpRequest();
            xhr.open("POST", "getalbumcover.php");
            xhr.responseType = "json";
            xhr.onload = function () {
                if (xhr.status === 200) {
                    uploadComplete(xhr.response);
                } else {
                    searchFail();
                }
            };
            xhr.send(new FormData(formElement));
        }

    }

}();

function wobbleMyBottom() {
    var ws = getWindowSize();
    var newheight = ws.y - wobblebottom.offset().top;
    wobblebottom.css("height", newheight.toString()+"px");
    imageEditor.setWidth();
}

// Ceci n'est pas une commentaire

function updateImage(url, index) {
    clickindex = index;
    imgobj.removeClass('notfound notexist').addClass('notfound');
    imageEditor.updateBigImg(true);
    startAnimation();
    var options = coverscraper.getImageSearchParams(imgobj);
    options.source = url;
    $.ajax({
        url: "getalbumcover.php",
        type: "POST",
        data: options,
        cache:false
    })
    .done(uploadComplete)
    .fail(searchFail);
}

function startAnimation() {
    imgobj.removeClass('nospin').removeAttr('src').addClass('spinner');
}

function animationStop() {
    imgobj.removeClass('spinner').addClass('nospin');
}

function searchFail() {
    debug.log("ALBUMART","No Source Found");
    $('#img'+clickindex).attr('src', 'newimages/imgnotfound.svg');
    imgobj.removeClass('notfound notexist').addClass('notexist');
    imageEditor.updateBigImg(false);
    animationStop();
}

function uploadComplete(data) {
    debug.log("ALBUMART","Upload Complete");
    if (data.small) {
        animationStop();
        debug.log("ALBUMART","Success for",imagekey);
        if (nosource) {
            coverscraper.updateInfo(1);
            nosource = false;
        }
        imgobj.removeClass("notexist notfound");
        var firefoxcrapnesshack = Math.floor(Date.now());
        imgobj.attr('src', data.small+'?version='+firefoxcrapnesshack.toString());
        imageEditor.updateBigImg(data.asdownloaded+'?version='+firefoxcrapnesshack.toString());
        sendLocalStorageEvent(imagekey, data);
    } else {
        searchFail();
    }
}

function toggleScrolling() {
    if ($('#poobag').is(':checked')) {
        debug.log("COVERS","Disabling Scrolling");
        coverscraper.toggleScrolling(false);
    } else {
        debug.log("COVERS","Enabling Scrolling");
        coverscraper.toggleScrolling(true);
    }
}

function toggleLocal() {
    if ($('#dinkytoys').is(':checked')) {
        debug.log("COVERS","Enabling Local Images");
        coverscraper.toggleLocal(false);
    } else {
        debug.log("COVERS","Ignoring Local Images");
        coverscraper.toggleLocal(true);
    }
}

function fakeClickOnInput() {

}