var self_now = 0;
var self_speed = 5000;
var self_auto_change = null;
var self_max = 0;
$(document).ready(function() {

   

    var $temp = $('#index_focus_box').find('div');
    var html = '';
    if ($temp.length > 0) {

        self_max = $temp.length;
        $temp.each(function() {
            $(this).css('display', 'none').addClass('img dpn');
        });

        //添加背景
        var html = '<ul class="panel" id="index_focus_txt_bg">';
        for (var i = 0; i < $temp.length; i++) {
            if (i == $temp.length - 1) {
                html += "<li class='last'></li>";
            }
            else {
                html += "<li></li>";
            }

        }
        html += '</ul>';
        $('#index_focus_box').append(html);

        //添加文字描述
        var htmlText = '<ul class="title" id="index_focus_txt">';
        var $tempText = $temp.clone();

        if ($tempText.length > 0) {
            $tempText.each(function() {
                $(this).find('a').html($(this).find('a').attr('title'));
            });
        }
        $.each($tempText, function() {
            htmlText += '<li>' + $(this).html();
            htmlText += '</li>';
        });
        htmlText += '</ul>';
        $('#index_focus_box').append(htmlText);

        //添加加载图片
        $('#index_focus_box').append('<div class="loding" id="index_focus_loding"></div>');

        //初始化操作
        $('#index_focus_box div:first').show();
        $('#index_focus_txt_bg li:first').addClass('on');
        $('#index_focus_txt li:first').addClass('on');
        $('#index_focus_txt li').each(function(i) {
            $(this).mouseover(function() {
                self_now = i;
                clearInterval(self_auto_change);
                self_change(i);
            }).mouseout(function() {
                self_auto_change = self_interval();
            });
        });

        $('#index_focus_loding').hide();
        self_auto_change = self_interval();
    }
});

function self_interval() {
    return setInterval(function() {

        self_now++;
        if (self_now >= self_max) {
            self_now = 0;
        }
        self_change(self_now);
    }, self_speed);
}

function self_change(i) {
    $('#index_focus_box div.img').hide();
    $('#index_focus_txt_bg li').removeClass('on');
    $('#index_focus_txt li').removeClass('on');
    $('#index_focus_box div.img:eq(' + i + ')').show();
    $('#index_focus_txt_bg li:eq(' + i + ')').addClass('on');
    $('#index_focus_txt li:eq(' + i + ')').addClass('on');
}