// fade durations 
var fadeStart = 1500; // hw long to wait until we kick off the fade
var fadeStart1 = 3000; // hw long to wait until we kick off the fade
var fadeInterval = 50; // how long in milliseconds before we do the next step of the fade
var fadeDisplay = 3000; // how long in milliseconds that we pause1 on a full image
var d=document, imgs1 = new Array(),imgs2 = new Array(), zInterval1 = null, current1=0, zInterval2 = null, current2=0, pause1=false, pause2=false;

function so_init1() {
  if(!d.getElementById || !d.createElement)return;
  
  css = d.createElement("link");
  css.setAttribute("href","/stylesheets/xfade2.css");
  css.setAttribute("rel","stylesheet");
  css.setAttribute("type","text/css");
  d.getElementsByTagName("head")[0].appendChild(css);
  
  imgs1 = d.getElementById("image_container_1").getElementsByTagName("img");
  for(i=1;i<imgs1.length;i++) imgs1[i].xOpacity = 0;
  imgs1[0].style.display = "block";
  imgs1[0].xOpacity = .99;
  setTimeout(so_xfade1,fadeStart);
}

function so_xfade1() {
  cOpacity = imgs1[current1].xOpacity;
  nIndex = imgs1[current1+1]?current1+1:0;
  nOpacity = imgs1[nIndex].xOpacity;
  
  cOpacity-=.05; 
  nOpacity+=.05;
  
  imgs1[nIndex].style.display = "block";
  imgs1[current1].xOpacity = cOpacity;
  imgs1[nIndex].xOpacity = nOpacity;
  
  setOpacity1(imgs1[current1]); 
  setOpacity1(imgs1[nIndex]);
  
  if(cOpacity<=0) {
    imgs1[current1].style.display = "none";
    current1 = nIndex;
    setTimeout(so_xfade1,fadeDisplay);
  } else {
    setTimeout(so_xfade1,fadeInterval);
  }
  
  function setOpacity1(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) + ")";
  }
  
}

// this is pretty lame


function so_init2() {
  if(!d.getElementById || !d.createElement)return;
  
  css = d.createElement("link");
  css.setAttribute("href","/stylesheets/xfade3.css");
  css.setAttribute("rel","stylesheet");
  css.setAttribute("type","text/css");
  d.getElementsByTagName("head")[0].appendChild(css);
  
  imgs2 = d.getElementById("image_container_2").getElementsByTagName("img");
  for(i=1;i<imgs2.length;i++) imgs2[i].xOpacity = 0;
  imgs2[0].style.display = "block";
  imgs2[0].xOpacity = .99;
  setTimeout(so_xfade2,fadeStart1);
}

function so_xfade2() {
  cOpacity = imgs2[current2].xOpacity;
  nIndex = imgs2[current2+1]?current2+1:0;
  nOpacity = imgs2[nIndex].xOpacity;
  
  cOpacity-=.05; 
  nOpacity+=.05;
  
  imgs2[nIndex].style.display = "block";
  imgs2[current2].xOpacity = cOpacity;
  imgs2[nIndex].xOpacity = nOpacity;
  
  setOpacity2(imgs2[current2]); 
  setOpacity2(imgs2[nIndex]);
  
  if(cOpacity<=0) {
    imgs2[current2].style.display = "none";
    current2 = nIndex;
    setTimeout(so_xfade2,fadeDisplay);
  } else {
    setTimeout(so_xfade2,fadeInterval);
  }
  
  function setOpacity2(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) + ")";
  }
  
}