var mqAry1=['logo/landscape2/8.jpg', 'logo/landscape2/9.jpg', 'logo/landscape2/10.jpg', 'logo/landscape2/11.jpg', 'logo/landscape2/12.jpg', 'logo/landscape2/13.jpg', 'logo/landscape2/14.jpg', 'logo/landscape2/15.jpg'];
var mqAry2=['logo/buildings/1.jpg', 'logo/buildings/2.jpg', 'logo/buildings/3.jpg', 'logo/buildings/4.jpg'];
var mqAry3=['logo/wildlife/1.jpg', 'logo/wildlife/2.jpg', 'logo/wildlife/3.jpg', 'logo/wildlife/4.jpg', 'logo/wildlife/5.jpg', 'logo/wildlife/6.jpg', 'logo/wildlife/7.jpg'];
var mqAry4=['logo/people/1.jpg', 'logo/people/2.jpg', 'logo/people/3.jpg', 'logo/people/4.jpg', 'logo/people/5.jpg', 'logo/people/6.jpg', 'logo/people/7.jpg', 'logo/people/8.jpg'];
var mqAry5=['logo/landscape/1.jpg', 'logo/landscape/2.jpg', 'logo/landscape/3.jpg', 'logo/landscape/4.jpg', 'logo/landscape/5.jpg', 'logo/landscape/6.jpg', 'logo/landscape/7.jpg'];
 
function start() {
var i1 = new randImg('randimg1',153,111,5,mqAry1);
var i2 = new randImg('randimg2',153,111,7,mqAry2);
var i3 = new randImg('randimg3',153,111,6,mqAry3);
var i4 = new randImg('randimg4',153,111,4,mqAry4);
var i5 = new randImg('randimg5',153,111,5,mqAry5);
setTimeout(function() {replaceImg(i1)},i1.t);
setTimeout(function() {replaceImg(i2)},i2.t);
setTimeout(function() {replaceImg(i3)},i3.t);
setTimeout(function() {replaceImg(i4)},i4.t);
setTimeout(function() {replaceImg(i5)},i5.t);
}


window.onload = start;
 

function randImg(im,w,h,t,ary) {this.t = t*1000; this.m1 = []; this.m2 = []; for (var i=ary.length-1; i>=0; i--) {this.m1[i] = document.createElement('img');this.m1.src = ary[i]; this.m2[i] = ary[i];} this.d = document.getElementById(im); this.m = document.createElement('img'); this.m.width=w; this.m.height=h; this.m.alt = 'random image'; this.m.src = ary[Math.floor(Math.random()*ary.length)]; this.d.appendChild(this.m);} function replaceImg(self) {self.m.src = self.m2[Math.floor(Math.random()*self.m2.length)]; self.d.appendChild(self.m); setTimeout(function() {replaceImg(self)},self.t);}