var images = new Array();
var counter = 0;
var step = 0.1;

function initSwitcher() {
	setTimeout(switchImage,5000);
	
	var i = 0;
	imageObj = new Image();
	images[0]="/sites/default/files/banners/customers_01.png";
     	images[1]="/sites/default/files/banners/customers_02.png";
     	images[2]="/sites/default/files/banners/customers_03.png";
     
     	for (i=0; i<=3; i++) {
          imageObj.src=images[i];
     	}
	return true;
}

function switchImage() {
	image = document.getElementById('customers');
	if (images[counter + 1]) {
		counter++;
	} else {
		counter = 0;
	}
	fadeOut(image, 1, images[counter]);
	return true;
}

function fadeOut(image, value, replacement) {
	setOpacity(image, value);
	if (value > 0 ) {
		setTimeout(fadeOut, 100, image, value - step, replacement);
	} else {
		swap(image, replacement);
	}
	return true;
}

function swap(image, replacement) {
	document.getElementById('customers').src = images[counter];
	fadeIn(image, 0);
	return true;
}

function fadeIn(image, value) {
	setOpacity(image, value);
	if (value < 1) {
		setTimeout(fadeIn, 100, image, value + step);
	}
	return true;
}

function setOpacity(obj, value) {
	var browserName=navigator.appName; 
	if (browserName=="Microsoft Internet Explorer") {
		document.getElementById('customers').style.opacity = value;
		document.getElementById('customers').style.filter = 'alpha(opacity=' + (value*100) + ')';
 	} else {
    		obj.style.opacity = value;
   	}
	return true;
}