// JavaScript Document

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

    },
    function() {
       //当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步
        i_curID = $(this).attr("id");//取当前元素的ID
        pictureID = i_curID.substring(i_curID.length - 1);//取最后一个字符
        i_curIndex = pictureID;
        autoScroll();
    });
   //自动滚动
    function autoScroll() {
        $("#i_focus_btn li:last").removeClass("i_cur");
        $("#i_focus_tx li:last").hide();
        $("#i_focus_btn li").eq(i_curIndex).addClass("i_cur");
        $("#i_focus_btn li").eq(i_curIndex - 1).removeClass("i_cur");
        $("#i_focus_tx li").eq(i_curIndex).show();
        $("#i_focus_tx li").eq(i_curIndex - 1).hide();
        $("#i_focus_piclist li").eq(i_curIndex).fadeIn("slow");
        $("#i_focus_piclist li").eq(i_curIndex - 1).hide();
        i_curIndex++;
        i_curIndex = i_curIndex >= 6 ? 0 : i_curIndex;
        beauBeauSlide = setTimeout(autoScroll, 8000);
    }
    function StopScrolll()//当鼠标移动到对象上面的时候停止自动滚动
    {
        clearTimeout(beauBeauSlide);
    }
});