
var sShow = {
  linkArr: ['is-e.html','is-77s.html','is-75s.html'],
  loadArr: ['images/slides/is-e.jpg','images/slides/is-77s.jpg','images/slides/is-75s.jpg'],
  imgArr: [],
  Play: 0,
  willPlay: 0,
  mainSlide: -1,
  postSlide: 0,
  Op: 100,
  Gate: 1,
  SlideImg: 0,
  loadInt: 0,
  setInt: function () {
    this.Gate = 1;
    this.Play = setInterval('sShow.Fade()',16);
  },
  Fade: function () {
    this.Op -= 5;
    document.getElementById('slide-box').style.opacity = this.Op / 100;
    document.getElementById('slide-box').style.filter = 'alpha(opacity = ' + this.Op + ')';
    if (this.Op <= 1) {
      clearInterval(this.Play);
      this.Timer();
    }
  },
  Timer: function () {
    this.Op = 100;

    this.mainSlide++;
    if (this.mainSlide > this.Loaded - 1) {
      this.mainSlide = 0;
    }
    this.postSlide++;
    if (this.postSlide > this.Loaded - 1) {
      this.postSlide = 0;
    }

    document.getElementById('slide-box').style.opacity = this.Op / 100;
    document.getElementById('slide-box').style.filter = 'alpha(opacity = ' + this.Op + ')';

    document.getElementById('s-link').href = this.linkArr[this.mainSlide];
    document.getElementById('slide-box').src = this.imgArr[this.mainSlide].src;
    document.getElementById('slide-bg').style.backgroundImage = 'url(' + this.imgArr[(this.postSlide)].src + ')';

    this.willPlay = setTimeout('sShow.setInt()', 4000);
    this.Gate = 0;
  },
  Next: function () {
    if (this.Gate === 0 && this.Loaded === this.loadArr.length) {
      clearTimeout(this.willPlay);
      clearInterval(this.Play);
      this.setInt();
    }
  },
  Prev: function () {
    if (this.Gate === 0 && this.Loaded === this.loadArr.length) {
      clearTimeout(this.willPlay);
      clearInterval(this.Play);

      this.mainSlide -= 2;
      if (this.mainSlide < 0) {
        this.mainSlide += this.Loaded;
      }
      this.postSlide -= 2;
      if (this.postSlide < 0) {
        this.postSlide += this.Loaded;
      }

      document.getElementById('slide-bg').style.backgroundImage = 'url(' + this.imgArr[this.postSlide].src + ')';
      this.setInt();
    }
  },
  Loaded: 0,
  checkLoad: function () {
    for (var i=this.Loaded;i<this.loadArr.length;i++) {
      if (this.imgArr[i].complete) {
        this.Loaded = i + 1;
        if (i === 0) {
          this.SlideImg = document.createElement("img");
          this.SlideImg.setAttribute('id', 'slide-box');
          this.SlideImg.setAttribute('src', this.imgArr[0].src);
          document.getElementById('s-link').appendChild(this.SlideImg);

          document.getElementById('slide-box').style.position = 'relative';
          document.getElementById('slide-box').style.border = 'none';
          document.getElementById('slide-box').style.width = '700px';
          document.getElementById('slide-box').style.height = '250px';

          document.getElementById('s-link').href = this.linkArr[0];
        }
        else if (i === 1) {
          this.Timer();
        }

        if (this.Loaded === this.loadArr.length) {
          clearInterval(this.loadInt);
        }
        else {
          this.imgArr[i + 1] = new Image();
          this.imgArr[i + 1].src = this.loadArr[i + 1];
        }
      }
      else {
        break;
      }
    }
  },
  Load: function () {
    this.imgArr[0] = new Image();
    this.imgArr[0].src = this.loadArr[0];
    this.loadInt = setInterval('sShow.checkLoad()', 100);
  }
};

if (window.addEventListener)
  window.addEventListener('load', function () { sShow.Load(); }, false)
else if (window.attachEvent)
  window.attachEvent('onload', function () { sShow.Load(); })
else {
  window.onload = function () { sShow.Load(); };
}

