var i=1;
var br_speed=10000;
var br_click_speed=5000;
var br_max=bannery.length;
var br_id=0;
var br_banners;
var br_buttons;
var sel='background: #AE0240; color: #FFF; border: 1px solid black;';
var tm;

function br_click(event){
	clearTimeout(tm);
	br_hide();
	br_id=parseInt(event.target.innerHTML)-1;
	br_show();
	tm=setTimeout("br_rotate()",br_click_speed);
}

function br_hide(){
br_banners[br_id].setAttribute('style','display:none');
br_buttons[br_id].setAttribute('style','');
}

function br_show(){
br_banners[br_id].setAttribute('style','');
br_buttons[br_id].setAttribute('style',sel);
}

function br_rotate(){
br_hide();
br_id++; if (br_id==br_max) br_id=0;
br_show();
tm=setTimeout("br_rotate()",br_speed);
}

document.observe("dom:loaded", function() {

bannery.each(function(item) {
	var bt=new Element('div', {'class': 'br_bt'}).update(i++);
	bt.observe('click', br_click);
  $('br_menu').appendChild(bt);
  $('br_main').appendChild(new Element('div', {'class': 'br_banner', 'style':'display:none'}).update(item));
});

br_banners=$$('.br_banner');
br_buttons=$$('.br_bt');
br_banners[0].setAttribute('style','');
br_buttons[0].setAttribute('style',sel);
tm=setTimeout("br_rotate()",br_speed);
});