(function($){
	$(function(){
		var n = ['bobby','gherpo','imo','trico','fillo'];
		var defColor = $('a').css('color');
		var t = 500;
		var animateSel = function(w){
			(w=='home'?$('#logo').removeClass('white').addClass('black'):$('#logo').removeClass('black').addClass('white'));
			$('#bio').hide(t,function(){
				$('#background img').animate({'opacity':'0'},t,function(){
					(w=='home'?$(this).removeClass('profile').addClass('stretch'):$(this).removeClass('stretch').addClass('profile'));
					$(this).attr('src','img/'+w+'.jpg').animate({'opacity':'1.0'},t,function(){
						$('#bio .'+w).addClass('sel').show().parent().show(t)
					})
				})
			}).find('.sel').removeClass('sel').hide();
		};
		$('#background,#main').css('opacity','0');
		$('#loading p').text('0/'+n.length);
		$.preload(n,{
			base:'img/',
			ext:'.jpg',
			onComplete:function(r){
				$('#loading p').text(r.loaded+'/'+r.total);
				$('#loading .progress').css('display','block').animate({'width':Math.ceil((100*r.loaded)/r.total)+'%'},{queue:false,duration:500,easing:'linear'});
			},
			onFinish:function(){
				var tID = setTimeout(function(){
					clearTimeout(tID);
					$('#loading').width($('#loading').width());
					$('#loading').hide('drop',{direction:'up'},t,function(){
						$('#main').css('opacity','1.0');
						$('#background').animate({'opacity':'1.0'},1000);
						$('#logo h1 a').click(function(e){
							$('#toolbar li.sel a').parent().removeClass('sel').children('a').triggerHandler('mouseleave');
							animateSel('home');
						});
						$('#toolbar li.animate a').mouseenter(function(e){
							if(!$(this).data('color'))$(this).data('color',$(this).css('color')).css('color',defColor);
							if($(this).next('.bg').length==0)$('<div/>',{'class':'bg'}).css('width',$(this).parent('li').width()).appendTo($(this).parent());
							$(this).next('.bg').css('background-color',$(this).data('color')).stop().animate({'height':$(this).parent('li').height()},t);
						}).mouseleave(function(e){
							if(!$(this).parent().hasClass('sel'))$(this).next('.bg').css('background-color',$(this).data('color')).stop().animate({'height':'0'},t);
						}).click(function(e){
							animateSel($(this).parent().attr('class').replace(' animate',''));
							$(this).parent().addClass('sel').siblings('.sel').each(function(i,v){$(v).removeClass('sel').children('a').triggerHandler('mouseleave')});
						})
					})
				},t)
			}
		})
	})
})(jQuery);