$(document).ready(function() {

	var artistNames = [];
	
	$('#listOfArtists li', savedContent).each(function(i, obj){
		artistNames.push($(obj).text());
	});
	//alert(artistNames);
	//alert(xxx);
	
	artistElements = $('#listOfArtists li', savedContent);
	
	//return;
		
	artistCnt = artistNames.length;
	
	//$('#listOfArtists').remove()
	
	var columnsBox = $('<div/>');
	var column1 = $('<ul/>').addClass('artistColumn').appendTo(columnsBox);
	var column2 = $('<ul/>').addClass('artistColumn').appendTo(columnsBox);
	
	//return;
	
	var columns = [column1, column2];
	
	
	//activeArtists = $(activeArtists).sort(function(a,b){return a.last_name.toUpperCase() > b.last_name.toUpperCase() ?1 : -1})
	
	
	var columnMaxItemCnt = Math.ceil(artistCnt / columns.length);
		
	artistElements.each(function(i, element){
		//var li = $("<li/>").text(obj.first_name + ' ' + obj.last_name); //.appendTo(listBox);
		
		var columnIndex = parseInt(i / columnMaxItemCnt);
		columns[columnIndex].append(element);
		
		//alert(columnIndex);
		
		
	});
	
	
	$('<div id="mainBox"/>')
		.append($('<div id="topBox"/>')
			.append($('<div id="logo"/>'))
			.append($('#topMenu', savedContent))
		)
		.append($('<div class="topBox"/>'))
		.append($('<div class="leftBox"/>'))
		.append($('<div class="middleBox"/>')
			.append(columnsBox)
		)
	.appendTo('body');	
	
	$('#topMenu li:contains(Artists)').addClass('selected');
	
	
	
	return
	
	$("li", self.view).click(function(){
		$(".view").hide();
		ArtistView.show($(this).data('obj'));
	});
	if (isIe6){
		$("li", self.view).hover(
			function(){$(this).addClass('hover').css('border-color', '#ff7700');},
			function(){$(this).removeClass('hover').css('border-color', '');}
		);
	};	
	
	
	
			
});