//set globals for js
var currentarray="";
var currentdiv="";
var currentimage="";
var q=0;
var run=0;
var z=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,changetype) {
	if (imageid==currentimage) {
		if (myimages[q].complete) {
	    	var speed = 10;
	    	var timer = 0;
	if (changetype > 1) {
	//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 ((i>50) && (changetype > 2)) {  // change text now
			 	document.getElementById("maintext").innerHTML=textarray[q];
				document.mainform.mainurl.value=urlarray[q];
			 	}
				if (run==1) {
		    	    setTimeout("changeOpac(" + i + ",'"+imageid+"')",(timer * speed));
				}
	        	timer++;
	    	}
			timer++;
			setTimeout("wrr('"+imageid+"',"+changetype+")",(timer*speed));
		} else { 
		blendimage(imageid,changetype)
		}
	}
}
	
function wrr(imageid,changetype) {
	z=0;
	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+"',"+changetype+")",((timer*speed)+3000));
		}
	}
}

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