  jQuery(document).ready(function() {
            var liMargin = 3; //    (px)   -  spacing between li
            var ulSize = 4; // No. of boxes to display
            var liLength = $("#mycarousel li").length;


            var liWidth = $("#mycarousel > li:first-child").width();
            $("#mycarousel li:first").addClass("selected");
            var liWidth = 55;
            var h = liWidth + liMargin;

            dd = document.getElementById("mycarousel").getElementsByTagName("li")[0].clientWidth;
            var e = $("#mycarousel").width();
            $("#mycarousel").css("left", "0px");
            var stat = 0;


            $("#mycarousel").mouseover(function() {
                $("#mycarousel").stop();

            }).mouseout(function() {
                var stat = parseInt($("#mycarousel").css("left"));

                scroll_list(h, stat);
            });



            function scroll_list(h, stat) {
                $("#mycarousel").css("left", stat);
                var liText = $("#mycarousel li:first").html();
				//alert(liText);
                var indexM = stat / 58 * (-1);
                var newValue = parseInt($("#mycarousel").css("left")) + 1;

                $("#mycarousel").animate(
                    { left: -h }, 2000 * (1 - indexM), "linear", function() {
                        $("#mycarousel li:first").remove();
                        $("#mycarousel").append("<li>" + liText + "</li>");
                        var stat = 0;
                        scroll_list(h, stat);
                    }
                );
            }

            scroll_list(h, stat);
        })
