// 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

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.border='0';
  img.alt=ary[i][2];
  var lnk=document.createElement('a');
  lnk.href=ary[i][1];
  lnk.title=ary[i][2];
  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.ary[i].style.padding = '6px';
  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)',10);
}

