var FocusAni = new Class({
	delay:10*1000,
	myFx:null,
	list:[],
	cur:0,
	loaded:0,
	loadImages:[],
	slider:null,
	tabBox1:null,
	tabBox2:null,
	curTab:1,
	Fx1:null,
	Fx2:null,
	initialize: function(obj){
		this.delay = obj.delay ? obj.delay*700:this.delay;
		this.slider = obj.slider;
		this.tabBox1 = obj.tabBox.getElement('div.info1');
		this.tabBox2 = obj.tabBox.getElement('div.info2');
		this.Fx1 = new Fx.Tween(this.tabBox1);
		this.Fx2 = new Fx.Tween(this.tabBox2);
		this.menus = obj.menus;
		this.pics = obj.pics;
		
		this.tabBox1.setStyle('background', 'url('+this.pics[0].src+')');
		this.tabBox1.innerHTML = '<em>'+this.pics[0].info+'</em>';
		this.imgLoaded();
	},

	imgLoaded: function(){
		var v= this.pics;
		for(var i=0; i<v.length; i++){
			this.loadImages[i] = new Image();
			this.loadImages[i].onload = function(){
				this.loaded++;
				if(this.loaded==this.pics.length){
					this.init();
				}
			}.bind(this);
			this.loadImages[i].src = v[i].src;
		}
	},

	init: function(){
		for(var i=0; i<this.menus.length; i++){
			var e = this.menus[i];
			e.sx = e.getPosition($('navTab')).x+e.offsetWidth/2-this.slider.offsetWidth/2;
			e.addEvent('mouseover', function(i){
				this.nextTab(i);
				this.pause();
			}.bind(this, i));
			e.addEvent('mouseout', function(){
				this.start();
			}.bind(this));
		}

		/*this.tabBox1.addEvent('mouseover', function(){
			this.pause();
		}.bind(this));
		this.tabBox1.addEvent('mouseout', function(){
			this.start();
		}.bind(this));
		*/
		this.start();
	},

	nextTab: function(n){
		clearTimeout(this.t);
		if(n=='n'){
			this.cur = this.cur<this.menus.length-1 ? ++this.cur : 0;
		}else{
			this.cur = n;
		}
		this.slider.setStyle('left', this.menus[this.cur].sx+'px'); // slider 位置
		
		var oldTab = this['tabBox'+this.curTab]; // 保存原来的
		this.curTab = this.curTab==1?2:1; // 算出当前位置
		var curTab = this['tabBox'+this.curTab]; // 得出当前的
		var pic = this.pics[this.cur]; // 当前要用到的图片信息
		curTab.setStyle('background', 'url('+pic.src+')');
		curTab.innerHTML = '<em>'+pic.info+'</em>';
		this['Fx'+this.curTab].set('opacity',0); // 设置初始为0
		oldTab.setStyle('z-index',1); // 调换z轴
		curTab.setStyle('z-index', 2); // 调换z轴
		this['Fx'+this.curTab].start('opacity',1); // 设置为100
		this.start(); // 开始轮换
	},
		
	start: function(){
		clearTimeout(this.t);
		this.t = setTimeout(this.nextTab.bind(this,'n'), this.delay);
	},

	pause: function(){
		clearTimeout(this.t);
	}
});