//set globals for js
currentarray="";
currentdiv="";
currentimage="";
var q=0;
var run=0;
//change the opacity for different browsers
function changeOpac(opacity, imageid) {
    var object = document.getElementById(imageid).style;
    object.opacity = ((100-opacity)/100);
    object.MozOpacity = ((100-opacity)/100);
    object.KhtmlOpacity = ((100-opacity)/100);
    object.filter = "alpha(opacity=" + (100-opacity) + ")";
} 
function changeOpac2(opacity, imageid) {
    var object = document.getElementById(imageid).style;
    object.opacity = (opacity/100);
    object.MozOpacity = (opacity/100);
    object.KhtmlOpacity = (opacity/100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function blendimage(imageid) {
	if (imageid==currentimage) {
		if (myimages[q].complete) {
	    	var speed = 10;
	    	var timer = 0;
	//set the new image as background
   // document.getElementById(currentdiv).style.backgroundImage = "url(" + currentarray[q] + ")";
    //fade out old image
	    	for(i = 0; i <= 100; i++) {
				if (run==1) {
		    	    setTimeout("changeOpac(" + i + ",'"+imageid+"')",(timer * speed));
				}
	        	timer++;
	    	}
			timer++;
			setTimeout("wrr('"+imageid+"')",(timer*speed));
		} else { 
		blendimage(imageid)
		}
	}
}
	
function wrr(imageid) {
	if (imageid==currentimage) {
	   //old image is faded out make new image and set opacity back
		document.getElementById(imageid).src = currentarray[q];
		var speed = 10;
    	var timer = 0;
		for(i = 0; i <= 100; i++) {
    	    setTimeout("changeOpac2(" + i + ",'"+imageid+"')",(timer * speed));
    	    timer++;
    	}
		q++;
		if (q == currentarray.length) {
			q=0;
		}
	//wash rinse repeat
		if (imageid==currentimage) {
			setTimeout("blendimage('"+imageid+"')",((timer*speed)+3000));
		}
	}
}

var myimages = new Array();
var timer;
function startswap(arrayID, divname, imagename){
// set globals up for this set
 currentarray=arrayID;
 currentdiv=divname;
 currentimage=imagename;
 q=1;
 run=1;
 document.getElementById(currentimage).src = currentarray[0];
 //preload the images
 for (i=0;i<(arrayID.length);i++) {
	myimages[i] = new Image();
	myimages[i].src = arrayID[i];
  }
 setTimeout("blendimage('" + imagename + "')", 3000);
}