var curImage = 0;

var imageList = new Array();

imageList[0] = "/images_v2/headers/header2.jpg"; 
imageList[1] = "/images_v2/headers/header3.jpg"; 
imageList[2] = "/images_v2/headers/header4.jpg"; 
imageList[3] = "/images_v2/headers/header5.jpg"; 
imageList[4] = "/images_v2/headers/header6.jpg"; 
imageList[5] = "/images_v2/headers/header7.jpg"; 
imageList[6] = "/images_v2/headers/header8.jpg"; 
imageList[7] = "/images_v2/headers/header9.jpg"; 
imageList[8] = "/images_v2/headers/header10.jpg"; 
imageList[9] = "/images_v2/headers/header11.jpg"; 

function showPurple(link, secId){
        var section = document.getElementById(secId);
        var pageLinksDiv = document.getElementById("pagelinks");
        //turn on all links
        var spans = pageLinksDiv.getElementsByTagName("span")
        for(var x = 0; x < spans.length; x++){
            spans[x].className = 'pagelink';
        }
        //turn off link that was clicked on
        link.className = 'activepagelink';
        //hide all the other sections
        var allDivs = document.getElementsByTagName("div");
        for(var y = 0; y < allDivs.length; y++){
            if(allDivs[y].className == 'onpagesec'){
                allDivs[y].className = 'pagesec';
            }
        }
        //show the correponding section
        section.className = 'onpagesec';

	$('html, body').animate({scrollTop: $("#contenttop").offset().top}, 10);

	curImage ++;

	if (curImage>9){
		curImage = 0;
	}

	//document.getElementById("mission_header").src = imageList[curImage];
	        
}
