$(document).ready(function()
{
    var margin = ($('body').width() - 950) / 2;
    $('#inner').css('margin-left', margin + 'px');
    
    $("#grid_content").vgrid({
         easeing          : "easeInOutCubic",
         time             : 400,
         delay            : 20,
         fadeIn: {
            time: 500,
            delay: 50
         },
         onFinish: function() {
             tnt();
         }
    });

    var resizeTimer = null;
    $(window).bind('resize', tnt);
	
	var margin = ($('body').width() - 950) / 2;
	if(margin < 0) { margin = 0; }
	$('#inner').css('margin-left', margin + 'px');
});

function tnt()
{
    var max_left = 0;
    var outer_width;
    
    $('#grid_content > div').each(function()
    {
        var left = $(this).position().left;

        if($(this).attr('class') != 'bbb') {
            if(max_left < left) {
                max_left = left;
                outer_width = $(this).outerWidth();
            }
        }
    });
    
    var margin = ($('body').outerWidth() - (max_left + outer_width)) / 2;
    var limit  = ($('body').outerWidth() - 950) / 2;

    if(parseInt(limit) <= parseInt(margin)) {
        margin = limit;
    }

    if(margin < 0) {
        margin = 0;
    }

    $('#inner').css('margin-left', parseInt(margin) + 'px');
}