//Be sure that the imagePathArray, linkArray, and linkDestination arrays are always be the same size (the last numbers are the same)
var imagePathArray = new Array();  //array of all the images that should be flipped through.


imagePathArray[0] = './header/images/ScienceSaysWebsitepic.jpg';
imagePathArray[1] = './header/images/ScienceOnWheels.jpg';
imagePathArray[2] = './header/images/programs.jpg';
imagePathArray[3] = './header/images/energy.jpg';
imagePathArray[4] = './header/images/FoodScience.jpg';

var linkArray = new Array();  //array of all the links that should be on the images as they change.

linkArray[0] = 'https://imaginescience.wufoo.com/forms/science-says/';
linkArray[1] = '/educators.php';
linkArray[2] = '/educators.php';
linkArray[3] = 'http://buildingdashboard.net/imaginationstation/#/imaginationstation/museum';
linkArray[4] = '/fabulous-fridays.php';

var linkDestination = new Array();  //array of where the links should open.  Valid values should be "new" or "same" as in new window or same window

linkDestination[0] = 'new';
linkDestination[1] = 'same';
linkDestination[2] = 'same';
linkDestination[3] = 'new';
linkDestination[4] = 'same';


var autoFlipDivName = 'pictureHolder';  //name of the div in which the automatic image flip should occur 
var autoFlipChangeType = 'imgTag'  //the type of change that should occur - described further in the changeImage function parameter list
var timeToWait = 15; //how long in seconds you wish to wait between flips;
var imageWidth = 500;   //The width of the image in pixels.  Most of the time, it should be the same as the size of the image flip div.
var linkHighlightColor = '#FFA600';  //the color the links should be when their corresponding picture is showing;
var linkOriginalColor = 'white';  //the original color of the links