var timer_id = 0;
var current = 0;
var image_array = new Array ();
var time = 6000;
image_array[0] = new Image();
image_array[0].src = '../Novas Paginas/PeopleXEnvironment/content/bin/images/large/PeopleXEnvironment_8.jpg';
//time_array[0] = 6000;
image_array[1] = new Image();
image_array[1].src = '../Novas Paginas/Animals/content/bin/images/large/Animals_3.jpg';
//time_array[1] = 6000;
image_array[2] = new Image();
image_array[2].src = '../Novas Paginas/Graphism/content/bin/images/large/Graphism_3.jpg';
//time_array[2] = 6000;
image_array[3] = new Image();
image_array[3].src = '../Novas Paginas/Graphism/content/bin/images/large/Graphism_19.jpg';
//time_array[3] = 6000;

var arraylength= image_array.length;

function play () {
	next();
	clearTimeout ( timer_id );
	timer_id = setTimeout ( "play()", time );
}
function next () {
	current = current + 1;
	if ( current == arraylength )
		current = 0;
		imageaddress = image_array[current].src;
		blendimage('blenddiv', 'blendimage', imageaddress, 1000);
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).src = imagefile;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
}