var images = new Array(
    'images/trade/img1.png',
    'images/trade/img2.png',
    'images/trade/img3.png',
    'images/trade/img4.png',
    'images/trade/img5.png',
    'images/trade/img6.png',
    'images/trade/img7.png',
    'images/trade/img8.png',
    'images/trade/img9.png',
    'images/trade/img10.png');
  
  var imageWidth = 402;
  var imageHeight = 195;
  var imageTimeout = 3500;
  var nextImage = 1;

  function pageLoad() {
    var el = document.getElementById('tradeImage');
    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('tradeImage').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) + ")";
  }