// var mqAry1=['commons/inlines/gallery/_sfpg_data/thumb/Commercial/rotate.php','commons/inlines/gallery/_sfpg_data/thumb/Landscapes/rotate.php','commons/inlines/gallery/_sfpg_data/thumb/Masonry/rotate.php','commons/inlines/gallery/_sfpg_data/thumb/Paths/rotate.php','commons/inlines/gallery/_sfpg_data/thumb/Pool_Scapes/rotate.php','commons/inlines/gallery/_sfpg_data/thumb/Railing/rotate.php','commons/inlines/gallery/_sfpg_data/thumb/Rock_Work/rotate.php','commons/inlines/gallery/_sfpg_data/thumb/Steel_Fences/rotate.php','commons/inlines/gallery/_sfpg_data/thumb/Water_Features/rotate.php','commons/inlines/gallery/_sfpg_data/thumb/Wood_Fences/rotate.php'];
// var mqAry2=['graphics/img5.gif','graphics/img6.gif','graphics/img7.gif','graphics/img8.gif','graphics/img9.gif','graphics/img10.gif','graphics/img11.gif','graphics/img12.gif','graphics/img13.gif','graphics/img14.gif','graphics/img0.gif','graphics/img1.gif','graphics/img2.gif','graphics/img3.gif','graphics/img4.gif'];

var mqAry1=[
['commons/inlines/gallery/_sfpg_data/thumb/Commercial/rotate.php','htmls/mygallery.php?sfpg=Q29tbWVyY2lhbC8qKmVlZjU5YjVhYzYxNmZjOWU1M2FmYzRmYzU0ODk5ZGY1'],
['commons/inlines/gallery/_sfpg_data/thumb/Landscapes/rotate.php','htmls/mygallery.php?sfpg=TGFuZHNjYXBlcy8qKjUxNGMxZDM0ZTVhOWZlOWYzMmQzMWQ0ZjI4MTg1Y2Qw'],
['commons/inlines/gallery/_sfpg_data/thumb/Masonry/rotate.php','htmls/mygallery.php?sfpg=TWFzb25yeS8qKjM3NzE5OGY2YWQ5MjRmODJjYmI2ODUxZTk5OGU4ZTgw'],
['commons/inlines/gallery/_sfpg_data/thumb/Paths/rotate.php','htmls/mygallery.php?sfpg=UGF0aHMvKipkNDg3ZTljYTc2YzQ2MTFkZmUyZjgwYWU0N2YwMTJhNQ'],
['commons/inlines/gallery/_sfpg_data/thumb/Pool_Scapes/rotate.php','htmls/mygallery.php?sfpg=UG9vbF9TY2FwZXMvKioxMGIxOWMwY2ViMjYyZDI1NzVlMjkxYjZkODcyMWQwZg'],
['commons/inlines/gallery/_sfpg_data/thumb/Railing/rotate.php','htmls/mygallery.php?sfpg=UmFpbGluZy8qKmMxNmY4ODhlOWRhMGRhODhjOGM0MWNiMDAxODk5OTVi'],
['commons/inlines/gallery/_sfpg_data/thumb/Rock_Work/rotate.php','htmls/mygallery.php?sfpg=Um9ja19Xb3JrLyoqYzJjYTQ4OWE3MWI0ODFjN2NhODg4NzIxMGY3YTZmODc'],
['commons/inlines/gallery/_sfpg_data/thumb/Steel_Fences/rotate.php','htmls/mygallery.php?sfpg=U3RlZWxfRmVuY2VzLyoqNGRmMjJlNjJjMzYwNTAwYjcwZjQ0NmQ0MmZiYWM4ZGY'],
['commons/inlines/gallery/_sfpg_data/thumb/Water_Features/rotate.php','htmls/mygallery.php?sfpg=V2F0ZXJfRmVhdHVyZXMvKio3YjdmMTJjNWNiNzg3OTA5YWRhNDc3ZjdiZTE3ZDFlYg']];

function start() {
   new mq('m1',mqAry1,162);
 //  new mq('m2',mqAry2,160);// repeat for as many fuields as required
   mqRotate(mqr); // must come last
}
window.onload = start;

// -- for no links
// 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++){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 = (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)',10);}
// -- for links
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 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)',9);}


// 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
// http://javascript.about.com/library/blcmarquee1.htm