function getThumb(imgElem, id, type) {

    if (type == 'artist') {
        var thumbURL = "getThumb?ArtistID=" + id;
        // var imgURL = "getArtwork?ArtistID=" + id;
    } else {
        var thumbURL = "getThumb?AlbumID=" + id;
        // var imgURL = "getArtwork?AlbumID=" + id;
    }
    // Get Data from the cache by Artist ID
    $.ajax({
        url: thumbURL,
        cache: true,
        success: function (data) {
            if (data == "") {
                var imageUrl = "interfaces/default/images/no-cover-artist.png";
            }
            else {
                var imageUrl = data;
            }
            $(imgElem).attr("src", imageUrl).hide().fadeIn();
            // $(imgElem).wrap('<a href="'+ imgURL +'" rel="dialog" title="' + name + '"></a>');
        }
    });
}

function getArtwork(imgElem, id, name, type) {

    if (type == 'artist') {
        var artworkURL = "getArtwork?ArtistID=" + id;
    } else {
        var artworkURL = "getArtwork?AlbumID=" + id;
    }
    // Get Data from the cache by Artist ID
    $.ajax({
        url: artworkURL,
        cache: true,
        success: function (data) {
            if (data == "" || data == undefined) {
                var imageUrl = "interfaces/default/images/no-cover-artist.png";
            }
            else {
                var imageUrl = data;
            }
            $(imgElem).attr("src", imageUrl).hide().fadeIn();
            $(imgElem).wrap('<a href="' + imageUrl + '" rel="dialog" title="' + name + '"></a>');
        }
    });
}

function getInfo(elem, id, type) {

    if (type == 'artist') {
        var infoURL = "getInfo?ArtistID=" + id;
    } else {
        var infoURL = "getInfo?AlbumID=" + id;
    }
    // Get Data from the cache by ID
    $.ajax({
        url: infoURL,
        cache: true,
        dataType: "json",
        success: function (data) {
            var summary = data.Summary;
            $(elem).append(summary);
        }
    });
}

function getImageLinks(elem, id, type, unveil) {
    if (type == 'artist') {
        var infoURL = "getImageLinks?ArtistID=" + id;
    } else {
        var infoURL = "getImageLinks?AlbumID=" + id;
    }

    // Get Data from the cache by ID
    $.ajax({
        url: infoURL,
        cache: true,
        dataType: "json",
        success: function (data) {
            if (!data) {
                // Invalid response
                return;
            }

            if (!data.thumbnail) {
                var thumbnail = "interfaces/default/images/no-cover-artist.png";
            }
            else {
                var thumbnail = data.thumbnail;
            }
            if (!data.artwork) {
                var artwork = "interfaces/default/images/no-cover-artist.png";
            }
            else {
                var artwork = data.artwork;
            }

            if (unveil) {
                $(elem).attr("data-src", thumbnail);
                $(elem).unveil();
            }
            else {
                $(elem).attr("src", thumbnail);
            }
        }
    });
}

function initHeader() {
    //settings
    var header = $("#container header");
    var fadeSpeed = 100, fadeTo = 0.5, topDistance = 20;
    var topbarME = function () {
        $(header).fadeTo(fadeSpeed, 1);
    }, topbarML = function () {
        $(header).fadeTo(fadeSpeed, fadeTo);
    };
    var inside = false;
    //do
    $(window).scroll(function () {
        position = $(window).scrollTop();
        if (position > topDistance && !inside) {
            //add events
            topbarML();
            $(header).bind('mouseenter', topbarME);
            $(header).bind('mouseleave', topbarML);
            $("#toTop").fadeIn();
            inside = true;
        }
        else if (position < topDistance) {
            topbarME();
            $(header).unbind('mouseenter', topbarME);
            $(header).unbind('mouseleave', topbarML);
            $("#toTop").fadeOut();
            inside = false;
        }
    });

}

