﻿$(function(){
      // 定义变量 表示当前索引
	  var cont=0;
	  // 鼠标移入事件函数
	  $(".flash .num a").mouseover(function(){
			//找到当前索引值
			cont=$(".flash .num a").index(this);
			//执行图片轮换的函数
			myShow(cont);
	  });
	  function myShow(i){
	        //给当前索引值的<a> 加上选中样式
			$(".flash .num a").eq(i).addClass("cur").siblings("a").removeClass("cur");
			//显示当前索引值时li的内容，隐藏其他li
			$(".flash ul li").eq(i).show().siblings("li").hide();
			//淡入淡出当前索引值的图片
			//$(".demo ul li").eq(i).fadeIn("slow").siblings("li").fadeOut("slow");
			//显示当前索引值的标题，隐藏其他的标题
			$(".info a").eq(i).show().siblings("a").hide();
	  }
	  //自动开始切换
	 
	           //setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
              //setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
      var myTime=setInterval(function(){myShow(cont);cont++;if(cont==5){cont=0;}},3000);
	  //移入图片和离开图片时触发事件
	  $(".flash").hover(
	        //移入时的函数
			function(){
			    if(myTime){
					clearInterval(myTime);
				}
			},
			function(){
			    myTime=setInterval(function(){myShow(cont);cont++;if(cont==5){cont=0;}},3000);
			}
	  );
	  
})
