var currentId = '';

function opacity(idFrom, idTo, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    for(i = 100; i >= 0; i--) { 
    	setTimeout("changeOpac(" + i + ",'" + idFrom + "','" + idTo + "')",(timer * speed)); 
    	timer++; 
    }
	//document.getElementById(idFrom).style.visibility = 'hidden';
	currentId = idTo;
} 

//change the opacity for different browsers 
function changeOpac(opacity, idFrom, idTo) { 
    var object = document.getElementById('homeimage'+idFrom).style; 
	object.visibility = 'visible';
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 

    var object2 = document.getElementById('description'+idFrom).style; 
	object2.visibility = 'visible';
    object2.opacity = (opacity / 100); 
    object2.MozOpacity = (opacity / 100); 
    object2.KhtmlOpacity = (opacity / 100); 
    object2.filter = "alpha(opacity=" + opacity + ")";
	object2.zIndex = 0;

	var opacity2 = 100-opacity;

    var object3 = document.getElementById('homeimage'+idTo).style; 
	object3.visibility = 'visible';
    object3.opacity = (opacity2 / 100); 
    object3.MozOpacity = (opacity2 / 100); 
    object3.KhtmlOpacity = (opacity2 / 100); 
    object3.filter = "alpha(opacity=" + opacity2 + ")";

    var object4 = document.getElementById('description'+idTo).style; 
	object4.visibility = 'visible';
    object4.opacity = (opacity2 / 100); 
    object4.MozOpacity = (opacity2 / 100); 
    object4.KhtmlOpacity = (opacity2 / 100); 
    object4.filter = "alpha(opacity=" + opacity2 + ")";
	object4.zIndex = 1;

}

function fade(divIdFrom, divIdTo)
{
	opacity(divIdFrom, divIdTo, 1000)
}


function fadeImages()
{
	switch(currentId)
	{
		case '1':
			fade('1', '2');
			break;
		case '2':
			fade('2', '3');
			break;
		case '3':
			fade('3', '1');
			break;
	}	
	
}

function fadeLoop()
{
	document.getElementById('homeimage3').style.visibility = 'hidden';
	document.getElementById('homeimage2').style.visibility = 'hidden';
	document.getElementById('description3').style.visibility = 'hidden';
	document.getElementById('description2').style.visibility = 'hidden';
	
	
	currentId = '1';

	setInterval("fadeImages()", 6000);
}