/*****

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(), imgs2 = new Array(), zInterval = null, current=0, pause=false,anmToggle=0;

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","includes/style.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d.getElementsByTagName("head")[0].appendChild(css);


	imgs[0] = d.getElementById("topLeftPic");
	imgs[1] = d.getElementById("topLeftPic1");
	imgs[2] = d.getElementById("topLeftPic2");
	imgs[3] = d.getElementById("topLeftPic3");
	imgs2[0] = d.getElementById("topRightPic");
	imgs2[1] = d.getElementById("topRightPic1");
	imgs2[2] = d.getElementById("topRightPic2");
	imgs2[3] = d.getElementById("topRightPic3");
	//imgs2 = d.getElementById("imageContainer2").getElementsByTagName("img");
	//alert('imgs length ' + imgs.length.toString());
	var dibanisa = new Array();
	//dibanisa = imgs.concat(imgs2); //+ imgs2;
	//alert('mdibaniso length ' + dibanisa.length.toString());
	//var geber = imgs + imgs2;
	//alert(geber.length.toString());
	for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
	imgs[0].style.display = "block";
	imgs[0].xOpacity = .99;
	
	for(j=1;j<imgs.length;j++) imgs2[j].xOpacity = 0;
	imgs2[0].style.display = "block";
	imgs2[0].xOpacity = .99;
	
	
	setTimeout(so_xfade,1000);	
	
	
}

function so_xfade() 
{
		
		cOpacity = imgs[current].xOpacity;
		nIndex = imgs[current+1]?current+1:0;
	
		nOpacity = imgs[nIndex].xOpacity;
		
		cOpacity-=.05; 
		nOpacity+=.05;
		
		imgs[nIndex].style.display = "block";
		imgs[current].xOpacity = cOpacity;
		imgs[nIndex].xOpacity = nOpacity;
		
		
		setOpacity(imgs[current]); 
		setOpacity(imgs[nIndex]);

	
	if(cOpacity<=0) 
	{
		 	if(imgs[current].id == "topLeftPic2")
			{
				//alert('topLeftPic2 current ' + current);
				imgs[current].style.display = "block";
				if(anmToggle ==0)
				{
					current = 0;
				}
				else
				{
					current=3;
				}
				
				
				setTimeout(so_xfade2,1000);	
			}
			
			else
			{
				imgs[current].style.display = "none";
				current = nIndex;
				setTimeout(so_xfade,1000);	
			}
	
			
	} 
	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) + ")";
	}
	
}

function so_xfade2() 
{
		//alert('fade2 current' + current);
		cOpacity = imgs2[current].xOpacity;
		nIndex = imgs2[current+1]?current+1:0;
	
		nOpacity = imgs2[nIndex].xOpacity;
		
		cOpacity-=.05; 
		nOpacity+=.05;
		
		imgs2[nIndex].style.display = "block";
		imgs2[current].xOpacity = cOpacity;
		imgs2[nIndex].xOpacity = nOpacity;
		
		
		setOpacity(imgs2[current]); 
		setOpacity(imgs2[nIndex]);

	
	if(cOpacity<=0) 
	{
			if(imgs2[current].id == "topRightPic2")
			{
				//alert(current);
				imgs2[current].style.display = "block";
				current = 3;
				anmToggle = 1;
				setTimeout(so_xfade,1000);	
			}
			
			else
			{
				imgs2[current].style.display = "none";
				current = nIndex;
				setTimeout(so_xfade2,1000);	
			}
	
			
	} 
	else 
	{
		setTimeout(so_xfade2,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) + ")";
	}
	
}