/*
<div id="demo" style="overflow:hidden;height:20px;width:100%;margin:0px;">
<table align="left" cellpadding="0" cellspace="0" border="0" style="width:200%;"><tr>
<td id="demo1" nowrap="nowrap">{content}</td><td id="demo2" nowrap="nowrap"></td></tr></table>
</div>
*/
var leftMarqueeObject = function(key,speed){
	var _speed = speed;
	var _key = key;
	var _obj = document.getElementById(_key);
	var _obj1 = document.getElementById(_key+"1");
	var _obj2 = document.getElementById(_key+"2");
	
	var Marquee = function(){
      if(_obj2.offsetWidth-_obj.scrollLeft<=0)
          _obj.scrollLeft = 0;
      else{
          _obj.scrollLeft ++;
      }
	};
	
	var MyVar = null;
	this.init = function(){
		_obj2.innerHTML = _obj1.innerHTML;
		MyVar = setInterval(Marquee, _speed);
		_obj.onmouseover = function(){clearInterval(MyVar)};
		_obj.onmouseout  = function(){MyVar = setInterval(Marquee,_speed);};
	};
}
var leftMarquee = {
	objectList:[],
	Add:function(key,speed){
	    if(arguments.length<1) return;
	    if(arguments.length<2) speed = 30;
		var obj = new leftMarqueeObject(key,speed);
		leftMarquee.objectList[key]=obj;
		leftMarquee.objectList[key].init();
	}
}