(function($) {
var boys = [];
var girls = [];
function girlOnload(i) {
    return function(e) {
        girls[i].loaded = true;
    };
};
function boyOnload(i) {
    return function(e) {
        boys[i].loaded = true;
    };
};
for (var i = 0, len = av_girls.length; i < len; ++i) {
    girls[i] = {"url": av_girls[i], "loaded": false, "image": false};
}
for (var i = 0, len = av_boys.length; i < len; ++i) {
    boys[i] = {"url": av_boys[i], "loaded": false, "image": false};
}
for (var i = 0, len = Math.max(av_girls.length, av_boys.length); i < len; ++i) {
    if (typeof(av_boys[i]) != "undefined") {
        boys[i].image = new Image();
        boys[i].image.onload = boyOnload(i);
        boys[i].image.src = boys[i].url;
    }
    if (typeof(av_girls[i]) != "undefined") {
        girls[i].image = new Image();
        girls[i].image.onload = girlOnload(i);
        girls[i].image.src = girls[i].url;
    }
}
var screenIndex = -1;
var boysIndex = 1;
var girlsIndex = 1;
function getNextScreenIndex() {
    var indices = [0, 2, 1, 3];
    if ((screenIndex + 1 ) <= 3) {
        return indices[++screenIndex];
    }
    screenIndex = 0;
    return indices[screenIndex];
};
function getNextBoysIndex() {
    if ((boysIndex + 1) <= (boys.length - 1)) {
        return boysIndex + 1;
    }
    return 0;
};

function getNextGirlsIndex() {
    if ((girlsIndex + 1) <= (girls.length - 1)) {
        return girlsIndex + 1;
    }
    return 0;
};

function getNextGirl() {
    var ind = getNextGirlsIndex();
    if (girls[ind].loaded) {
        girlsIndex = ind;
        return girls[ind].url;
    }
    else {
        return false;
    }
};

function getNextBoy() {
    var ind = getNextBoysIndex();
    if (boys[ind].loaded) {
        boysIndex = ind;
        return boys[ind].url;
    }
    else {
        return false;
    }
};

function changeImage() {
    screenInd = getNextScreenIndex();
    var $li = $(".avatars-widget li").eq(screenInd);
    var imageUrl = "";
    if ($li.hasClass("boy")) {
        imageUrl = getNextBoy();
    }
    else {
        imageUrl = getNextGirl();
    }
    if (!imageUrl) {
        return;
    }
    //$li.find("img").attr("src", imageUrl);
    var $targetImage = $li.find("img");
    /*$targetImage.fadeOut(1000, function() {
        $targetImage.attr("src", imageUrl);
        $targetImage.fadeIn(1000);
    });*/
    $targetImage.animate({opacity: "0.1"}, 1000, function() {
        $targetImage.attr("src", imageUrl);
        $targetImage.animate({opacity: "1"}, 1000);
    });

};

function cron() {
    changeImage();
    changeImage();
};


$(function() {
    setInterval(cron, 5000);
    });
 })(jQuery);