// JavaScript Document
var mqAry1=[['img/img1.png','showimg1.htm'],['img/img2.png','showimg2.htm'],['img/img3.png','showimg3.htm']];
//var mqAry2=[];
function start() {
new mq('m1',mqAry1,185);
// new mq('m2',mqAry2,100);// repeat for as many fuields as required
mqRotate(mqr); // must come last
}
window.onload = start;
// Continuous Image Marquee with Links
// copyright 21st September 2008 by Stephen Chapman
// http://javascript.about.com
// permission to use this Javascript on your web page is granted
// provided that all of the code below in this script (including these
// comments) is used without any alteration
// function for show image and click mouseover
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];
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(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 for marquee circle loop
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)',15);}