$(window).load(function() {
	fixFooter()
})

$(window).bind('resize', function() {
	fixFooter()
})

function fixFooter() {
	var header = $('#headerContainer').outerHeight();
	var content = $('#container').outerHeight();
	var footer = $('#footerContainer').outerHeight();
	var extra = 30;
	
	var top = header+content-footer+extra;
	var browserBottom = $(window).height() - footer;
	
	if(top < browserBottom)
		top = browserBottom;
	
	$('#footerContainer').css({
		position: 'absolute',
		top: top+'px'
	})
}
