
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 object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 

function opacroller()
{
	window.setTimeout("opacroll()",0);
	window.setTimeout("opacroll()",150500);
	window.setTimeout("opacroll()",300500);
	window.setTimeout("opacroll()",450500);
	window.setTimeout("opacend()",600500);
	
}

function opacend()
{
	initialiseDIVs();
	if(document.all("div1")){document.all("div1").style.display = "none"};
	if(document.all("divend")){document.all("divend").style.display = "inline"};
}

function opacroll()
{
	initialiseDIVs();
	
	//DIV1
	if(document.all("div1")){window.setTimeout("opacity('div1',100,0,500)",15000)};
	if(document.all("div1")){window.setTimeout("document.all('div1').style.display = 'none'",15500)};
	//DIV2
	if(document.all("div2")){window.setTimeout("document.all('div2').style.display = 'inline'",15500)};
	if(document.all("div2")){window.setTimeout("opacity('div2',0,100,500)",15500)};
	if(document.all("div2")){window.setTimeout("opacity('div2',100,0,500)",30000)};
	if(document.all("div2")){window.setTimeout("document.all('div2').style.display = 'none'",30500)};
	//DIV3
	if(document.all("div3")){window.setTimeout("document.all('div3').style.display = 'inline'",30500)};
	if(document.all("div3")){window.setTimeout("opacity('div3',0,100,500)",30500)};
	if(document.all("div3")){window.setTimeout("opacity('div3',100,0,500)",45000)};
	if(document.all("div3")){window.setTimeout("document.all('div3').style.display = 'none'",45500)};
	//DIV4
	if(document.all("div4")){window.setTimeout("document.all('div4').style.display = 'inline'",45500)};
	if(document.all("div4")){window.setTimeout("opacity('div4',0,100,500)",45500)};
	if(document.all("div4")){window.setTimeout("opacity('div4',100,0,500)",60000)};
	if(document.all("div4")){window.setTimeout("document.all('div4').style.display = 'none'",60500)};
	//DIV5
	if(document.all("div5")){window.setTimeout("document.all('div5').style.display = 'inline'",60500)};
	if(document.all("div5")){window.setTimeout("opacity('div5',0,100,500)",60500)};
	if(document.all("div5")){window.setTimeout("opacity('div5',100,0,500)",75000)};
	if(document.all("div5")){window.setTimeout("document.all('div5').style.display = 'none'",75500)};
	//DIV6
	if(document.all("div6")){window.setTimeout("document.all('div6').style.display = 'inline'",75500)};
	if(document.all("div6")){window.setTimeout("opacity('div6',0,100,500)",75500)};
	if(document.all("div6")){window.setTimeout("opacity('div6',100,0,500)",90000)};
	if(document.all("div6")){window.setTimeout("document.all('div6').style.display = 'none'",90500)};
	//DIV7
	if(document.all("div7")){window.setTimeout("document.all('div7').style.display = 'inline'",90500)};
	if(document.all("div7")){window.setTimeout("opacity('div7',0,100,500)",90500)};
	if(document.all("div7")){window.setTimeout("opacity('div7',100,0,500)",105000)};
	if(document.all("div7")){window.setTimeout("document.all('div7').style.display = 'none'",105500)};
	//DIV8
	if(document.all("div8")){window.setTimeout("document.all('div8').style.display = 'inline'",105500)};
	if(document.all("div8")){window.setTimeout("opacity('div8',0,100,500)",105500)};
	if(document.all("div8")){window.setTimeout("opacity('div8',100,0,500)",120000)};
	if(document.all("div8")){window.setTimeout("document.all('div8').style.display = 'none'",120500)};
	//DIV9
	if(document.all("div9")){window.setTimeout("document.all('div9').style.display = 'inline'",120500)};
	if(document.all("div9")){window.setTimeout("opacity('div9',0,100,500)",120500)};
	if(document.all("div9")){window.setTimeout("opacity('div9',100,0,500)",135000)};
	if(document.all("div9")){window.setTimeout("document.all('div9').style.display = 'none'",135500)};
	//DIV10
	if(document.all("div10")){window.setTimeout("document.all('div10').style.display = 'inline'",135500)};
	if(document.all("div10")){window.setTimeout("opacity('div10',0,100,500)",135500)};
	if(document.all("div10")){window.setTimeout("opacity('div10',100,0,500)",150000)};
	if(document.all("div10")){window.setTimeout("document.all('div10').style.display = 'none'",150500)};	
	//DIV1
	if(document.all("div1")){window.setTimeout("document.all('div1').style.display = 'inline'",150500)};
	if(document.all("div1")){window.setTimeout("opacity('div1',0,100,500)",150500)};
	
}
function initialiseDIVs()
{
	if(document.all("div1")){document.all("div1").style.display = "inline"};
	if(document.all("div1")){changeOpac(100,"div1")};
	if(document.all("div2")){document.all("div2").style.display = "none"};
	if(document.all("div2")){changeOpac(0,"div2")};
	if(document.all("div3")){document.all("div3").style.display = "none"};
	if(document.all("div3")){changeOpac(0,"div3")};
	if(document.all("div4")){document.all("div4").style.display = "none"};
	if(document.all("div4")){changeOpac(0,"div4")};
	if(document.all("div5")){document.all("div5").style.display = "none"};
	if(document.all("div5")){changeOpac(0,"div5")};
	if(document.all("div6")){document.all("div6").style.display = "none"};
	if(document.all("div6")){changeOpac(0,"div6")};
	if(document.all("div7")){document.all("div7").style.display = "none"};
	if(document.all("div7")){changeOpac(0,"div7")};
	if(document.all("div8")){document.all("div8").style.display = "none"};
	if(document.all("div8")){changeOpac(0,"div8")};
	if(document.all("div9")){document.all("div9").style.display = "none"};
	if(document.all("div9")){changeOpac(0,"div9")};
	if(document.all("div10")){document.all("div10").style.display = "none"};
	if(document.all("div10")){changeOpac(0,"div10")};
	
}
