// JavaScript Document
window.onload = init;

var pics = new Array("assets/thater-726x269.jpg","assets/Evie-barriers-726.jpg","assets/laurencrop.jpg");
var cont1Pic=0;
var cont2Pic=1;
var cont1Id;
var cont2Id;
var gonUp;
var gonDn;
var opacUp;
var opacDn;
var isCont1Up=true;
var i=0;
var holdTime=3500;
var t;
var u;

function init(){
	cont1Id=document.getElementById("slide1Pic");
	cont2Id=document.getElementById("slide2Pic");
	//Mozilla
	cont1Id.style.opacity=1;
	cont2Id.style.opacity=0;
	// IE.
   	cont1Id.style.filter = 'alpha(opacity=' + 100 + ')';
  	cont2Id.style.filter = 'alpha(opacity=' + 0 + ')';
  	// Old mozilla and firefox
  	cont1Id.style.MozOpacity = 1;
  	cont2Id.style.MozOpacity = 0;
	picShow();
}

function picShow(){
	cont1Id.src = pics[cont1Pic];
	cont2Id.src = pics[cont2Pic];
	if(isCont1Up==true){
		cont1Pic+=2;
			if (cont1Pic+1>pics.length){
			cont1Pic = cont1Pic%pics.length;
			}
		gonUp=cont2Id;
		gonDn=cont1Id;
		
	}
	else{
		cont2Pic+=2;
			if (cont2Pic+1>pics.length){
			cont2Pic = cont2Pic%pics.length;
			}
		gonUp=cont1Id;
		gonDn=cont2Id;
	}
	//clearTimeout(u);
	t=setTimeout(function(){picFader()},holdTime); //setTimeout(picfader(),holdtime); doesn't work
}

function picFader(){
	opacUp=i/100;
	opacDn=(100-i)/100;
	//Mozilla
	gonUp.style.opacity=opacUp;
	gonDn.style.opacity=opacDn;
	// IE.
    gonUp.style.filter = 'alpha(opacity=' + opacUp*100 + ')';
	gonDn.style.filter = 'alpha(opacity=' + opacDn*100 + ')';
  	// Old mozilla and firefox
  	gonUp.style.MozOpacity = opacUp;
	gonDn.style.MozOpacity = opacDn;

	i+=4;
	if (i>100){
		i=0;
		isCont1Up= !isCont1Up;
		//clearTimeout(u);
		picShow();
	}
	
	else {
		//clearTimeout(t);
		u=setTimeout(function(){picFader()},50);
	}
	
}