/**产品详细页左上的产品图片切换**/
Yifu.scrollImage = {
	bImage : $('product-images').getElementsByTagName('img')[0],
	sImgContainer : $('scroll-container').getElementsByTagName('ul')[0],
	sd : -5, // 每次移动距离(正为右移, 负为左移)
	st : true, // 是否要停止(光标已经移走)
	left : 0, // 记录 left 位置
	zoom : function() {
		Yifu.pop.open('<img src=\"' + bImage.src + '\" />');
	},
	show : function(src) {
		Yifu.pop.open('<img src=\"' + src + '\" />');
	}
};
Yifu.scrollImage.sImages = Yifu.scrollImage.sImgContainer.getElementsByTagName('li');
Yifu.scrollImage.len = Yifu.scrollImage.sImages.length;
var cl;
for(var i=0; i<Yifu.scrollImage.len; i++) {
	cl = Yifu.scrollImage.sImages[i].getElementsByTagName('a')[0];
/*	cl.onclick = function() {
		Yifu.pop.open('<img src=\"' + this.href + '\" />');
        if(isie) {
			window.event.cancelBubble = false;
			window.event.returnValue = false;
		}
		return false;
	};*/
	cl.onmouseover = function() {
		Yifu.scrollImage.bImage.src = this.className;
		return false;
	};
}
if(Yifu.scrollImage.len > 5)Yifu.scrollImage.sImgContainer.style.left = -70*(Yifu.scrollImage.len-5) + 'px'; // 先将小图片左移至靠底, 以方便右移
Yifu.scrollImage.scroller = new Yifu.An(function() {
	Yifu.scrollImage.left = parseInt($RS(Yifu.scrollImage.sImgContainer, 'left'));
	if(Yifu.scrollImage.sd == 10) {
		if( Yifu.scrollImage.left == -5) {
			Yifu.scrollImage.sImgContainer.style.left = '0px';
			this.end();
			return false;
		} else if( Yifu.scrollImage.left == -10) {
			this.end();
		}
	} else if(Yifu.scrollImage.sd == 5 && Yifu.scrollImage.left == -5) {
		this.end();
	} else if(Yifu.scrollImage.sd == -10) {
		if( Yifu.scrollImage.left == 355-70*Yifu.scrollImage.len) { // 355-70*len = -70*(len-5)+5
			Yifu.scrollImage.sImgContainer.style.left = -70*(Yifu.scrollImage.len-5)+'px';
			this.end();
			return false;
		} else if(Yifu.scrollImage.left == 360-70*Yifu.scrollImage.len) { // 360-70*len = -70*(len-5)+10
			this.end();
		}
	} else if(Yifu.scrollImage.sd == -5 && Yifu.scrollImage.left == -70*(Yifu.scrollImage.len-5)+5) {
		this.end();
	}
	// 鼠标移走, 移过整数个
	if(Yifu.scrollImage.left % 70 == 0 && Yifu.scrollImage.st) {
		this.end();
	} else {
		Yifu.scrollImage.sImgContainer.style.left = parseInt( $RS(Yifu.scrollImage.sImgContainer, 'left') ) + Yifu.scrollImage.sd + 'px';
	}
});
$('left-button').onmouseover = function() { // 左移
	if(Yifu.scrollImage.len <= 5) return false;
	Yifu.scrollImage.left = parseInt($RS(Yifu.scrollImage.sImgContainer, 'left'));
	if(Yifu.scrollImage.left == -70*(Yifu.scrollImage.len-5)) return false; // 已经到头
	Yifu.scrollImage.sd = -5;
	Yifu.scrollImage.st = false;
	Yifu.scrollImage.scroller.go();
};
$('right-button').onmouseover = function() { // 右移
	if(Yifu.scrollImage.len <= 5) return false;
	Yifu.scrollImage.left = parseInt($RS(Yifu.scrollImage.sImgContainer, 'left'));
	if(Yifu.scrollImage.left == 0) return false; // 已经到头
	Yifu.scrollImage.sd = 5;
	Yifu.scrollImage.st = false;
	Yifu.scrollImage.scroller.go();
};
$('left-button').onmouseout = function() {Yifu.scrollImage.st = true;};
$('left-button').onmousedown = function() {Yifu.scrollImage.sd = -10;};
$('left-button').onmouseup = function() {Yifu.scrollImage.sd = -5;};
$('left-button').onclick = function() {return false;};
$('right-button').onmouseout = function() {Yifu.scrollImage.st = true;};
$('right-button').onmousedown = function() {Yifu.scrollImage.sd = 10;};
$('right-button').onmouseup = function() {Yifu.scrollImage.sd = 5;};
$('right-button').onclick = function() {return false;};