// Array of thumbnail images used as examples of work produced by JoanOfQuark.com:
var designGalleryImages = new Array();
    designGalleryImages[0]  = new Image(154,59);
    designGalleryImages[1]  = new Image(154,59);
    designGalleryImages[2]  = new Image(154,59);
    designGalleryImages[3]  = new Image(154,59);
    designGalleryImages[4]  = new Image(154,59);
    designGalleryImages[5]  = new Image(154,59);
    designGalleryImages[6]  = new Image(154,59);
    designGalleryImages[7]  = new Image(154,59);
    designGalleryImages[8]  = new Image(154,59);
    designGalleryImages[9]  = new Image(154,59);
    designGalleryImages[10] = new Image(154,59);
    designGalleryImages[11] = new Image(154,59);
    designGalleryImages[12] = new Image(154,59);
    designGalleryImages[13] = new Image(154,59);
    designGalleryImages[14] = new Image(154,59);
    designGalleryImages[15] = new Image(154,59);
    designGalleryImages[16] = new Image(154,59);
    designGalleryImages[17] = new Image(154,59);
    designGalleryImages[18] = new Image(154,59);
    designGalleryImages[19] = new Image(154,59);
    designGalleryImages[20] = new Image(154,59);
    designGalleryImages[21] = new Image(154,59);
    designGalleryImages[22] = new Image(154,59);


    designGalleryImages[0].src  = 'images/home/graphic-design-0.jpg';
    designGalleryImages[1].src  = 'images/home/graphic-design-1.jpg';
    designGalleryImages[2].src  = 'images/home/graphic-design-2.jpg';
    designGalleryImages[3].src  = 'images/home/graphic-design-3.jpg';
    designGalleryImages[4].src  = 'images/home/graphic-design-4.jpg';
    designGalleryImages[5].src  = 'images/home/graphic-design-5.jpg';
    designGalleryImages[6].src  = 'images/home/graphic-design-6.jpg';
    designGalleryImages[7].src  = 'images/home/graphic-design-7.jpg';
    designGalleryImages[8].src  = 'images/home/graphic-design-8.jpg';
    designGalleryImages[9].src  = 'images/home/graphic-design-9.jpg';
    designGalleryImages[10].src = 'images/home/graphic-design-10.jpg';
    designGalleryImages[11].src = 'images/home/graphic-design-11.jpg';
    designGalleryImages[12].src = 'images/home/graphic-design-12.jpg';
    designGalleryImages[13].src = 'images/home/graphic-design-13.jpg';
    designGalleryImages[14].src = 'images/home/graphic-design-14.jpg';
    designGalleryImages[15].src = 'images/home/graphic-design-15.jpg';
    designGalleryImages[16].src = 'images/home/graphic-design-16.jpg';
    designGalleryImages[17].src = 'images/home/graphic-design-17.jpg';
    designGalleryImages[18].src = 'images/home/graphic-design-18.jpg';
    designGalleryImages[19].src = 'images/home/graphic-design-19.jpg';
    designGalleryImages[20].src = 'images/home/graphic-design-20.jpg';
    designGalleryImages[21].src = 'images/home/graphic-design-21.jpg';
    designGalleryImages[22].src = 'images/home/graphic-design-22.jpg';

var numberOfImages = designGalleryImages.length;

function animateImages() {
    setTimeout('autoSwap1()',(900));
    setTimeout('autoSwap2()',(600));
    setTimeout('autoSwap3()',(300));
    setTimeout('autoSwap4()',(1000));
    setTimeout('autoSwap5()',(500));
}

// Hard-coded image names and timing, no calculations:
function autoSwap1() {
    var randomImage=Math.floor(Math.random()*numberOfImages)
    swap('graphic_design_firm',designGalleryImages[randomImage].src);
    setTimeout('autoSwap1()',(1100));
}

function autoSwap2() {
    var randomImage=Math.floor(Math.random()*numberOfImages)
    swap('web_design_company',designGalleryImages[randomImage].src);
    setTimeout('autoSwap2()',(1200));
}
function autoSwap3() {
    var randomImage=Math.floor(Math.random()*numberOfImages)
    swap('corporate_branding_design',designGalleryImages[randomImage].src);
    setTimeout('autoSwap3()',(1300));
}
function autoSwap4() {
    var randomImage=Math.floor(Math.random()*numberOfImages)
    swap('web_design_firm',designGalleryImages[randomImage].src);
    setTimeout('autoSwap4()',(1400));
}
function autoSwap5() {
    var randomImage=Math.floor(Math.random()*numberOfImages)
    swap('web_and_graphic_design',designGalleryImages[randomImage].src);
    setTimeout('autoSwap5()',(1400));
}
