/*function removeSelected(){
	Ext.select('.btn').each(function(i,num,alli){
		this.removeClass('selected');
	});
}*/

function auto_roll(){
	step = window.step || 1;
	if(step==1){
		var b = Ext.get('b1');
		b.up('div').replaceClass(['ss2', 'ss3'], 'ss1');
		b.radioClass('selected');
		step = step + 1;
	}else if(step==2){
		var b = Ext.get('b2');
		b.up('div').replaceClass(['ss1', 'ss3'], 'ss2');
		b.radioClass('selected');
		step = step + 1;
	}else if(step==3){
		var b = Ext.get('b3');
		b.up('div').replaceClass(['ss1', 'ss2'], 'ss3');
		b.radioClass('selected');
		step=1;
	}
	tb2 = setTimeout("auto_roll();",5000);
}

Ext.onReady(function(){
	var step = window.step || 1;
	tb = setTimeout("auto_roll()",1);										 
										 
	Ext.get('b1').on('mouseup', function(){
			this.up('div').replaceClass(['ss2', 'ss3'], 'ss1');
			this.radioClass('selected');
			clearTimeout(tb2);	
	});
	
	Ext.get('b2').on('mouseup', function(){
		this.up('div').replaceClass(['ss1', 'ss3'], 'ss2');
		this.radioClass('selected');
		clearTimeout(tb2);
	});
	
	Ext.get('b3').on('mouseup', function(){
		this.up('div').replaceClass(['ss1', 'ss2'], 'ss3');
		this.radioClass('selected');
		clearTimeout(tb2);		
	});
	
});