// 
// This variable sets if the page loads a random image when the page loads (or refreshes)
// or if it continuiously cycles through images while being viewed.
//
// doesItChange = 0 will cause a random image to load when the page does, and then remain static while viewing
// doesItChange = 1 will cause random images to cycle while viewing the page.

     var doesItChange = 1;



//
// This variable is only applicable if doesItChange is set to 1 (so the page is constantly
// changing the image while viewing).  It is used to determin if the image cycle is random
// or if the specific order of imageNameArray will be used.
//
// listOrder = 0 will cause a random cycle of images
// listOrder = 1 will cause the images to be shown in order, with the order starting with the first entery in the list
// listOrder = 2 will cause the images to be shown in order, with the order starting at a random point in the list

     var listOrder = 2;



//
// This variable is only applicable if doesItChange is set to 1 (so the page is constantly
// changing the image while viewing).  It is used to determin if the page loads with a
// specific image as the first image of the set.  Said another way, if you always want
// the first image in the cycle to be a specific image then populate the below variable.
// This can be useful if you want a specifc seasonal image to display first, or have need
// for a specifc image to be displayed prior to the image cycle.  The image does not need
// to be one of the images in the imageNameArray list.
//
// firstImage = "./IMAGES/first_image.jpg" will cause the image name first_image.jpg in the images folder to be the first image on the page when loaded.  NOTE: this file does not need to be one of the images in the list to display in the cycle.
// firstImage = null (that is null with no quotes) will cause it to jump directly into the random images as determined by the listOrder variable.

     var firstImage = null;

//
// This variable is only applicable if doesItChange is set to 1 (so the page is constantly
// changing the image while viewing).  It is used to set the number of seconds an image
// will remain static before another page is loaded.
//
// waitTime = 5 will display the image for 5 seconds before moving to the next.
// waitTime = 60 will display the image for one minute before moving to the next.
// waitTime = 3600 will display the image for one hour before moving to the next.

     var waitTime = 3;



//
// This variable sets the transition type between pictures.
//
// transition = "none" is the setting for no transition
// transition = "fade" is the setting for fade outs and fade ins between image changes

     var transition = "fade";



//
// This variable is only applicable if transition is set to "fade".  It controls the speed
// at which the image fades out and in.  The higher the number the slower the fade.

     var fadeSpeed = 10;



//
// This variable is only applicable if transition is set to "fade".  It controls how much
// is fadded in or out with each step.  It is a number from 1 to 100 (where 1 is smallest
// increments and 100 is going from blank to full pic in one step)

     var fadeStep = 2;



//
// This variable sets if the transition type is applicable for the first image (the
// one the page origionally loads with).  Note: this setting is valid reguardless of
// any other settings.  It simply tells the page wether or not to apply the transition
// type to the image that the page initially loads with.
//
// firstTransition = 0 for no transition in of the first image
// firstTransition = 1 to trigger a transition in of the initial image

     var firstTransition = 1;



//
// This is the list of images to consider for the image cycle.  They can be relative,
// absolute, or specified by http address.  Note: that the last entery in this list
// CAN NOT have a comma after it like all other enteries do.
//
// "./IMAGES/evie.jpg", puts in the evie.jpg image located in the local IMAGES folder
// "/IMAGES/ezri.jpg", puts in the ezri.jpg image located in the root directory called IMAGES of this web server
// "http://www.mariemontschools.org/hslibrary/IMAGES/emily.jpg", puts in the image found at http://www.mariemontschools.org/hslibrary/IMAGES/emily.jpg into the cycle.  Note: please make sure you have permission from the owner to link to his/her/its image.
//
// NOTE: please remember all enteries except for the last one must have the trailing comma
// after the entery.

     var imageNameArray = new Array (
                                     "IMAGES/READ/meggie.png",
                                     "IMAGES/READ/superman.png",
                                     "IMAGES/READ/greatgatsby.png",
                                     "IMAGES/READ/haven.png",
                                     "IMAGES/READ/julieforweb.jpg",
                                     "IMAGES/READ/hillary.png",
                                     "IMAGES/READ/ppzombies.png",
                                     "IMAGES/READ/vietnam.png",
                                     "IMAGES/READ/harrypotter.png",
                                     "IMAGES/READ/emma.png",
                                     "IMAGES/READ/mattl.jpg",
                                     "IMAGES/READ/emily.jpg",
                                     "IMAGES/READ/mobydick.png",
                                     "IMAGES/READ/bruceforweb.jpg",
                                     "IMAGES/READ/ashley.png",
                                     "IMAGES/READ/carolina2.jpg",
                                     "IMAGES/READ/maryebola2.jpg",
                                     "IMAGES/READ/elizabeth.jpg",
                                     "IMAGES/READ/whereswaldo.png",
                                     "IMAGES/READ/maggieforweb.jpg",
                                     "IMAGES/READ/scottpilgrim.png",
                                     "IMAGES/READ/michael2.jpg"
                                     );