function initConfigCheckbox(elem) {
    var config = $(elem).parent().next();
    if ($(elem).is(":checked")) {
        config.show();
    } else {
        config.hide();
    }
    $(elem).click(function () {
        var config = $(this).parent().next();
        if ($(this).is(":checked")) {
            config.slideDown();
        } else {
            config.slideUp();
        }
    });
}
function initActions() {
    $("#subhead_menu #menu_link_refresh").button();
    $("#subhead_menu #menu_link_edit").button();
    $("#subhead_menu .menu_link_edit").button();
    $("#subhead_menu #menu_link_delete").button();
    $("#subhead_menu #menu_link_pauze").button();
    $("#subhead_menu #menu_link_resume").button();
    $("#subhead_menu #menu_link_getextra").button();
    $("#subhead_menu #menu_link_removeextra").button();
    $("#subhead_menu #menu_link_wanted").button();
    $("#subhead_menu #menu_link_check").button();
    $("#subhead_menu #menu_link_skipped").button();
    $("#subhead_menu #menu_link_retry").button();
    $("#subhead_menu #menu_link_new").button();
    $("#subhead_menu #menu_link_shutdown").button();
    $("#subhead_menu #menu_link_scan").button();
}

function refreshSubmenu() {
    var url = $(location).attr('href');
    $("#subhead_container").load(url + " #subhead_menu", function () {
        initActions();
    });
}
function refreshTable() {
    var url = $(location).attr('href');
    $("table.display").load(url + " table.display tbody, table.display thead", function () {
        initThisPage();
    });
}
function refreshLoadArtist() {
    if ($(".gradeL").length > 0) {
        var url = $(location).attr('href');
        var loadingRow = $("table.display tr.gradeL");
        loadingRow.each(function () {
            var row = $(this).index() + 1;
            var rowLoad = $("table.display tbody tr:nth-child(" + row + ")");
            $(rowLoad).load(url + " table.display tbody tr:nth-child(" + row + ") td", function () {
                if ($(rowLoad).children("#status").text() == 'Active') {
                    // Active
                    $(rowLoad).removeClass('gradeL').addClass('gradeZ');
                    initThisPage();
                } else {
                    // Still loading
                    setTimeout(function () {
                        refreshLoadArtist();
                    }, 3000);
                }
            });
        });
    }
}

function refreshTab() {
    var url = $(location).attr('href');
    var tabId = $('.ui-tabs-panel:visible').attr("id");
    $('.ui-tabs-panel:visible').load(url + " #" + tabId, function () {
        initThisPage();
    });
}

function showMsg(msg, loader, timeout, ms) {
    var feedback = $("#ajaxMsg");
    update = $("#updatebar");
    if (update.is(":visible")) {
        var height = update.height() + 35;
        feedback.css("bottom", height + "px");
    } else {
        feedback.removeAttr("style");
    }
    feedback.fadeIn();
    var message = $("<div class='msg'>" + msg + "</div>");
    if (loader) {
        var message = $("<i class='fa fa-refresh fa-spin'></i> " + msg + "</div>");
        feedback.css("padding", "14px 10px")
    }
    $(feedback).prepend(message);
    if (timeout) {
        setTimeout(function () {
            message.fadeOut(function () {
                $(this).remove();
                feedback.fadeOut();
            });
        }, ms);
    }
}

function showArtistMsg(msg) {
    var feedback = $("#ajaxMsg2");
    update = $("#updatebar");
    if (update.is(":visible")) {
        var height = update.height() + 35;
        feedback.css("bottom", height + "px");
    } else {
        feedback.removeAttr("style");
    }
    feedback.fadeIn();
    var message = $("<i class='fa fa-refresh fa-spin'></i> " + msg + "</div>");
    feedback.css("padding", "14px 10px");
    $(feedback).prepend(message);
}

