//code to rotate image, specify how many image to rotate
//note: create a new image/banner<a num>.gif  Then need to create a new image class in style.css
NumberOfImagesToRotate = 3;
var verse=new Array();

//create a same number of verse for each image; can be the same verse
verse[0] = 'Christ is our life and the church is our living';
verse[1]= 'Christ loved the church and gave Himself up for her';
verse[2]= 'Christ is the Head and the church is His Body';

// banner code start here

FirstPart = '<div class="banner bannerimg';
LastPart = '">';

var r = Math.ceil(Math.random() * NumberOfImagesToRotate);

document.write(FirstPart + r + LastPart);

document.write('<div id="bannertext1">The Church in Tampa</div>');
document.write('<div id="bannertext2"><p class="center">' + verse[r-1] + '</p></div>');

document.write('</div>');

//header code start here
document.write('<div id="header">');

document.write('<div id="nav"><ul id="headernavlist">');
document.write('<li><a href="Default.asp" >Welcome</a></li>&nbsp;&nbsp;');
document.write('<li><a href="our_beliefs.htm" >Our Beliefs</a></li>&nbsp;&nbsp;');
document.write('<li><a href="brief_history.htm">Brief History</a></li>&nbsp;&nbsp;');
//document.write('<li><a href="testimony.htm">Testimonies</a></li>&nbsp;&nbsp;');
document.write('<li><a href="contact_us.htm">Contact Us</a></li>&nbsp;&nbsp;');
document.write('<li><a href="links.htm">Links</a></li>&nbsp;&nbsp;');

document.write('</ul>');

document.write('</div>');