// JavaScript Document
var nav2, mCur, mTem;
function menu(){
	var navs = document.getElementById('navMain').getElementsByTagName('li'), t=null;
	nav2 = document.getElementById('nav2');
		nav2.onmouseover = function(){ 
			clearTimeout(t);
		}
		
		nav2.onmouseout = function(){
			t = setTimeout(changeOut, 2000);
		}
	for(var i=0; i<navs.length; i++){
		if(navs[i].className.indexOf('on') !=-1) mCur = mTem = navs[i];
		if(!i)navs[i].cls = 'l';
		navs[i].rel = navs[i].getAttribute('rel');
		navs[i].onmouseover = function(){ clearTimeout(t); changeOver(this)}
		navs[i].onmouseout = function(){t = setTimeout(changeOut, 2000)}
	}
}

function changeOver(btn){
	if(mTem)mTem.className = mTem.cls?mTem.cls:'';
	btn.className = btn.cls?'on2':'on';
	nav2.className = 'nav2 vs_'+btn.rel;
	mTem = btn;
}

function changeOut(){
	if(mTem)mTem.className = mTem.cls?mTem.cls:'';
	if(mCur)mCur.className = mCur.cls?'on2':'on';
	if(mCur){
		nav2.className = 'nav2 vs_'+mCur.rel;
	}else{
		nav2.className = 'nav2';	
	}
	mTem = mCur;
}

// 统计
function Request(url, pars, fn, method){
	var xmlHttp = (function(){
		try{
			return new XMLHttpRequest();	
		}catch(e){
			try{
				return new ActiveXObject('Msxml2.XMLHTTP');	
			}catch(e){
				return new ActiveXObject('Microsoft.XMLHTTP');	
			}
		}
	})();
	
	if(!method) method = 'post';
	var val = [];
	for(var pro in pars)
		val.push(pro+'='+encodeURIComponent(pars[pro]));
	val = val.join('&');
	if(method.toLowerCase() == 'get') {
		url = url+'?'+val;
		val = null;
	}
	xmlHttp.open(method, url);
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=utf-8") 
	xmlHttp.onreadystatechange = function(){
		if(xmlHttp.readyState == 4){
			if(xmlHttp.status == 200){
				fn(xmlHttp);	
			}
		}
	};
	xmlHttp.send(val);

}

function set_hits(xmlHttp){
	var hits = document.getElementById('hits');
	hits.innerHTML = xmlHttp.responseText;
}

function get_hits (){
	var id = document.getElementById('hits').className;
	Request('/gethits.php', {id: id}, set_hits);
}

function get_hitsu(){
	var id = document.getElementById('hits').className;
	Request('/gethits.php', {id: id, u:1}, set_hits);
}


var MyProRoll = new Class({
	box:0,
	FX:0,
	prevBtn:0,
	nextBtn:0,
	products:[],
	cur:0, // 默认为第一个
	act:'n', // 默认向下滚
	t:0,
	isr:0, // 正在滚动
	len:0, // 产品数量
	initialize: function(scrollElm){
		scrollElm.addEvent('mouseover', this.pause.bind(this));
		scrollElm.addEvent('mouseout', this.start.bind(this));

		this.box = scrollElm.getElement('div.rollBox');
		this.len = this.box.getChildren().length;
		this.FX = new Fx.Scroll(this.box, {duration:1000, onComplete: this.setIsr.bind(this)});
		this.FX.set(0,0);
		this.prevBtn = scrollElm.getElement('a.prev');
		this.nextBtn = scrollElm.getElement('a.next');
		this.prevBtn.addEvent('click',this.next.bind(this, ['y','p']));
		this.nextBtn.addEvent('click',this.next.bind(this, ['y','n']));
		this.start();
	},

	pause: function(){
		clearTimeout(this.t);
	},
	
	start: function(){
		this.t =setTimeout(this.next.bind(this,'n'), 5000);
	},
	
	next: function(a, act){
		this.pause();
		if(this.isr) return false;
		this.isr=1;
		if(a=='y')this.act = act;
		if(this.act=='n'){
			this.cur==this.len-1?this.cur=0:this.cur++;
		}else{
			this.cur==0?this.cur = this.len-1:this.cur--;
		}
		this.FX.start(0,this.cur*110);
		this.start();
		return false;
	},

	setIsr: function(){
		this.isr=0;
	}
});


window.addEvent('load', function(){
 new MyProRoll($('proRoll'));	
 menu();
});