﻿var speed = 2;
var mqAry1 = ['images/photos/new/PICT0034.jpg', 'images/photos/new/IM000108.jpg', 'images/photos/new/PIC-003.jpg', 'images/photos/new/IM000106.jpg', 'images/photos/new/PICT0031.jpg', 'images/photos/new/PICT0030.jpg', 'images/photos/new/PIC-001.jpg', 'images/photos/new/PICT0028.jpg', 'images/photos/new/PICT0003.jpg'];
//var mqAry1 = ['images/photos/PICT0028.png', 'images/photos/PICT0030.png', 'images/photos/PICT0031.png', 'images/photos/PICT0032.png', 'images/photos/PICT0034.png', 'images/photos/PICT0036.png', 'images/photos/PICT0037.png', 'images/photos/PICT0038.png'];
var mqAry2 = ['images/photos/PICT0028.png', 'images/photos/PICT0030.png', 'images/photos/PICT0031.png', 'images/photos/PICT0032.png', 'images/photos/PICT0034.png', 'images/photos/PICT0036.png', 'images/photos/PICT0037.png', 'images/photos/PICT0038.png'];

function start() {
    new mq('m1', mqAry1, 600);
    new mq('m2', mqAry2, 600); // repeat for as many fuields as required
    mqRotate(mqr,1); // must come last
}
//window.onload = start;

// Continuous Image Marquee
// copyright 24th July 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++) {
        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) - speed) + '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);
}