function start() 
{
   new marqueeeNew('m1');   
}
window.onload = start;


function objHeight(obj) 
{
	if(obj.offsetHeight) return  obj.offsetHeight; 
	if (obj.clip) return obj.clip.height; return 0;
} 
var mqr = []; 
function marqueeeNew(id)
{
	this.mqo=document.getElementById(id); 
	var ht = objHeight(this.mqo.getElementsByTagName('div')[0])+ 5; 
	var fulht = objHeight(this.mqo); 
	var txt = this.mqo.getElementsByTagName('div')[0].innerHTML; 
	this.mqo.innerHTML = ''; 
	var wid = this.mqo.style.width; 
	
	
	this.mqo.onmouseout=function() 
	{
		mqRotate(mqr);
		startstopchange(mqr,'STOP');
	}; 
	this.mqo.onmouseover=function() 
	{
		clearTimeout(mqr[0].TO); 
		startstopchange(mqr,'START');
	}; 
	this.mqo.ary=[]; 
	var maxw = Math.ceil(fulht/ht)+1; 
	for (var i=0;i < maxw;i++)
	{
		this.mqo.ary[i]=document.createElement('div'); 
		this.mqo.ary[i].innerHTML = txt; 
		this.mqo.ary[i].style.position = 'absolute'; 
		this.mqo.ary[i].style.top = (ht*i)+'px'; 
		this.mqo.ary[i].style.height = ht+'px'; 
		this.mqo.ary[i].style.width = wid; 
		this.mqo.appendChild(this.mqo.ary[i]);
	} 
	mqr.push(this.mqo);
	mqRotate(mqr);
	startstopchange(mqr,'STOP');	

} 

function mqRotate(mqr)
{
	if (!mqr) return; 
	for (var j=mqr.length - 1; j > -1; j--) 
	{
		maxa = mqr[j].ary.length; 
		for (var i=0;i<maxa;i++)
		{
			var x = mqr[j].ary[i].style;  
			x.top=(parseInt(x.top,10)-1)+'px';
		} 
		var y = mqr[j].ary[0].style; 
		if (parseInt(y.top,10)+parseInt(y.height,10)<0) 
		{
			var z = mqr[j].ary.shift(); 
			z.style.top = (parseInt(z.style.top) + parseInt(z.style.height)*maxa) + 'px'; 
			mqr[j].ary.push(z);
		}
	} 
	mqr[0].TO=setTimeout('mqRotate(mqr)',10);
}
