I'm working on my new website.

I have an image build in DIV blocks.
`setBlock(row, 10, '#edc945', 'hair');`

The problem is, the website is quite heavy, I *think* it's because of the setBlock() function, but I'm not sure.

Any thoughts?

Full demo: <http://bobvanluijt.com/newAva/ava.html>  

(it's still in dev ;-)

setBlock function:

```
i=0;
    function setBlock(top, left, color, additionalClass, secondAdditionalClass){
            if(!$('.blockContainer').length){
                $('.container').append('<div class="blockContainer"></div>');
            }
            $('.blockContainer').append('<div class="littleBlock" id="littleBlock__'+i+'" data-row="'+top+'" data-column="'+left+'"></div>');
            $("#littleBlock__"+i).css('background-color', color);
            $("#littleBlock__"+i).css('z-index', i);
            $("#littleBlock__"+i).css('left', Math.round(left*blockSize)+'px');
            $("#littleBlock__"+i).css('top', Math.round(top*blockSize)+'px');
            if(additionalClass!=''){
                $("#littleBlock__"+i).addClass(additionalClass);
            }
            if(secondAdditionalClass!=''){
                $("#littleBlock__"+i).addClass(secondAdditionalClass);
            }
            $('.littleBlock').css('width', blockSize+'px');
            $('.littleBlock').css('height', blockSize+'px');
            i=i+1;
        }

```