function auto_roll(){
	var img = Ext.get('feature_image').dom;
	step = window.step || 1;
	if(step==1){
		var b = Ext.get('btn1');
		b.radioClass('selected');
		Ext.get('p1').radioClass('show');
		img.className = 'img1';
		step = step + 1;
	}else if(step==2){
		var b = Ext.get('btn2');
		b.radioClass('selected');
		Ext.get('p2').radioClass('show');
		img.className = 'img2';
		step = step + 1;
	}else if(step==3){
		var b = Ext.get('btn3');
		b.radioClass('selected');
		Ext.get('p3').radioClass('show');
		img.className = 'img3';
		step=1;
	}
	tb2 = setTimeout("auto_roll();",5000);
}

Ext.onReady(function(){
	var step = window.step || 1;
	tb = setTimeout("auto_roll()",1);
	
	var img = Ext.get('feature_image').dom;
	
	//homepage featured items
	Ext.get('btn1').on('mouseup', function(){
		this.radioClass('selected');
		Ext.get('p1').radioClass('show');
		img.className = 'img1';
		clearTimeout(tb2);
	});
	
	Ext.get('btn2').on('mouseup', function(){
		this.radioClass('selected');
		Ext.get('p2').radioClass('show');
		img.className = 'img2';
		clearTimeout(tb2);
	});

	Ext.get('btn3').on('mouseup', function(){
		this.radioClass('selected');
		Ext.get('p3').radioClass('show');
		img.className = 'img3';
		clearTimeout(tb2);
	});
	
});
