var navArr = new Array(8);
navArr[0] = 'btn1';
navArr[1] = 'btn2';
navArr[2] = 'btn3';
navArr[3] = 'btn4';
navArr[4] = 'btn5';
navArr[5] = 'btn6';
navArr[6] = 'btn7';
navArr[7] = 'btn8';

var pause = false;
var startcnt = 0;
var galleryArray = new Array(8);
var textArray = new Array(8);

var maxCounter = 7;
var previousBtnImg;
var counter = 0;
var timer = 3000;
var timer1;

galleryArray[0] = '../images/gallery/promos1.jpg';
textArray[0] = 'Mousepads';

galleryArray[1] = '../images/gallery/promos2.jpg';
textArray[1] = 'Apparel';

galleryArray[2] = '../images/gallery/promos3.jpg';
textArray[2] = 'Water Bottles';

galleryArray[3] = '../images/gallery/promos4.jpg';
textArray[3] = 'Letter Openers';

galleryArray[4] = '../images/gallery/promos5.jpg';
textArray[4] = 'Mugs';

galleryArray[5] = '../images/gallery/promos6.jpg';
textArray[5] = 'Umbrellas';

galleryArray[6] = '../images/gallery/promos7.jpg';
textArray[6] = 'Golf Accessories';

galleryArray[7] = '../images/gallery/promos8.jpg';
textArray[7] = 'Pens';


var t;
var j = 0;
var p = 8;
var preLoad = new Array();
for (i = 0; i < p; i++) {
    preLoad[i] = new Image();
    preLoad[i].src = galleryArray[i];
}
function runSlideShow() {
    if (pause) {
        return;
    }
    if (document.getElementById) {
        if (counter > maxCounter) counter = 0;
        if (typeof (changeNav) == 'function') {
            changeNav(counter);
        }
        if (document.getElementById('pic1') != null) {
            if (document.getElementById('gallery_text') != null) {
                startcnt = 1;
            }
        }

    }


    if (document.getElementById('pic1') != null) {
        document.getElementById('pic1').src = preLoad[counter].src;
    }

    if (document.getElementById('gallery_text') != null) {
        document.getElementById('gallery_text').innerHTML = textArray[counter];
    }


    t = setTimeout('runSlideShow()', timer);

    if (pause == false) counter++;
}

t = setTimeout('runSlideShow()', timer);


function changeImage() {
    if (counter > maxCounter) counter = 0;
    if (typeof (changeNav) == 'function') {
        changeNav(counter)
    };
    if (document.getElementById('pic1') != null)
        if (document.getElementById('gallery_text') != null) {
        startcnt = 1;
    }
    {
        document.getElementById('pic1').src = galleryArray[counter];
        document.getElementById('gallery_text').innerHTML = textArray[counter];
    }

    if (pause == false) timer1 = window.setTimeout('changeImage()', timer);
    if (pause == false) counter++;
}





function changeNav(index) {
    for (i = 0; i < navArr.length; i++) {
        if (document.getElementById(navArr[i]) != null) {
            if (i == index) {
                var val = document.getElementById(navArr[i]).src;
                var newstring = val.replace("_off", "_on");
                document.getElementById(navArr[i]).src = newstring;
            } else {
                var val = document.getElementById(navArr[i]).src;
                var newstring = val.replace("_on", "_off");
                document.getElementById(navArr[i]).src = newstring;
            }
        }
    }
}