var docHeight = window.innerHeight;
var docWidth = window.innerWidth;
var remainingHeight = docHeight - 200;
var halfHeight = docHeight/2;
var margin = halfHeight*-1+100;
var colors = ["#d37200","#d3ae00","#beeb9e","#f1b000","#fbecc4","#b82b00","#86EFD7"];
var charCount;

$(document).ready(function() {
	
	charCount = $('#old-balls').text().length;
	
	//Build Grid
	bubbleGrid();
	gridDimensions();
	
	//Circle Color
	var circleColor = colors[Math.floor(Math.random()*colors.length)];
	$('#old-balls').css({'background':circleColor});
	
	//Grow Balls
	scaleSize = Math.floor(remainingHeight/charCount*13)+'%';
	marginTop = Math.floor(remainingHeight/charCount*-6);
	growBalls(scaleSize,marginTop);
	
	//On Resize, adjust size
	$(window).resize(function() {
	  getDimensions();
	  gridDimensions();
	});
	
	$('#face-farts li').live('mouseover mouseout',function(event) {
		if (event.type == 'mouseover') {
			$(this).css({'background':'#000'});
		} else {
			var circleColor = colors[Math.floor(Math.random()*colors.length)];	
			$(this).css({'background':circleColor});
		}
		
	});
	
	$('#face-farts li').live('click',function() {
		window.location = $(this).find('a').attr('href');
	});
	
	$('#load-more').click(function() {
		var thisHref= $('#load-more a').attr('href');
		$('<div></div>').load(thisHref+" #face-farts",function() { getDimensions(); gridDimensions(); bubbleGrid(); }).appendTo('#face-farts');
		return false;
	});
});

function bubbleGrid() {
	$('#face-farts li').each(function() {
		var circleColor = colors[Math.floor(Math.random()*colors.length)];	
		$(this).css({'background':circleColor});
	});
}

function gridDimensions() {
	liWidth = $('#face-farts li').width();
	if (liWidth) {
		$('#face-farts li, .home #header, .navigation div').height(liWidth).css({'-webkit-border-radius':liWidth/2,'-moz-border-radius':liWidth/2});
	}
	$('#face-farts li').each(function() {
		chars = $(this).text().length;
		scales = Math.floor(liWidth/chars*30)+'%';
		margintop = Math.floor(chars/-145);
		$(this).find('a').css({'font-size':scales,'margin-top':margintop,'line-height':'120%'});
	});
}

function getDimensions() {
	docHeight = window.innerHeight;
	docWidth = window.innerWidth;
	remainingHeight = docHeight - 200;
	halfHeight = docHeight/2;
	margin = halfHeight*-1+100;
	
	scaleSize = Math.floor(remainingHeight/charCount*13)+'%';
	marginTop = Math.floor(remainingHeight/charCount*-6);
	growBalls(scaleSize,marginTop);
}

function growBalls(scaleSize,marginTop) {
	$('#old-balls').height(remainingHeight).width(remainingHeight).css({'margin-top':margin,'margin-left':margin,'-webkit-border-radius':halfHeight,'-moz-border-radius':halfHeight});
	$('#old-balls h2').css({'font-size':scaleSize,'margin-top':marginTop});
}