function doAjaxCall(url, elem, reload, form) {
    // Set Message
    feedback = $("#ajaxMsg");
    update = $("#updatebar");
    if (update.is(":visible")) {
        var height = update.height() + 35;
        feedback.css("bottom", height + "px");
    } else {
        feedback.removeAttr("style");
    }

    feedback.fadeIn();
    // Get Form data
    var formID = "#" + url;
    if (form == true) {
        var dataString = $(formID).serialize();
    }
    // Loader Image
    var loader = $("<i class='fa fa-refresh fa-spin'></i>");
    // Data Success Message
    var dataSucces = $(elem).data('success');
    if (typeof dataSucces === "undefined") {
        // Standard Message when variable is not set
        var dataSucces = "Success!";
    }
    // Data Errror Message
    var dataError = $(elem).data('error');
    if (typeof dataError === "undefined") {
        // Standard Message when variable is not set
        var dataError = "There was an error";
    }
    // Get Success & Error message from inline data, else use standard message
    var succesMsg = $("<div class='msg'><i class='fa fa-check'></i> " + dataSucces + "</div>");
    var errorMsg = $("<div class='msg'><i class='fa fa-exclamation-triangle'></i> " + dataError + "</div>");

    // Check if checkbox is selected
    if (form) {
        if ($('td#select input[type=checkbox]').length > 0 && !$('td#select input[type=checkbox]').is(':checked') || $('#importLastFM #username:visible').length > 0 && $("#importLastFM #username").val().length === 0) {
            feedback.addClass('error');
            $(feedback).prepend(errorMsg);
            setTimeout(function () {
                errorMsg.fadeOut(function () {
                    $(this).remove();
                    feedback.fadeOut(function () {
                        feedback.removeClass('error');
                    });
                });
                $(formID + " select").children('option[disabled=disabled]').attr('selected', 'selected');
            }, 2000);
            return false;
        }
    }

    // Ajax Call
    $.ajax({
        url: url,
        data: dataString,
        beforeSend: function (jqXHR, settings) {
            // Start loader etc.
            feedback.prepend(loader);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            feedback.addClass('error');
            feedback.prepend(errorMsg);
            setTimeout(function () {
                errorMsg.fadeOut(function () {
                    $(this).remove();
                    feedback.fadeOut(function () {
                        feedback.removeClass('error')
                    });
                })
            }, 2000);
        },
        success: function (data, jqXHR) {
            feedback.prepend(succesMsg);
            feedback.addClass('success');
            setTimeout(function (e) {
                succesMsg.fadeOut(function () {
                    $(this).remove();
                    feedback.fadeOut(function () {
                        feedback.removeClass('success');
                    });
                    if (reload == true)    refreshSubmenu();
                    if (reload == "table") {
                        console.log('refresh');
                        refreshTable();
                    }
                    if (reload == "tabs")    refreshTab();
                    if (reload == "page")    location.reload();
                    if (reload == "submenu&table") {
                        refreshSubmenu();
                        refreshTable();
                    }
                    if (form) {
                        // Change the option to 'choose...'
                        $(formID + " select").children('option[disabled=disabled]').attr('selected', 'selected');
                    }
                })
            }, 2000);
        },
        complete: function (jqXHR, textStatus) {
            // Remove loaders and stuff, ajax request is complete!
            loader.remove();
        }
    });
}

function doSimpleAjaxCall(url) {
    $.ajax(url);
}

function resetFilters(text) {
    if ($(".dataTables_filter").length > 0) {
        $(".dataTables_filter input").attr("placeholder", "filter " + text + "");
    }
}

function initFancybox() {
    if ($("a[rel=dialog]").length > 0) {
        $.getScript('interfaces/default/js/fancybox/jquery.fancybox.js', function () {
            $("head").append("<link rel='stylesheet' href='interfaces/default/js/fancybox/jquery.fancybox.css'>");
            $("a[rel=dialog]").fancybox();
        });
    }
}

$(document).ready(function () {
    initHeader();
});