var gsBanner = Class.create();
gsBanner.prototype = {
	initialize:function()
	{
		this.imgObjs = $$('#banner_img li');
		this.navObjs = $$('#banner_nav li');
		this.imgNum = this.imgObjs.length;
		this.curImgIndex = 0;
		this.start();
	},
	start:function()
	{
		this.pe = new PeriodicalExecuter(this.toggle.bind(this), 5);
		var i = 0;
		for(i; i < this.imgNum; i ++)
		{
			this.navObjs[i].observe('click', this.reset.bind(this, i));
		}
	},
	toggle:function()
	{
		this.navObjs[this.curImgIndex].removeClassName('on');
		this.curImgIndex = (this.curImgIndex+1)%this.imgNum;
		this.imgObjs.invoke('hide');
		this.navObjs[this.curImgIndex].addClassName('on');
		Effect.toggle(this.imgObjs[this.curImgIndex], 'appear');
	},
	reset:function(index)
	{
		if(index == this.curImgIndex){
			return false;
		}else{
			this.pe.stop();
			this.navObjs[this.curImgIndex].removeClassName('on');
			this.curImgIndex = index;
			this.imgObjs.invoke('hide');
			this.navObjs[this.curImgIndex].addClassName('on');
			Effect.toggle(this.imgObjs[this.curImgIndex], 'appear');
			this.pe = new PeriodicalExecuter(this.toggle.bind(this), 5);
		}
	}
};