var count = 0;
var current = 0;

$(document).ready(function(){
						   
	$('div#left-bar div table').each(function(){
											  
		$('div#left-bar ul').append('<li>' + $(this).attr('title') + '</li>');
		
		count++;
											  
	});
	
	$('div#left-bar div div').width((count * 100) + '%');
	
	$('div#left-bar li').click(function(){
		
		$('div#left-bar li').removeClass('current');
		$(this).addClass('current');
		
		current = $('div#left-bar li').index(this);
		//$('div#left-bar div div').css('left', -669 * current);
		$('div#left-bar div div').animate({left: -669 * current}, 500);
		
	});
	
	$('div#left-bar li').eq(0).click();
					
});