Ext.onReady(function() {

	var sliderCt = Ext.get('homepage-slider')
		,slides = sliderCt.select('.slide');
	
	// TODO lazy load images
/*
	slides.each(function(slide) {
		var img = slide.down('img');
		img.set({osrc: img.dom.src});
		img.dom.src = '';
	});
*/

	var carousel = new Ext.ux.Carousel(sliderCt, {
		transitionEasing: 'easeOutStrong'
		//,transitionEasing: 'backOut'
		,transitionDuration: 1
		,interval: 6
		//,transitionType: 'fade'
		,itemSelector: 'li.slide'
		,hideNavigation: true
		,height: 500
		,wrap: true
		,autoPlay: true
		//,initialSlide: slides.getCount()-1
/*
		,listeners: {
			change: function(slide, index) {
				var img = slide.child('img')
					,osrc = img.getAttribute('osrc')
					,slideEl = slide.child('.slide');
				
				if(osrc)
				{
					img.setOpacity(0);
					slideEl.addClass('loading');
					img.on('load', function() {
						slideEl.removeClass('loading');
						img.fadeIn();
						//this.prev.defer(this.interval*1000, this);
					}, this);
					
					img.dom.src = osrc;
					img.set({osrc: ''});
				}
				else
				{
					//this.prev.defer(this.interval*1000, this);
				}
				
			}
		}
*/
	});
	
	
});