var howOften = 8; //number often in seconds to rotate
var current = 0; //start the counter at 0
var ns6 = document.getElementById&&!document.all; //detect netscape 6

// place your images, text, etc in the array elements here
var text = new Array();
    text[0]="<div id='phrase' class='large_text white_text'>Collaborative<br />approach.<br />Creative<br />solutions.</div>"; 
    text[1]="<div id='phrase' class='large_text white_text'>Seeing<br />opportunities.<br />Standing up<br />to challenges.</div>";
    text[2]="<div id='phrase' class='large_text white_text'>Breaking<br />old molds.<br />Building<br />new models.</div>";
	text[3]="<div id='phrase' class='large_text white_text'>Southwest Values.<br />National Vision.</div>";
	
var images = new Array();
    images[0]="<img src='home_photos/1.jpg' alt='Hands holding reflective solar panel' title='Hands holding reflective solar panel' width='437' height='393' border='0' />";
    images[1]="<img src='home_photos/2.jpg' alt='Mountain climbers hand reaching over rock' title='Mountain climbers hand reaching over rock' width='437' height='393' border='0' />";
    images[2]="<img src='home_photos/3.jpg' alt='Two people creating building block tower' title='Two people creating building block tower' width='437' height='393' border='0' />";
	images[3]="<img src='home_photos/4.jpg' alt='American flag seen through photo frame' title='American flag seen through photo frame' width='437' height='393' border='0' />";
	

function rotater() {
    if(document.layers) {
        document.text_div.document.write(text[current]);
        document.text_div.document.close();
		document.photo_div.document.write(images[current]);
        document.photo_div.document.close();
    }
    
	if(ns6)document.getElementById("text_div").innerHTML=text[current]
        if(document.all)
            text_div.innerHTML=text[current]

    
	if(ns6)document.getElementById("photo_div").innerHTML=images[current]
        if(document.all)
            photo_div.innerHTML=images[current];
	
	var counter = current + 1;
	
	current = counter % text.length;
	
	if(counter != 5){
		setTimeout("rotater()",howOften*1000);
	}

}

window.onload=rotater;
