window.addEvent('domready', function() {
	
	//1.2.3 compatibility fix for $
	window.$ = document.id;
	
	//variables for making things more simple below
	var myStage = $('stage');
	var myHolder = $('slider');
	var myItems = $$(myHolder.getElements('li'));
	
	myStage.set('opacity', .0001);
	
	var theSources = new Array();
	myItems.each(function(el, i){
		var tempSrc = el.getElement('img').getProperty('src');
		theSources.push(tempSrc);
	});
	
	//preloading images here
	var myImages = new Asset.images(theSources, {
		onProgress: function(counter){
			//
		},

		onComplete: function(){
			//theLoader.set('opacity', 0);
			myStage.tween('opacity', 1);
			
			
			if(myItems.length > 0) {
				var myPress = new PressDisplay({
					stage: myStage,
					holder: myHolder,
					items: myItems,					
					transitionTime: 1000
				});
				myPress.start();
			}
			
			
		}
		
	});
	//end images load
	
		
});