var mqAry1=['images/BottomIcon1.jpg','images/BottomIcon2.jpg','images/BottomIcon1.jpg','images/BottomIcon2.jpg','images/BottomIcon1.jpg','images/BottomIcon2.jpg','images/BottomIcon1.jpg','images/BottomIcon2.jpg'];


function start() {
   	new mq('m1',mqAry1,160);
	mqRotate(mqr);
	
   	//new mq('m2',mqAry2,120);// repeat for as many fuields as required  
}
window.onload = start;

var mqr = []; 
function mq(id,ary,wid)
	{
		this.mqo=document.getElementById(id); 
		
		var heit = this.mqo.style.height; 
		
		
		
		this.mqo.onmouseout=function() 
		{
			mqRotate(mqr);
		}; 
		
		

		this.mqo.onmouseover=function() 
		{
			clearTimeout(mqr[0].TO);
		};		
		
		this.mqo.ary=[]; 
		var maxw = ary.length; 
		for (var i=0;i<maxw;i++)
		{
			this.mqo.ary[i]=document.createElement('img'); 
			this.mqo.ary[i].src=ary[i]; 
			this.mqo.ary[i].style.position = 'absolute'; 
			this.mqo.ary[i].style.top = (wid*i)+'px'; 
			this.mqo.ary[i].style.width = wid+'px'; 
			this.mqo.ary[i].style.height = heit; 
			this.mqo.appendChild(this.mqo.ary[i]);} mqr.push(this.mqo);
		} 
		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.width,10)<0) 
				{
					var z = mqr[j].ary.shift();
					z.style.top = (parseInt(z.style.top) + parseInt(z.style.width)*maxa) + 'px'; mqr[j].ary.push(z);
				}
			}
			mqr[0].TO=setTimeout('mqRotate(mqr)',25);
	
	}