﻿// JavaScript Document

(function($){
	$.fn.infowuxiMarquee = function(o){
		o = $.extend({
			direction : "left",
			amount: 1,
			speed: 30
		}, o || {});
		
		return this.each(function(){
			var d = $(this), u = $("ul", d), l = $("li", u), s = 0, c = 0;
			//Css
			d.css({overflow: "hidden", position: "relative"});
			u.css({margin: "0", padding: "0", position: "relative", "list-style": "none"});
			l.css({overflow: "hidden"});
			if(o.direction == "left") l.css({float: "left"});
			//All
			for(var i=0; i<l.size(); i++){
				s += o.direction == "left" ? l.eq(i).outerWidth(true) : l.eq(i).outerHeight(true);
			}
			//u Css
			if(o.direction == "left") u.css({width: s*3});
			u.append(l.clone()).append(l.clone());
			//Go
			function go(){
				c += o.amount;
				if(c > s) c = 1;
               	//u.animate(o.direction == "left" ? { left : -c } : { top : -c }, 0);
				u.css(o.direction == "left" ? { left : -c } : { top : -c })
				//o.direction == "left" ? d.scrollLeft(c) : d.scrollTop(c);
			}
			//Start
			var move = setInterval(function(){ go(); }, o.speed);
			d.hover(function(){clearInterval(move);},function(){clearInterval(move);move = setInterval(function(){ go(); }, o.speed);});
		});
	}
})(jQuery);