var curImg = 0;
$(function() {
    function changeImg() {
        var i = clients[curImg];
        var imgEl = $('<img src="/' + i.logo + '" width="126" height="67" alt="" />');
        var prevImgEl = $('#clients .img:first img:first');
        imgEl.load(function() {
            if (prevImgEl.length > 0) {
                prevImgEl.animate({opacity: 0}, 1000, function() {
                    $(this).remove();
                    imgEl.appendTo(el).animate({opacity: 1}, 1000).animate({fontSize: 0}, 2000, changeImg);
                });
            }
            else {
                imgEl.appendTo(el).animate({opacity: 1}, 1000).animate({fontSize: 0}, 2000, changeImg);
            }
            
            curImg++;
            if (curImg + 1 == clients.length) curImg = 0;
        });
    }
    
    for (c in clients) {
        var t = new Image();
        t.src = '/' + clients[c].logo;
    }

    var el = $('#clients .img:first');
    
    changeImg();
    
});