var theCurrentHero=0;
 var theTimer;
function swapElements(theElement){
//alert(theElement);
    if (theTimer){
        window.clearTimeout(theTimer);
    }
    var theButtons = document.getElementById('heroContent').getElementsByTagName('a');
    var theTitles = document.getElementById('whiteBand').getElementsByTagName('h1');
    var theDescriptions = document.getElementById('whiteBand').getElementsByTagName('h2');
    var theSpans= document.getElementById('heroContent').getElementsByTagName('span');
    for (x=0; x<theSpans.length; x++){
        if (x==theElement){
            theTitles[x].style.display="block";
            theDescriptions[x].style.display="block";
            theSpans[x].style.display="block";
            theButtons[x].parentNode.className="buttonOn";
            theButtons[x].blur();
            document.getElementById('readMore').href=theTitles[x].title;
            document.getElementById('readMore').title="Hyperlink to " + theTitles[x].title + ".";
        } else {
            theTitles[x].style.display="none";
            theDescriptions[x].style.display="none";
            theSpans[x].style.display="none";        
            theButtons[x].parentNode.className="button";
        }
    }
    theCurrentHero=theElement;
    animateHero();
}

function animateHero(){
    clearTimeout(theTimer);
    var theHeros = document.getElementById('heroContent').getElementsByTagName('span').length-1;
    if (theCurrentHero==theHeros) {
        theCurrentHero=-1
    }
    theTimer = window.setTimeout("swapElements(theCurrentHero+1)", 7000)
}

window.onload=animateHero;