var matList = [
{ title: 'Marmi 1', src: 'img/marmi1.jpg'},
{ title: 'Marmi 2', src: 'img/marmi2.jpg'},
{ title: 'Marmi 3', src: 'img/marmi3.jpg'},
{ title: 'Marmi 4', src: 'img/marmi4.jpg'},
{ title: 'Marmi 5', src: 'img/marmi5.jpg'},
{ title: 'Marmi 6', src: 'img/marmi6.jpg'},
{ title: 'Marmi 7', src: 'img/marmi7.jpg'},
{ title: 'Marmi 8', src: 'img/marmi8.jpg'},
{ title: 'Marmi 9', src: 'img/marmi9.jpg'},
{ title: 'Marmi 10', src: 'img/marmi10.jpg'},
{ title: 'Marmi 11', src: 'img/marmi11.jpg'},
{ title: 'Marmi 12', src: 'img/marmi12.jpg'}];



var index = 1;
var inche = 2;

function changeMat(index) {
	var img = document.getElementById('imagemat');
	img.alt = img.title = matList[index].title;
	img.src = matList[index].src;
}

function loadNext(inche) {
	var img = document.getElementById('imageload');
	img.alt = img.title = matList[inche].title;
	img.src = matList[inche].src;
}

function nextMat() {
	new Effect.Fade('imagemat', {  
	afterFinish: function() {		
	changeMat(index);
	new Effect.Appear('imagemat');
	loadNext(inche);
	index ++;
	inche ++;
	if (index >= matList.length) index = 1;
	if (inche >= matList.length) inche = 2;
	}
}); 
}

window.setInterval(nextMat, 5000);