function centerElement (element) {
	var winH  = $(window).height();
	var elH   = element.height();

	if (winH > elH) {
		var top   = parseInt((winH-elH)/2);
  		var elCss = {
        		'top' : top + 'px'
		}
	} else {
  		var elCss = {
        		'top' : 0 + 'px'
		}
	}

	element.css(elCss);
}

function footerToBottom (element, main) {
	var winW    = $(window).width();
	var winH    = $(window).height();
	var mainH   = main.height();
	var mainPos = main.position();
	var elH     = element.height();
	var elW     = element.width();

	if ((mainH + elH + mainPos.top) < winH) {
		var left  = parseInt((winW-elW)/2);
  		var elCss = {
        		  'position' : 'absolute'
			, 'left'     : left + 'px'
			, 'top'      : 'auto'
			, 'bottom'   : 0 + 'px'
		}
	} else {
		var docH    = mainH + elH + mainPos.top + 10;
		var fromTop = mainH + mainPos.top;
		$('body').css('height', docH + 'px');

		var left  = parseInt((winW-elW)/2);
  		var elCss = {
        		  'position' : 'absolute'
			, 'left'     : left + 'px'
			, 'top'      : fromTop + 'px'
			, 'bottom'   : 'auto'
		}

	}

	element.css(elCss);
}

$(document).ready(function(){
	var content = $('#wrapper');
	var footer = $('#secondary-menu');

	centerElement(content);
	footerToBottom(footer, content);
});

$(window).resize(function(){
	var content = $('#wrapper');
	var footer = $('#secondary-menu');

	centerElement(content);
	footerToBottom(footer, content);
});