/*
<script type="text/javascript">

var images = new Array(
                    'http://www.documentsanddesigns.com/images/index pages/Table Names/image001.jpg',
                    'http://www.documentsanddesigns.com/images/index pages/Table Names/image002.jpg',
                    'http://www.documentsanddesigns.com/images/index pages/Table Names/image003.jpg',
                    'http://www.documentsanddesigns.com/images/index pages/Table Names/image004.jpg',
					'http://www.documentsanddesigns.com/images/index pages/Table Names/image005.jpg',
					'http://www.documentsanddesigns.com/images/index pages/Table Names/image006.jpg',
					'http://www.documentsanddesigns.com/images/index pages/Table Names/image007.jpg',
					'http://www.documentsanddesigns.com/images/index pages/Table Names/image008.jpg',
					'http://www.documentsanddesigns.com/images/index pages/Table Names/image009.jpg'
                    );
</script>
<script type="text/javascript" src="http://www.documentsanddesigns.com/js/imagefadetablenames.js"></script>
*/
var imageWidth = 288;
var imageHeight = 230;
var imageTimeout = 3250;
var nextImage = 1;

function pageLoad() {

    var el = document.getElementById('img_fade');
    while (el.firstChild) { el.removeChild(el.firstChild); }

    el.style.width = imageWidth + 'px';
    el.style.height = imageHeight + 'px';

    for(var i=0; i<images.length; i++) {
        var t = document.createElement('img');
        t.setAttribute('src',images[i]);
        t.setAttribute('width',imageWidth);
        t.setAttribute('height',imageHeight);
        t.style.position = 'absolute';
        t.style.visibility = 'hidden';
        el.appendChild(t);

    }

    el.firstChild.style.visibility = 'visible';

    window.setTimeout(startFading, imageTimeout);

}

function startFading() {
    var el = document.getElementById('img_fade').childNodes[nextImage];

    el.style.visibility = 'visible';
    el.style.zIndex = 2;
    setOpacity(el, 0);
    fadeImage(el,0);

    nextImage = (nextImage < images.length-1) ? nextImage + 1 : 0;
}

function fadeImage(el, currentOpacity) {

    currentOpacity += 5;

    if (currentOpacity > 100) {
        setOpacity(el, 100);
        var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
        prevEl.style.visibility = 'hidden';
        el.style.zIndex = 1;
        window.setTimeout(startFading, imageTimeout);
    }
    else {
        setOpacity(el, currentOpacity);
        window.setTimeout(function() { fadeImage(el, currentOpacity); }, 50);
    }

}

function setOpacity(el, opacity) {
    opacity /= 100;
    el.style.opacity = opacity;
    el.style.MozOpacity = opacity;
    el.style.filter = "alpha(opacity=" + (opacity*100) + ")";

}

window.onload = pageLoad;