var preload = new function () {
	var me = this;
	
	var $loader,
	    currentImage = 0;
	
	
	me.init = function () {
		
		var s=["img/bg-black55.png", "img/bg-brick.jpg", "img/bg-drink.jpg", "img/bg-food.jpg", "img/bg-footer.jpg", "img/bg-leather.jpg", "img/bg-slate-fade3.png", "img/bg-slate-repeat.png", "img/black25.png", "img/flame.png", "img/line-vert.gif", "img/line-y.png", "img/line.png", "img/logo-sm.png", "img/logo.png", "img/photo-drink.jpg", "img/photo-food.jpg", "img/shade.png", "img/shadow.png", "img/splash-photos.jpg", "img/title-about.png", "img/title-drinks.png", "img/title-food.png", "img/title-press.png"];
		$loader = $('#loader');
		
		$loader.max = s.length;
		imageCache.pushArray(s, loadImageEvent, loadAllEvent);
		
	}
	
	function loadImageEvent() {
		val = parseInt($loader.attr('value'));
		val++;
		
		$loader.attr('value', val);
	}
	
	function loadAllEvent() {
		
		$('body').addClass('loaded');
		showImage(1, true);
	}
	
	function showImage(num, isStart) {
	}	
	
}

/*
 *  Use $(window).load() instead of $(document).ready() because we wan't to start caching images
 *  as soon as the progress bar images are loaded.
 */

$(window).load(preload.init)