$(document).ready(function(){
	//  Initialize Backgound Stretcher
	$(document).bgStretcher({
		images: ['img/bg.jpg'],
		imageWidth: 1600,
		imageHeight: 1000
	});

	main_height();
	font_size();
	footer_size();

	$(window).resize(function(){
		main_height();
		font_size();
		footer_size();
	});
});

$main = $('#main');
function main_height() {
	$('#main').height($(window).height()-60);
}

function font_size() {
var $main_width = $('#main').width();
var spans = [
	'.row-1',
	'.row-2',
	'.row-3',
	'.row-4',
	'.row-5',
	'.row-6',
	'.row-7',
	'.row-8'
];
	for (var i=0; i< spans.length; i++) {
		var $this = $(spans[i]);
		var $this_font = parseInt($this.css('font-size'));
		var $this_width = $this.width();
		var needed_width = $main_width-20;

		if ($this_width < needed_width) {
			while($this_width < needed_width) {
				$this_font = $this_font+1;

				$this.css({'font-size': ($this_font)+'px'});
				$this_width = $this.width();
			}
		}
		else {
			while($this_width > needed_width) {
				$this_font = $this_font-1;

				$this.css({'font-size': ($this_font)+'px'});
				$this_width = $this.width();
			}
		}

		$this.css({'line-height': ($this_font+4)+'px'});
	}
}

function footer_size() {
	var $this = $('.footer');
	var $main_width = $('#main').width();
	var $this_font = parseInt($this.css('font-size'));
	var $this_width = $this.width();
	var needed_width = ($main_width/2)-20;
	
	if ($this_width < needed_width) {
			while($this_width < needed_width) {
				$this_font = $this_font+1;

				$this.css({'font-size': ($this_font)+'px'});
				$this_width = $this.width();
			}
		}
		else {
			while($this_width > needed_width) {
				$this_font = $this_font-1;

				$this.css({'font-size': ($this_font)+'px'});
				$this_width = $this.width();
			}
		}

		$this.css({'line-height': ($this_font+4)+'px'});	
}