var mqAry1=[['images/shops/carrefour_batu_belah_s.jpg','Carrefour Batu Belah (Jalan Kapar Klang)'],['images/shops/giant_batu_caves_s.jpg','Giant Batu Caves (Lot 10243 Jln Batu Caver KL)'],['images/shops/giant_bukit_tinggi_klang_s.jpg','Giant Bukit Tinggi Klang'],['images/shops/giant_kinrara_puchong_s.jpg','Giant Kinrara Puchong'], ['images/shops/giant_kota_damansara_s.jpg','Giant Kota Damansara'], ['images/shops/giant_shah_alam_sek13_s.jpg','Giant SHAH ALAM (Lot 2 sek 13 Shah Alam)'], ['images/shops/hq_klang_s.jpg', 'KTS HQ Klang (8 & 10 Jln Goh Hock Huat Klang)'],	['images/shops/jusco_bukit_raja_klang_s.jpg','Jusco Bukit Raja Klang'], ['images/shops/maxis_jln_kapar_s.jpg','Maxis Jln Kapar'], ['images/shops/maxis_sacc_mall_shah_alam_s.jpg','Maxis SACC Mall Shah Alam'], ['images/shops/mid_valley_carrefour_s.jpg','Mid-Valley Carrefour KL'],['images/shops/ole_ole_sek_18_shah_alam_s.jpg','Ole Ole Sek 18 Shah Alam'],['images/shops/shaw_centre_point_klang_s.jpg','Sony Ericsson Klang']];

var mqAry2=[['images/shops/carrefour_batu_belah_s.jpg','Carrefour Batu Belah (Jalan Kapar Klang)'],['images/shops/giant_batu_caves_s.jpg','Giant Batu Caves (Lot 10243 Jln Batu Caver KL)'],['images/shops/giant_bukit_tinggi_klang_s.jpg','Giant Bukit Tinggi Klang'],['images/shops/giant_kinrara_puchong_s.jpg','Giant Kinrara Puchong'], ['images/shops/giant_kota_damansara_s.jpg','Giant Kota Damansara'], ['images/shops/giant_shah_alam_sek13_s.jpg','Giant SHAH ALAM (Lot 2 sek 13 Shah Alam)'], ['images/shops/hq_klang_s.jpg', 'KTS HQ Klang (8 & 10 Jln Goh Hock Huat Klang)'],	['images/shops/jusco_bukit_raja_klang_s.jpg','Jusco Bukit Raja Klang'], ['images/shops/maxis_jln_kapar_s.jpg','Maxis Jln Kapar'], ['images/shops/maxis_sacc_mall_shah_alam_s.jpg','Maxis SACC Mall Shah Alam'], ['images/shops/mid_valley_carrefour_s.jpg','Mid-Valley Carrefour KL'],['images/shops/ole_ole_sek_18_shah_alam_s.jpg','Ole Ole Sek 18 Shah Alam'],['images/shops/shaw_centre_point_klang_s.jpg','Sony Ericsson Klang']];


function start() {
   new mq('m1',mqAry1,148);
   new mq('m2',mqAry2,148);// repeat for as many fuields as required
   mqRotate(mqr); // must come last
}

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.alt=ary[i][1];
			
	/** var lnk=document.createElement('a'); 
			lnk.href=ary[i][1]; 
			lnk.appendChild(img);  **/
	
			this.mqo.ary[i]=document.createElement('div'); 
			this.mqo.ary[i].appendChild(img); 
			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.ary[i].style.alt = ary[i][1]; 
			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)',50);
}