var totalHeight = 0;
var leftColumnArray = [];
var middleColumnArray = [];
var rightColumnArray = [];

$(document).ready(function() {
	prepareColumns();
	
	setUpAnchors();
})

function correctHeight() {
	var allListsContentHeight = $('#allListsContent').height();
	
	$('#allListsArea').height(allListsContentHeight + 10);
	$('#allListsShadow').height(allListsContentHeight);
}

function prepareColumns(){
	var listSections = $(".listSection");
	
	for (var i = 0; i < listSections.length; i++) { 
		totalHeight += $(listSections[i]).height();
	}
	
	var columnHeight = totalHeight / 3;
	var heightCounter = 0;
	
	for (var i = 0; i < listSections.length; i++) {
		heightCounter += $(listSections[i]).height();
		
		leftColumnArray.push($(listSections[0]));
		
		if (i>0 && (heightCounter < (columnHeight + 20))) {
			leftColumnArray.push($(listSections[i]));
		}
		else if (heightCounter >= (columnHeight) && heightCounter < ((columnHeight) * 2) && i>0) {
			middleColumnArray.push($(listSections[i]));
		}
		else if (heightCounter >= (columnHeight * 2)) {
			rightColumnArray.push($(listSections[i]));
		}
	}	
	
	for (var i = 0; i < leftColumnArray.length; i++) {
		var listSection = leftColumnArray[i];
	}
	
	fillColumns();
}

function fillColumns() {
	$('#allLists').append('<div id="leftColumn"></div>');
	$('#allLists').append('<div id="middleColumn"></div>');
	$('#allLists').append('<div id="rightColumn"></div>');
	
	for (var i = 0; i < leftColumnArray.length; i++) {
		$(leftColumnArray[i]).appendTo('#leftColumn');
	}
	
	for (var i = 0; i < middleColumnArray.length; i++) {
		$(middleColumnArray[i]).appendTo('#middleColumn');
	}
	
	for (var i = 0; i < rightColumnArray.length; i++) {
		$(rightColumnArray[i]).appendTo('#rightColumn');
	}
	
	correctHeight();
}

function setUpAnchors() {
	$("#featuredList").hover(
		function () {
			$("#featuredList a").css("color", "#35e4e6");
		}, 
		function () {
			$("#featuredList a").css("color", "#FFFFFF");
		}
	)
	
	$("#featuredListTextArea").click(function() { 
		var featuredLink = $("#featuredListText a").attr("href");
		location = featuredLink;
	})
	
	
	
	$(".listArea").hover(
		function () {
			$(this).siblings(".listName").children('a').addClass("yellowText");
		}, 
		function () {
			$(this).siblings(".listName").children('a').removeClass("yellowText");
		}
	)
	
	$(".number").click(function() { 
		var featuredLink = $(this).parent().siblings(".listName").children('a').attr("href");
		location = featuredLink;
	})
}