var width='350px' //SET IMAGE WIDTH
var height='90px' //SET IMAGE HEIGHT

document.write('<div style="position:relative;width:'+width+';height:'
+height+';overflow:hidden"><div id="header0" style="position:absolute;width:'+width+';height:'+height
+';top:0;left:0;filter:alpha(opacity=100);-moz-opacity:100;opacity: 1"><img src="images/headertext.jpg" border="0" /></div><div id="header1" style="position:absolute;width:'+width+';height:'+height
+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;opacity: .1;visibility: hidden"><img src="images/headerchange.jpg" border="0" /></div></div>')

var opac1=.1
var opac2=1
var elem=document.getElementById("header0")
var elem2=document.getElementById("header1")

function setOpacity(e,value)	
{
	e.style.opacity = value;
	e.style.filter = 'alpha(opacity=' + (value * 100) + ')';
	e.style.MozOpacity = value;		
}

function fadein()
{
    if(opac1<1)
    {
        opac1+=.1
        setOpacity(elem2,opac1)
            
        opac2-=.1
        setOpacity(elem,opac2);
    }
    else
    {
        elem.style.visibility="hidden"
        clearInterval(fadeinvar)
    }
}

function fadeout()
{
    if (opac2 < 1)
    {
        opac2 += .1;
        setOpacity(elem,opac2);
            
        opac1 -= .1;
        setOpacity(elem2,opac1);
    }
    else
    {
        clearInterval(fadeoutvar)
        elem2.style.visibility="hidden"
    }
}

function changeheader()
{
    elem2 = document.getElementById("header1");
    setOpacity(elem2,opac1);

    elem2.style.visibility="visible"

    fadeinvar = setInterval("fadein()", 100);
}

function setheadernormal()
{
    elem = document.getElementById("header0")
    setOpacity(elem,opac2);
                                
    elem.style.visibility="visible"

    fadeoutvar = setInterval("fadeout()", 100);
}

function startrotateheader()
{
    setTimeout("changeheader()",6000)
    setTimeout("setheadernormal()",12000)
}

addLoadEvent(startrotateheader);