function opacity(id, opacStart, opacEnd, 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
    if (opacStart > opacEnd)
    {
        for (i = opacStart; i >= opacEnd; i--)
        {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    } else if (opacStart < opacEnd)
    {
        for (i = opacStart; i <= opacEnd; i++)
        {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id)
{
    var obj = document.getElementById(id);
    if (obj){
    	var object = obj.style;
    } else {
    	return;
    }
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function shiftOpacity(objId, mseconds)
{
    if (document.getElementById('fade1').style.opacity == 0 ||
        document.getElementById('fade1').style.opacity == undefined)
    {
        setTimeout('opacity("' + objId + '", 0, 100, 3000 )', mseconds);
    }
    else
    {
        setTimeout('opacity("' + objId + '", 100, 0, 3000 )', mseconds);
    }
}

function initFade()
{
	if (!document.getElementById('fade1')){
		return false;
	}
    shiftOpacity('fade1', 0);
    shiftOpacity('fade2', 2500);
    shiftOpacity('fade3', 5000);
    
    setTimeout(function() { initFade() }, 7500);
}

function resetOpacity()
{
	if (!document.getElementById('fadeText1')){
		return false;
	}
    changeOpac(0, 'fade1');
    changeOpac(0, 'fade2');
    changeOpac(0, 'fade3');
    changeOpac(0, 'fadeText1');
    changeOpac(0, 'fadeText2');
    changeOpac(0, 'fadeText3');
    changeOpac(0, 'fadeText4');
    changeOpac(0, 'fadeText5');
	changeOpac(0, 'fadeText6');
    changeOpac(0, 'fadeText7');
}

function initFadeText(){
		var objId;
		for(i=0; i<7; i++){
			objId = "fadeText" + (i+1);
			setTimeout('opacity("' + objId + '", 0, 100, 2000 )', i*2000);
		}
	}

