function Gallery(data) {
	var gal = this;
	this.dh = Ext.DomHelper;
	
	var fade1 = this.dh.insertFirst(Ext.get(data.renderTo),'<div id="fade1"></div>',true);
	var fade2 = this.dh.insertFirst(Ext.get(data.renderTo),'<div id="fade2"></div>',true);

	this.render = function(div,item, item2){
//		var el = Ext.get(div);
		el = fade1;
		el.fadeOut({duration: 3,
					callback: function(){
						//alert(item);
						gal.dh.overwrite('fade1',{children: [{html: '<img src="' + item + '">'}]});
						el.fadeIn({duration: 2.8});
					}
					});
		
		
		
//		el = fade2;
//		el.fadeOut({duration: 3,
//					callback: function(){
//						//alert(item2);
//						gal.dh.overwrite('fade2',{children: [{html: '<img src="' + item2 + '">'}]});
//						el.fadeIn({duration: 2.5});
//					}
//					});
	};
	this.currentitem = -1;

	var task = {
	    run: function(){
	    	gal.currentitem++;
	    	if (gal.currentitem >= data.items.length) {gal.currentitem = 0};
        	gal.render(data.renderTo, data.items[gal.currentitem], data.items[gal.currentitem + 1]);
    	},
    	interval: 6000
	}
	
	Ext.TaskMgr.start(task);
};


//W/o crossfade
//function Gallery(data) {
//	var gal = this;
//	this.dh = Ext.DomHelper;

//	this.render = function(div,item){
//		var el = Ext.get(div);
//		el.fadeOut({duration: 3,
//					callback: function(){
//						gal.dh.overwrite(div,{children: [{html: '<img src="' + item + '">'}]});
//						el.fadeIn({duration: 3.5});
//					}
//					});
//	};
//	this.currentitem = -1;

//	var task = {
//	    run: function(){
//	    	gal.currentitem++;
//	    	if (gal.currentitem >= data.items.length) {gal.currentitem = 0};
//        	gal.render(data.renderTo,data.items[gal.currentitem]);
//    	},
//    	interval: 6000
//	}
//	
//	Ext.TaskMgr.start(task);
//}