$(document).ready(function() {   

    var images = $('.pimgsmall img');  
    var currentImageIndex = 0;  
    var imageCount = images.length; 
	var ulWidth = $(".pimgsmall").width(); // 获取ul的宽度	
	var llWidth = $(".pimgsmall li").width()+20; // 获取ll的宽度
	//console.log("llWidth:",llWidth)
	var shuZiBox = $(".shuzibox span"); // 获取计数器元素 
	var intervalId; 	// 设置一个定时器 
	 
	startInterval();
	$('.pimgsmall li').eq(currentImageIndex).addClass('cur');
	
 
	
	$(".pimgsmall li").hover(function () { 
				stopInterval();
				var indeximg = $(this).index()+1;
				currentImageIndex = $(this).index();
				var imgsrc=$(this).children("img").attr("src");	
				$("#pimgbig").attr("src",imgsrc);
				 		
				$(this).addClass("cur");
				$(this).siblings().removeClass('cur'); 
				 
				
				 
	});	
	
	//前后按钮点击实现
    $('.prev').click(function() {  
		stopInterval();
        if (currentImageIndex > 0) {  
            currentImageIndex--;  
	 
	 
            $('#pimgbig').attr('src', images[currentImageIndex].src); 
			$('.pimgsmall li').siblings().removeClass('cur'); 	
			$('.pimgsmall li').eq(currentImageIndex).addClass('cur');
						
        }else{
			alert("已经是第一张了");
		} 
    });  
  
    $('.next').click(function() {  
	    stopInterval();
        if (currentImageIndex < imageCount - 1) {  
            currentImageIndex++;  
		 			
            $('#pimgbig').attr('src', images[currentImageIndex].src);			
 	 
			$('.pimgsmall li').siblings().removeClass('cur'); 
			$('.pimgsmall li').eq(currentImageIndex).addClass('cur'); 	 
						
        }else{
			alert("已经是最后一张了");
		}   
    }); 
	
	//自动切换
	    function startInterval() {  
		intervalId = setInterval(function() {   
        if (currentImageIndex < imageCount - 1) { // 判断是否还有下一张图片  
            currentImageIndex++; // 更新当前图片索引  
 
			$('#pimgbig').attr('src', images[currentImageIndex].src);
            $('.shuzibox .currentshuzi').html(currentImageIndex + 1); // 更新计数器  
			$('.pimgsmall li').siblings().removeClass('cur'); 
            $(".pimgsmall li").eq(currentImageIndex).addClass("cur"); // 为当前图片添加"cur"类  
        } else {  
           // alert("已经是最后一张了"); // 提示已经没有下一张图片了  
            clearInterval(); // 停止自动切换  
        }  
		}, 2000); // 每2秒执行一次切换操作 
		}
	 
		// 停止定时器  
		function stopInterval() {  
		  clearInterval(intervalId);  
		}  

	 		$(".mp3box").click(function () {
			 var audioPlayer = $("#audioPlayer")[0]; 
			  if (audioPlayer.paused) {  
				  audioPlayer.play();  
				  $(".mp3box img").css({ "animation": "spin 10s linear infinite" });			 
				  $(".mp3box hr").css({ "display": "none" });			 
				} else {  				  
				  audioPlayer.pause();  			 
				  $(".mp3box img").css({ "animation": "none" });
				  $(".mp3box hr").css({ "display": "block" });	
				}  
				  
		  });
		 	
});