var mqArray=[
['images/marquee/office.jpg', 'contact.jsp', 'Our Office'],
['images/marquee/residential.jpg', 'residential.jsp', 'Residential'],
['images/marquee/salon.jpg', 'commercialRetail.jsp', 'Commercial'],
['images/marquee/renovations.jpg', 'renovations.jsp', 'Renovations']];


function start() {
   new mq('m1', mqArray, 350);
   mqRotate(mqr); 
}
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++){
		var img=document.createElement('img'); 
		img.src=ary[i][0]; 
		img.style.border = 'none';
		var lnk=document.createElement('a'); 
		lnk.href=ary[i][1]; 
		lnk.appendChild(img); 
		lnk.title = ary[i][2];
		this.mqo.ary[i]=document.createElement('div'); 
		this.mqo.ary[i].appendChild(lnk); 
		this.mqo.ary[i].style.position = 'absolute'; 
		this.mqo.ary[i].style.left = (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.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) + parseInt(z.style.width)*maxa) + 'px'; mqr[j].ary.push(z);
		}
	} 
	mqr[0].TO=setTimeout('mqRotate(mqr)', 40);
}