//var marqueeQ=['images/cimg1.jpg','images/filter.jpg','images/cimg2.jpg','images/filter.jpg','images/cimg3.jpg','images/filter.jpg','images/cimg4.jpg','images/filter.jpg','images/cimg5.jpg','images/filter.jpg','images/cimg6.jpg','images/filter.jpg'];
//var marqueeQwidth=[112,20,82,20,89,20,86,20,102,20,89,20];

var maxWidth = 0;
var mqr = [];

function Marquee(id,ary,wid,imgH,bgH){
	this.mqo = document.getElementById(id);
	var imgHeight = this.mqo.style.height;
	this.mqo.onmouseout=function(){
		MQshiftImg(mqr);
	}
	this.mqo.onmouseover=function(){
		clearTimeout(mqr[0].TO);
	}
	this.mqo.ary = [];
	var maxw = ary.length;
	var curX = 0;
	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.left = curX+'px';
		this.mqo.ary[i].style.width = wid[i]+'px';
		this.mqo.ary[i].style.height = imgHeight;
		this.mqo.ary[i].style.top = Math.floor((bgH - imgH[i]) / 2) +'px';
		this.mqo.appendChild(this.mqo.ary[i]);
		curX += wid[i];
		maxWidth += wid[i];
	}
	mqr.push(this.mqo);
}

function MQshiftImg(mqr){
	if (!mqr) return;
	for (var j = mqr.length - 1; j > -1; j--){
		for (var i=0;i<mqr[j].ary.length;i++){
			var x = mqr[j].ary[i].style;
			x.left=(parseInt(x.left,10)-1)+'px';
		}
		var y = mqr[j].ary[0].style;
		if (parseInt(y.left,10)+parseInt(y.width,10)<0){
			var z = mqr[j].ary.shift();
			z.style.left = (parseInt(z.style.left) + maxWidth) + 'px';
			mqr[j].ary.push(z);
		}
	}
	mqr[0].TO=setTimeout('MQshiftImg(mqr)',60);
}

function StartMqr() {
	new Marquee('clientLogos',marqueeQ,marqueeQwidth,marqueeQheight,marqueeQbgHeight);
	MQshiftImg(mqr); // must come last
}
window.onload = StartMqr;