﻿; (function($) {
    jQuery.fn.extend({
        scrollTitle: function(settings) {
            $(this).each(function() {
                var options = jQuery.extend({
                    timeSpan: 30
                },
                settings);
                var TimeHandler = null;
                $(this).hover(
                    function() {
                        var leftpix = $(this).width() - $(this).find('span').width();
                        if (leftpix > 0)
                            return;

                        var spanTitle = $(this).find('span');
                        TimeHandler = setInterval(function() {
                            var marginleft = $(spanTitle).css('margin-left');
                            if (marginleft == 'auto')
                                marginleft = 0;
                            else
                                marginleft = marginleft.substring(0, $(spanTitle).css('margin-left').length - 2);
                            marginleft = marginleft - 1;
                            if (marginleft < leftpix)
                                marginleft = leftpix;
                            $(spanTitle).css('margin-left', marginleft + 'px');
                        }, options.timeSpan);
                    },
                    function() {
                        clearInterval(TimeHandler);
                        $(this).find('span').css('margin-left', '0px');
                    }
                );
            });
            return this;
        }
    })
})(jQuery);
