//set up a variable to hold an image array, and set a number to 0
var image = new Array();
var number = 0;

// image Array - setting elements in the array starting at 1 
image[number++] = "url(../images/array/blue_bg1.jpg)"
image[number++] = "url(../images/array/blue_bg2.jpg)"
image[number++] = "url(../images/array/blue_bg3.jpg)"
image[number++] = "url(../images/array/blue_bg4.jpg)"
image[number++] = "url(../images/array/blue_bg5.jpg)"
image[number++] = "url(../images/array/blue_bg6.jpg)"


//set up a variable to hold a text array, and set a number to 0
var theText = new Array();
var textNumber = 0;

// text Array - setting elements in the array starting at 1
theText[textNumber++] = "<p>Relax knowing you've got great health coverage...<br />from a great carrier and at a great price.</p>"
theText[textNumber++] = "<p>Great coverage, competitive rates, and the best providers...<br />all you need from CAI.</p>"
theText[textNumber++] = "<p>The coverage you'll need at the rates you want-<br />get it only through CAI.</p>"
theText[textNumber++] = "<p>No hassles, no headaches - just coverage you can depend on when you need it.</p>"
theText[textNumber++] = "<p>Enjoy piece of mind and healthy living -<br />because we've got you covered.</p>"
theText[textNumber++] = "<p>Relax knowing you've got great health coverage...<br />from a great carrier and at a great price.</p>"



//generate a random number from one to the number of images
increment = Math.floor(Math.random() * number);


function changeDivImage() 

{ 
//document.getElementById("rotating_banner").style.backgroundImage = "url(../images/array/blue_bg1.jpg)"; // this is an example of what would be written in... the bg to the CSS div
document.getElementById("rotating_banner").style.backgroundImage = image[increment]; 
document.getElementById("rotating_text").innerHTML = theText[increment];
}