var xfadeStyleSheet='/includes/css/xfade.css';
var xfadeContainer='xfadeContainer';
var xfadeShowTime=3000;
var xfadeIncTime=120;
var xfadeMaxOpacity=.99;
var xfadeMinOpacity=0;
var xfadeIncrement=Array(.05,.05);
// only necessary for pre-loading images
var xfadeImagesToFade=Array('/images/multimedia/railing_white_lake_rail.jpg',
					                    '/images/multimedia/coatings_penofin.jpg',
					                    '/images/multimedia/decking_moistureshield.jpg',
					                    '/images/multimedia/railing_avesta_2.jpg',
					                    '/images/multimedia/railing_avesta.jpg',
					                    '/images/multimedia/fasteners_tiger_claw.jpg',
					                    '/images/multimedia/decking_latitudes_2.jpg');

/*****

Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com

Please leave this notice intact.

Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html

Modified by SB 20090926: 
  1) Created these variables to replace static values:
      xfadeStyleSheet: style sheet automatically attached to the document.  Relative path.
      xfadeContainer: containing element's id attribute
      xfadeShowTime: milliseconds between fades
      xfadeIncTime: milliseconds between opacity increments during a fade
      xfadeMaxOpacity: maximum opacity of a fade image
      xfadeMinOpacity: minimum opacity of a fade image
      xfadeIncrement: array(0=>[+increment],1=>[-increment])
      xfadeImagesToFade: array([relative_path], ...) for pre-loading images
  2) renamed local variables as xfade*
  3) added image pre-loading into so_init()
*****/


window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);

var xfadeDoc=document,xfadeImgs=new Array(),xfadeInterval=null,xfadeCurrent=0,xfadePause=false;

function so_init() {
  if (xfadeImagesToFade.length>0) {
    var xfadeImgObj=new Image();
    for (z in xfadeImagesToFade) {
    	xfadeImgObj.src = xfadeImagesToFade[z];
    }
  }

	if(!xfadeDoc.getElementById || !xfadeDoc.createElement)return;

	// http://slayeroffice.com/code/imageCrossFade/xfade2.css
	xfadecss = xfadeDoc.createElement("link");
	xfadecss.setAttribute("href",xfadeStyleSheet);
	xfadecss.setAttribute("rel","stylesheet");
	xfadecss.setAttribute("type","text/css");
	xfadeDoc.getElementsByTagName("head")[0].appendChild(xfadecss);

	xfadeImgs = xfadeDoc.getElementById(xfadeContainer).getElementsByTagName("img");
	for(i=1;i<xfadeImgs.length;i++) xfadeImgs[i].xOpacity = 0;
	xfadeImgs[0].style.display = "block";
	xfadeImgs[0].xOpacity = xfadeMaxOpacity;

	setTimeout(so_xfade,xfadeShowTime);
}

function so_xfade() {
	xfadecOpacity = xfadeImgs[xfadeCurrent].xOpacity;
	xfadenIndex = xfadeImgs[xfadeCurrent+1]?xfadeCurrent+1:0;

	xfadenOpacity = xfadeImgs[xfadenIndex].xOpacity;

	xfadecOpacity-=xfadeIncrement[1];
	xfadenOpacity+=xfadeIncrement[0];

	xfadeImgs[xfadeCurrent].xOpacity = xfadecOpacity;
	xfadeImgs[xfadenIndex].style.display = "block";
	xfadeImgs[xfadenIndex].xOpacity = xfadenOpacity;

	setOpacity(xfadeImgs[xfadeCurrent]);
	setOpacity(xfadeImgs[xfadenIndex]);

	if(xfadecOpacity<=0) {
		xfadeImgs[xfadeCurrent].style.display = "none";
		xfadeCurrent = xfadenIndex;
		setTimeout(so_xfade,xfadeShowTime);
	} else {
		setTimeout(so_xfade,xfadeIncTime);
	}

	function setOpacity(obj) {
		if(obj.xOpacity>xfadeMaxOpacity) {
			obj.xOpacity = xfadeMaxOpacity;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
}