// JavaScript Document
$(document).ready(function() {
   var currentIndex = 0;
	var DEMO; //函数对象
	var currentID = 0; //取得鼠标下方的对象ID
	var pictureID = 0; //索引ID
	$("#ifocus_piclist li").eq(0).show(); //默认
	autoScroll();
	$("#ifocus_btn li").hover(function() {
		StopScrolll();
		$("#ifocus_btn li").removeClass("current")//所有的li去掉当前的样式加上正常的样式
		$(this).addClass("current"); //而本身则加上当前的样式去掉正常的样式
		currentID = $(this).attr("id"); //取当前元素的ID
		pictureID = currentID.substring(currentID.length - 1); //取最后一个字符
		$("#ifocus_piclist li").eq(pictureID).fadeIn("slow"); //本身显示
		$("#ifocus_piclist li").not($("#ifocus_piclist li")[pictureID]).hide(); //除了自身别的全部隐藏

	}, function() {
		//当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步
		currentID = $(this).attr("id"); //取当前元素的ID
		pictureID = currentID.substring(currentID.length - 1); //取最后一个字符
		currentIndex = pictureID;
		autoScroll();
	});
	//自动滚动
	function autoScroll() {
		$("#ifocus_btn li:last").removeClass("current");
		$("#ifocus_btn li").eq(currentIndex).addClass("current");
		$("#ifocus_btn li").eq(currentIndex - 1).removeClass("current");
		$("#ifocus_piclist li").eq(currentIndex).fadeIn("slow");
		$("#ifocus_piclist li").eq(currentIndex - 1).hide();
		currentIndex++; currentIndex = currentIndex >= 4 ? 0 : currentIndex;
		DEMO = setTimeout(autoScroll, 2000);
	}
	function StopScrolll()//当鼠标移动到对象上面的时候停止自动滚动
	{
		clearTimeout(DEMO);
	}
	
	$('#WD .menu li').mousemove(function(){
		$('#WD .list').hide(); // 隐藏全部选项卡内容
		$('#WD .list').eq($('#WD .menu li').index(this)).show();// 显示与单击相对应的那个选项卡内容
		
		$('#WD .menu li').removeClass('on'); // 清除全部的菜单样式
		$(this).addClass('on'); //选中当前菜单样式
	});
});

(function () {
	$.fn.infiniteCarousel = function () {
		var $wrapper = $('> div', this).css('overflow', 'hidden'),
			$slider = $wrapper.find('> ul'),
			$items = $slider.find('li'),
			$zpic = $('#detailsPicShow').find('img');
			
		var ttime = true, aute = true, ImgNum = 0;
		var sw = $slider.width(($items.width())*($items.size()+1)).width();
		var xz = ($items.width())*5;
		
		$width = sw > xz ? sw - xz : 0;
		
		$zpic.click(function(){
			ImgNum = ImgNum < $items.size()-1 ? ImgNum+1 : 0;
			$(this).attr('src', $items.eq(ImgNum).find('img').attr('rel')).css('width', oFileChecker(this.src));
		}).css('width', oFileChecker($zpic.attr('src')));
		
		function oFileChecker(ImgSrc){
			var $img = new Image();
			$img.src = ImgSrc;
			$zwidth = $img.width > 600 ? 600 : $img.width;
			return $zwidth || 600;
		}
		
		function scrllLeft(n){
			if(ttime){
				if(aute){
					if(parseInt($slider.css('left')) != $width &&  parseInt($slider.css('left')) != -$width){
						$slider.css('left', parseInt($slider.css('left'))-2);
						setTimeout(scrllLeft, 10);
					}
				}else{
					if(parseInt($slider.css('left')) <= 0){
						$slider.css('left', parseInt($slider.css('left'))+2);
						setTimeout(scrllLeft, 10);
					}
				}
			}
		}
		
		$slider.find('img').click(function(){
			ImgNum = $slider.find('img').index(this);
			$('#detailsPicShow').find('img').css('width', oFileChecker(this.rel)).attr('src', this.rel ).show();
		});
		
		$('img.forward').hover(
			function () {
				ttime = true;
				aute = true;
				scrllLeft();
				return false;
			},
			function(){
				ttime = false;
				return false;
			}
		);
		
		$('img.back').hover(
			function () {
				ttime = true;
				aute = false;
				scrllLeft();
				return false;
			},
			function(){
				ttime = false;
				return false;
			}
		);
	};
})(jQuery);

$(document).ready(function () {	
	$('#infiniteCarousel').infiniteCarousel();
});