$(document).ready(function() {
	//fade in containers

	//show loading img
	$('#loading').show();

	//how many items to fade
	var numThumbs = $(".fadeBox").size();
	
	//create fade boxes Array
	var fadeBoxArray = new Array;

	//populate fade boxes Array
	for(i=0; i<numThumbs; i++)
	{
	fadeBoxArray.push('.fadeBox:eq(' + i + ')');
	}

	//start position in sequence
	var pos = 0;
	//speed to fade in - miliseconds
	var fadeInSpeed = 350;
	//speed to fade out - miliseconds
	var fadeOutSpeed = 500;


	//the fade function
	function fadeEm()
	{
		$(fadeBoxArray[pos]).fadeIn(fadeInSpeed, function()
		
	{
	pos = pos+1;
	fadeEm();
	});
	
	//if all fade boxes complete fade sidebar
	if(pos==numThumbs){
	$('.sideBar').fadeIn(fadeInSpeed);
	}
	}
	
	jQuery(function( $ ){
			
	var urls = [ 
	//all thumbnails
	'abbra',  'tallT',  'surfWyo',  'blueRiver',  'rodeo',  'toast', 'brass', 'abbra_lrg', 'bike_thumb', 'calender_thumb', 'dfi', 'greenMtn1_thumb', 'lakeDillon2_thumb', 'shoes2_thumb', 'symphony1_thumb', 'td', 'blueRiver_lrg', 'tallT_lrg', 'surfWyo_lrg', 'td1', 'brass5', 'dfi3', 'rodeo_lrg', 'toast6_lrg', 'comp1', 'comp3', 'comp6B', 'comp7'];		

		$.preload(urls, {
			base:'images/',
			ext:'.png',
			onComplete:function(data){
				var img = new Image();
				img.src = data.image;
			},
			onFinish:function(){
				//fade out loading image
				$('#loading').fadeOut(fadeOutSpeed, function(){
				//fire off the fader KAPOW!
				fadeEm();
				});
			}
		});
	});
});