$(document).ready(function() {
   var currentIndex = 0;
    var DEMO; 
    var currentID = 0;
    var pictureID = 0; 
    $("#banner_piclist li").eq(0).show(); 
    autoScroll();
    $("#banner_btn li").hover(function() {
        StopScrolll();
        $("#banner_btn li").removeClass("current")
        $(this).addClass("current"); 
        currentID = $(this).attr("id");
        pictureID = currentID.substring(currentID.length - 1); 
        $("#banner_piclist li").eq(pictureID).fadeIn("slow"); 
        $("#banner_piclist li").not($("#banner_piclist li")[pictureID]).hide(); 
        $("#banner_tx li").hide();
        $("#banner_tx li").eq(pictureID).show();

    }, function() {
        
        currentID = $(this).attr("id"); 
        pictureID = currentID.substring(currentID.length - 1); 
        currentIndex = pictureID;
        autoScroll();
    });
    
    function autoScroll() {
        $("#banner_btn li:last").removeClass("current");
        $("#banner_tx li:last").hide();
        $("#banner_btn li").eq(currentIndex).addClass("current");
        $("#banner_btn li").eq(currentIndex - 1).removeClass("current");
        $("#banner_tx li").eq(currentIndex).show();
        $("#banner_tx li").eq(currentIndex - 1).hide();
        $("#banner_piclist li").eq(currentIndex).fadeIn("slow");
        $("#banner_piclist li").eq(currentIndex - 1).hide();
            currentIndex++; currentIndex = currentIndex >= 5 ? 0 : currentIndex;
            DEMO = setTimeout(autoScroll, 4000);
        }
        function StopScrolll()
        {
            clearTimeout(DEMO);
        }
});