// JavaScript Document
// focus
var pics = [
		{src:'/images/focus/1.jpg', url:'http://www.91kaiyu.com/all_class.asp'},
		{src:'/images/focus/2.jpg', url:'http://www.51kaiyu.com/hotnews/news_09_view.asp?news_code=99'},
		{src:'/images/focus/3.jpg', url:'http://www.91kaiyu.com/hotnews/news_01_view.asp?news_code=208'},
		{src:'/images/focus/4.jpg', url:'http://www.51kaiyu.com/hotnews/news_09_view.asp?news_code=101'},
		{src:'/images/focus/5.jpg', url:'http://www.51kaiyu.com/germany/view_lesson.asp?lessoncode=0909140053'},
		{src:'/images/focus/6.jpg', url:'http://www.91kaiyu.com/all_class.asp'},
		{src:'/images/focus/7.jpg', url:'vip/index.html'}
	];
	
var FocusAni = new Class({
	delay: 10*1000,
	myFx:null,
	step: 0,
	lis: [],
	curLi:null,
	t:null,
	pos:0,
	loaded:0,
	loadImages:[],
	initialize:function(obj){
		this.delay = obj.delay*1000;
		var box = obj.box;
		var imgBox = document.createElement('div');
			imgBox.style.width = obj.width+'px';
			imgBox.style.overflow = 'hidden';
		box.appendChild(imgBox);
		this.fx = new Fx.Scroll(box.getElement('div'), {duration:1500});
		this.step = obj.width;

		//IMG
		for(var i=0, len = obj.pics.length; i<len; i++){
			var e = obj.pics[i]
			var a = document.createElement('a');
				a.href=e.url;
				if(e.url=='#'){
					a.onclick = function(){ return false}
				}
				a.innerHTML = '<img src="'+e.src+'" />';
				imgBox.appendChild(a);
				a.onmouseover = function(){
					this.pause();
				}.bind(this);
				a.onmouseout = function(){
					this.start();
				}.bind(this);
		};

		// NUM
		var len =obj.pics.length, numBox = document.createElement('ul');
		numBox.className = 'numBox';
		for(var i=0; i<len; i++){
			var li = document.createElement('li');
			li.innerHTML = i+1;
			numBox.appendChild(li);
			li.suf = i;

			li.onclick = function(n){
				this.next(n);
			}.bind(this, i);
			li.onmouseover = function(){
				this.pause();
			}.bind(this);
			li.onmouseout = function(){
					this.start();
			}.bind(this);

			this.lis.push(li);
		}
		this.curLi = this.lis[0];
		this.curLi.className = 'cur';
		box.appendChild(numBox);
		this.imgLoad(obj.pics);
	},
	
	imgLoad: function(v){
		for(var i=0; i<v.length; i++){
			this.loadImages[i] = new Image();
			this.loadImages[i].onload = function(){
				this.loaded++;
				if(this.loaded==this.lis.length){
					this.start();
				}
			}.bind(this);
			this.loadImages[i].src = v[i].src;
		}
	},

	next: function(n){
		clearTimeout(this.t);
		if(n=='n'){
			this.pos = this.pos<this.lis.length-1 ? ++this.pos : 0;
		}else{
			this.pos = n;
		}
		this.curLi.className = '';
		this.curLi = this.lis[this.pos];
		this.curLi.className = 'cur';
		this.fx.cancel();
		this.fx.start(this.pos*this.step, 0);
		this.start();
	},

	start: function(){
		clearTimeout(this.t);
		this.t = setTimeout(this.next.bind(this,'n'), this.delay);
	},

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

/*
window.addEvent('domready', function(){
	var i = new Image;
	i.src = '/images/hanjia_1.gif';
	var i2 = new Image;
	i2.src = '/images/hanjia_2.gif';
	var topm = document.createElement('div');
	topm.className = 'adbox';
	if(!Browser.Engine.trident4) topm.style.position='fixed';
	document.body.appendChild(topm);
	var a  = document.createElement('a');
		a.href='#';
		a.onclick= function(){	return false}
		a.className = 'hanjia';
	a.innerHTML = '<img src="/images/hanjia_1.gif" />';
	
	topm.appendChild(a);
	var img = a.getElementsByTagName('img')[0];
		img.cur = 2;
		
	a.onmouseover = function(){
		img.src=i2.src;	
		img.style.width = '105px';
	}
	a.onmouseout = function(){
		img.src=i.src;
		img.style.width = '19px';
	}
}); */
/*
window.addEvent('domready', function(){
	var i = new Image;
	i.src = '/images/hanjia_1.gif';
	var i2 = new Image;
	i2.src = '/images/hanjia_2.gif';
	var topm = document.createElement('a');
	topm.className = 'ada';
	if(!Browser.Engine.trident4) topm.style.position='fixed';
	document.body.appendChild(topm);
		topm.href='#';
		topm.onclick= function(){	return false}
		topm.innerHTML = '<img src="/images/hanjia_2.gif" />';
	
	var img = topm.getElementsByTagName('img')[0];
	var adt = setTimeout(hid, 5000);
	
	function hid(){
		img.src=i.src;
		img.style.width = '19px';
		topm.style.width='19px';
	}
	
	topm.onmouseover = function(){
		clearTimeout(adt);
		img.src=i2.src;	
		img.style.width = '105px';
		this.style.width = '105px';
	}
	topm.onmouseout = function(){
		setTimeout(hid, 5000);	
	}
	
});
*/