window.addEventListener?window.addEventListener('load',start_fades,false):window.attachEvent('onload',start_fades);
var d = document, currentT = 0, currentB = 0, ssT = document.getElementById("slideShowTop"), ssB = document.getElementById("slideShowBottom"), imgs = new Array(), PicT = new Array(), PicB = new Array();

PicT[0] = 'images/pic_01.gif';
PicT[1] = 'images/pic_02.jpg';
PicT[2] = 'images/pic_03.jpg';
PicT[3] = 'images/pic_04.jpg';
PicT[4] = 'images/pic_05.jpg';
PicT[5] = 'images/pic_06.jpg';
PicT[6] = 'images/pic_07.jpg';

PicB[0] = 'images/pic_08.jpg';
PicB[1] = 'images/pic_09.jpg';
PicB[2] = 'images/pic_10.jpg';
PicB[3] = 'images/pic_11.jpg';
PicB[4] = 'images/pic_12.jpg';
PicB[5] = 'images/pic_13.jpg';


var pT = PicT.length;
var pB = PicB.length;

//preLoad = new Array();

for (i = 0; i < pT; i++){
//  preLoad[i] = new Image();
//  preLoad[i].src = Pic[i];
//  ss1.appendChild(preLoad[i]);

  newImg = d.createElement('img');
  if(document.all)
  {
    if(i == 0){
      newImg.style.setAttribute('cssText','display:block;');
    }
    else {
      newImg.style.setAttribute('cssText','display:none;');
    }
  }
  else if (document.getElementById)
  {
    if(i == 0){
      newImg.setAttribute('style','display:block;');
    }
    else {
      newImg.setAttribute('style','display:none;');
    }
  }
  newImg.setAttribute('src',PicT[i]);
  ssT.appendChild(newImg);
}

for (i = 0; i < pB; i++){
//  preLoad[i] = new Image();
//  preLoad[i].src = Pic[i];
//  ss1.appendChild(preLoad[i]);

  newImg = d.createElement('img');
  if(document.all)
  {
    if(i == 0){
      newImg.style.setAttribute('cssText','display:block;');
    }
    else {
      newImg.style.setAttribute('cssText','display:none;');
    }
  }
  else if (document.getElementById)
  {
    if(i == 0){
      newImg.setAttribute('style','display:block;');
    }
    else {
      newImg.setAttribute('style','display:none;');
    }
  }
  newImg.setAttribute('src',PicB[i]);
  ssB.appendChild(newImg);
}

function start_fades()
{
  so_init_top();
  so_init_bottom();
}

function so_init_top()
{
  if(!d.getElementById || !d.createElement)return;

  imgsT = ssT.getElementsByTagName('img');
  for(i=1;i<imgsT.length;i++) imgsT[i].xOpacity = 0;

  imgsT[0].style.display = 'block';
  imgsT[0].xOpacity = .99;

  setTimeout(so_xfade_top,6000);
}

function so_init_bottom()
{
  if(!d.getElementById || !d.createElement)return;

  imgsB = ssB.getElementsByTagName('img');
  for(i=1;i<imgsB.length;i++) imgsB[i].xOpacity = 0;

  imgsB[0].style.display = 'block';
  imgsB[0].xOpacity = .99;

  setTimeout(so_xfade_bottom,4000);
}

function so_xfade_top()
{
  cOpacity = imgsT[currentT].xOpacity;
  nIndex = imgsT[currentT+1]?currentT+1:0;

  nOpacity = imgsT[nIndex].xOpacity;

  cOpacity-=.05;
  nOpacity+=.05;

  imgsT[nIndex].style.display = 'block';
  imgsT[currentT].xOpacity = cOpacity;
  imgsT[nIndex].xOpacity = nOpacity;

  setOpacity(imgsT[currentT]);
  setOpacity(imgsT[nIndex]);

  if(cOpacity<=0)
  {
    imgsT[currentT].style.display = 'none';
    currentT = nIndex;
    setTimeout(so_xfade_top,6000);
  }
  else
  {
    setTimeout(so_xfade_top,50);
  }
}

function so_xfade_bottom()
{
  cOpacity = imgsB[currentB].xOpacity;
  nIndex = imgsB[currentB+1]?currentB+1:0;

  nOpacity = imgsB[nIndex].xOpacity;

  cOpacity-=.05;
  nOpacity+=.05;

  imgsB[nIndex].style.display = 'block';
  imgsB[currentB].xOpacity = cOpacity;
  imgsB[nIndex].xOpacity = nOpacity;

  setOpacity(imgsB[currentB]);
  setOpacity(imgsB[nIndex]);

  if(cOpacity<=0)
  {
    imgsB[currentB].style.display = 'none';
    currentB = nIndex;
    setTimeout(so_xfade_bottom,4000);
  }
  else
  {
    setTimeout(so_xfade_bottom,50);
  }
}

function setOpacity(obj)
{
  if(obj.xOpacity>.99)
  {
    obj.xOpacity = .99;
    return;
  }

  obj.style.opacity = obj.xOpacity;
  obj.style.MozOpacity = obj.xOpacity;
  obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
}

function createStyleLink()
{
  css = d.createElement('link');
  css.setAttribute('href','slideshow2.css');
  css.setAttribute('rel','stylesheet');
  css.setAttribute('type','text/css');
  d.getElementsByTagName('head')[0].appendChild(css);
}