// Mouseover and clicking

var $ct = $('#conftable').find('.confrow');
$ct.click(function() {
    showmod(this, 'bold');
}).mouseenter(function() {
    showmod(this, 'fade');
}).mouseleave(function() {
    showmod(this, 'reset');
});
var $mt = $('#modtable').find('.modrow');
$mt.click(function() {
    showconf(this, 'bold');
}).mouseenter(function() {
    showconf(this, 'fade');
}).mouseleave(function() {
    showconf(this, 'reset');
});

var boldItem = false;
var revList = false;

function showpre(e, action) {
    if (boldItem && action !== 'bold') return 'reset';
    if (boldItem) {
        if (e === boldItem) action = 'fade';
        boldItem = false;
    }
    $mt.removeClass("slx-bold slx-fade");
    $ct.removeClass("slx-bold slx-fade");
    return action;
}

function buildRevList() {
    revList = {};
    $ct.each(function() {
        var elem = $(this);
        var cid = elem.data('id')+'';
        var list = (elem.data('modlist')+'').split(',');
        for (var i = 0; i < list.length; ++i) {
            if (!revList[list[i]]) revList[list[i]] = [];
            revList[list[i]].push(cid);
        }
    });
}

function showconf(e, action) {
    action = showpre(e, action);
    if (action === 'reset') return;
    var $e = $(e);
    if (!revList) buildRevList();
    var mid = $e.data('id')+'';
    var list = revList[mid];
    if (list && list.length > 0) $ct.each(function() {
        var elem = $(this);
        var cid = elem.data('id')+'';
        if (list.indexOf(cid) === -1)
            elem.addClass('slx-fade');
        else if (action === 'bold')
            elem.addClass('slx-bold');
    }); else $ct.addClass('slx-fade');
    if (action === 'bold') {
        boldItem = e;
        $e.addClass("slx-bold");
    }
}

function showmod(e, action) {
    action = showpre(e, action);
    if (action === 'reset') return;
    var $e = $(e);
    var list = ($e.data('modlist')+'').split(',');
    $mt.each(function () {
        var elem = $(this);
        if (list.indexOf(elem.data('id')+'') === -1)
            elem.addClass("slx-fade");
        else if (action === 'bold')
            elem.addClass("slx-bold");
    });
    if (action === 'bold') {
        boldItem = e;
        $e.addClass("slx-bold");
    }
}

// Polling for updated status (outdated, missing, ok)

var statusChecks = 0;

function checkBuildStatus() {
    var mods = [];
    var confs = [];
    $(".refmod.btn-primary").each(function (index) {
        mods.push($(this).val());
    });
    $(".refconf.btn-primary").each(function (index) {
        confs.push($(this).val());
    });
    if (mods.length === 0 && confs.length === 0) return;
    if (++statusChecks < 10) setTimeout(checkBuildStatus, 150 + 100 * statusChecks);
    $.post('?do=SysConfig', { mods: mods.join(), confs: confs.join(), token: TOKEN, action: 'status' }, function (data) {
        if (typeof data === 'undefined') return;
        if (typeof data.mods === 'object') updateButtonColor($(".refmod.btn-primary"), data.mods);
        if (typeof data.confs === 'object') updateButtonColor($(".refconf.btn-primary"), data.confs);
    }, 'json');
}

function updateButtonColor(list,ids) {
    list.each(function() {
        if (ids.indexOf($(this).val()) >= 0) $(this).removeClass('btn-primary').addClass('btn-default');
    });
}