function Gallery(data) {
	var gal = this;
	this.dh = Ext.DomHelper;
	this.currentitem = 0;	
	var fade1 = this.dh.insertFirst(Ext.get(data.renderTo),'<div id="fade1"><img id="galimage" src="' + data.items[0] + '"></div>',true);

	this.nextid = function(){
		if ((gal.currentitem + 1) == data.items.length) {
			return 0;
		}

		else {
			return gal.currentitem + 1;
		}
	}

	this.setBackground = function(){
		Ext.get('fade1').setStyle('background-image','url(' + data.items[gal.nextid()] + ')');
	}

	this.render = function(){
		el = Ext.get('galimage');
	
		el.fadeOut({duration: 3,
					callback: function(){
						gal.dh.overwrite('fade1',{children: [{html: '<img id="galimage" src="' + data.items[gal.currentitem] + '">'}]});
						el.fadeIn({duration: 3});
					}
		});
	};

	var task = {
	    run: function(){
        	gal.setBackground();
	    	gal.currentitem = gal.nextid();
//	    	alert(gal.currentitem);
        	gal.render();
    	},
    	interval: 8000
	}
	
	gal.setBackground();
	var delaytask = new Ext.util.DelayedTask(function(){
		Ext.TaskMgr.start(task);
	});

	delaytask.delay(8000);

};