function LoadImage(index, max) {
    if (index <= max) {

        var im = imgs[index];

        var list = $("<li></li>").attr("class", "loading").attr("id", im.mid);
        $("ul.covers").append(list);
        var img = new Image();
        $(img).load(function () {
            var isfav = isInFav(im.mid);
            if (isfav) {
                $(list).addClass("isfav");
            }
            var link = $("<a></a>").addClass("ph").attr("title", im.mname).attr("href", im.link);
            $(list).append(link);
            var fr = $("<span></span>");
            $(fr).addClass("fr");
            $(link).append(fr)
            $(this).css("display", "none");
            $(fr).append(this);
            $(this).attr("height", im.h);
            $(this).attr("width", im.w);
            $(this).attr("alt", im.mname);
            $(this).attr("title", im.mname);
            var na = $("<span></span>");
            $(na).addClass("n");
            $(na).append("<img alt=\"in your favourite list\" src=\"/a/i/fav.png\" />" + im.mname);
            $(list).append(na);
            var sp = $("<span class=\"remfav\" >x</span>");
            $(sp).click(function () { favs_remove(im.mid); })
            var sp2 = $("<span class=\"fav\" ><img alt=\"add to your list\" src=\"/a/i/fav-big.png\" /></span>");
            $(sp2).click(function () {
                favs_add(im.mid, im.url);
            });
            $(list).append(sp);
            $(list).append(sp2);
            $(list).removeClass("loading");
            $(this).fadeIn("fast", function () {
                LoadImage(index + 1, max);
            });
        }).error(function () {
            $(list).remove();
            LoadImage(index + 1, max);
        }).attr("src", im.url);
    }
}

var imgs = [];

function covers_onload() {
    if ($(".hiddencover").length > 0) {
        $(".hiddencover > a").each(function (i, item) {
            var mod_id = $(item).attr("title").substring(2);
            var mod_link = $(item).attr("href");
            var img_url = $(item).find("img").attr("src");
            var mod_name = $(item).text().replace("'", "_");
            var img_w = $(item).find("img").attr("title").split('|')(0);
            var img_h = $(item).find("img").attr("title").split('|')(1);
            var it = { url: img_url, mid: mod_id, mname: mod_name, link: mod_link, w: img_w, h: img_h };
            imgs.push(it);
        });
        LoadImage(0, imgs.length - 1);
    }

    /*$(".scroller").customScroll({
        resizeWidth: true,
        resizeHeight: true,
        outerMarginWidth: 100,
        outerMarginHeight: 120,
        forcedTotalContentFunc: getScrollerHeight
    });*/
}