// nav
var obj = null;
function checkHover() {
    if (obj) {
        obj.find('ul').fadeOut('fast');
    }
}

$(document).ready(function() {
    $('#nav > li').hover(function() {
        if (obj) {
            obj.find('ul').fadeOut('fast');
            obj = null;
        }

$(this).find('ul').fadeIn('fast');
    },
    function() {
        obj = $(this);
        setTimeout(
        "checkHover()", 
        500);

    });

});

// banner
jQuery.fn.loadthumb = function(options) {
    options = $.extend({
        src: ""

    },
    options);
    var _self = this;
    _self.hide();
    var img = new Image();
    $(img).load(function() {
        _self.attr("src", options.src);
        _self.fadeIn("slow");

    }).attr("src", options.src);
    return _self;

}

$(document).ready(function() {
    var len = $(".inum > li").length;
    var index = 0;
    var adTimer;
    $(".inum li").mouseover(function() {
        index = $(".inum li").index(this);
        showImg(index);

    }).eq(0).mouseover();

    $('#ibanner').hover(function() {
        clearInterval(adTimer);

    },
    function() {
        adTimer = setInterval(function() {
            index++;
            if (index == len) {
                index = 0;
            }
            showImg(index);

        },
        4000);

    }).trigger("mouseleave");

});

function showImg(index) {

    var src = ["images/banner.jpg", "images/banner2.jpg", "images/banner3.jpg"];

    $("#ibanner img").loadthumb({
        src: src[index]
    });
    $(".inum li").removeClass("on")
    .eq(index).addClass("on");

}