// JavaScript Document
    $(document).ready(function(hotsize) {
    	var hs = document.getElementById("hotsize").value;
		   var currentIndex = 0;
            var DEMO; 
            var currentID = 0; 
            var pictureID = 0; 
            $("#ifocus_piclist li").eq(0).show(); 
            autoScroll();
            $("#ifocus_btn li").hover(function() {
                StopScrolll();
                $("#ifocus_btn li").removeClass("current")
                $(this).addClass("current"); 
                currentID = $(this).attr("id");
                pictureID = currentID.substring(currentID.length - 1); 
                $("#ifocus_piclist li").eq(pictureID).fadeIn("slow"); 
                $("#ifocus_piclist li").not($("#ifocus_piclist li")[pictureID]).hide();
                $("#ifocus_tx li").hide();
                $("#ifocus_tx li").eq(pictureID).show();

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