Ticker

ticker.html

	(function($) {
		$.fn.ticker = function(options) {

			var settings = {
				delay: 500,
				speed: 600,
				repeat: false,
				callback: false
			}

			tick = function(id) {
				speed = settings.speed;

				ele = $('#' + id).get();

				$(ele).css({
					height: $(ele).height(),
					width: $(ele).width()
				});

				child = $(ele).children().eq(0).get();

				$(child).css({
					position: 'absolute',
					right: 0
				}, speed).animate({
					right: ($(ele).outerWidth() / 2) - $(child).width()
				}).delay(settings.delay).animate({
					right: $(ele).outerWidth()
				}, {
					speed: speed,
					complete: function() {
						if (settings.repeat) {
							setTimeout(function() {
								if (settings.callback) settings.callback();
								if ($(child).hasClass('stopRepeat')) {
									settings.repeat = false;
								} else {
									tick(id);
								}
							}, 500);
						}
					}
				});
			}
			return $(this).each(function() {

				if (options) {
					$.extend(settings, options)
				}
				ele = this;
				ticker = document.createElement('div');
				ticker.id = 'ticker-' + Math.floor(Math.random() * 10000);
				$(ticker).css({
					position: 'relative',
					overflow: 'hidden'
				});
				$(this).after(ticker);
				$(this).appendTo(ticker);

				tick(ticker.id);
			});
		}
	})(jQuery);