/*****

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


*****/


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

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false, divWidth, divHeight;
var cOpacityChange = 0.05, nOpacityChange = 0;
var timeout = 5000;

function toCamelCase( sInput ) {

    var oStringList = sInput.split('-');

    if(oStringList.length == 1)   

        return oStringList[0];

    var ret = sInput.indexOf("-") == 0 ?

       oStringList[0].charAt(0).toUpperCase() + oStringList[0].substring(1) : oStringList[0];

    for(var i = 1, len = oStringList.length; i < len; i++){

        var s = oStringList[i];

        ret += s.charAt(0).toUpperCase() + s.substring(1)

    }

    return ret;

}

function getStyle(el, style) {

   if(!document.getElementById) return;

   

     var value = el.style[toCamelCase(style)];

   

    if(!value)

        if(document.defaultView)

            value = document.defaultView.

                 getComputedStyle(el, "").getPropertyValue(style);

       

        else if(el.currentStyle)

            value = el.currentStyle[toCamelCase(style)];

     

     return value;

}

function setStyle(objId, style, value) {

    document.getElementById(objId).style[style] = value;

}

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

	// DON'T FORGET TO GRAB THIS FILE AND PLACE IT ON YOUR SERVER IN THE SAME DIRECTORY AS THE JAVASCRIPT!
	// http://slayeroffice.com/code/imageCrossFade/xfade2.css

	css = d.createElement("link");
	css.setAttribute("href","xfade2.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d.getElementsByTagName("head")[0].appendChild(css);

	imgs = d.getElementById("imageContainer").getElementsByTagName("img");

	for(i=1;i<imgs.length;i++) {
		imgs[i].xOpacity = 0;
		}


	imgs[0].style.display = "block";
	imgs[0].xOpacity = .99;
	
	setTimeout(so_xfade,timeout);
}

function so_xfade() {
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;

//	d.getElementById("imageContainer").style.width = imgs[nIndex].width; // change width of div to suit pic

	nOpacity = imgs[nIndex].xOpacity;
	
	cOpacity-=cOpacityChange; 
	nOpacity+=nOpacityChange;
	
	imgs[nIndex].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs[current]); 
	setOpacity(imgs[nIndex]);
	
	if(cOpacity<=0) {
		imgs[current].style.display = "none";
		cOpacityChange = 0;
	}

	if (cOpacity<=0.3) {
		nOpacityChange = 0.05;
	}

	if (nOpacity >= 0.99) {
		cOpacityChange = 0.05;
		nOpacityChange = 0;
		current = nIndex;
		setTimeout(so_xfade,timeout);
	}

	else {
		setTimeout(so_xfade,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) + ")";
	}
	
}