//--------------------------------------------------------// javascript slide show "clicker"// v 3.0 July 2002// created by alan levine, maricopa community colleges// alan.levine@domail.maricopa.edu                                  // http://www.mcli.dist.maricopa.edu/proj/jclicker/// use without with these credits is not very nice//--------------------------------------------------------// This external .js file contains the editable configuration// data for a jClicker slide show.//  Below are the 7 sections that are edited to customize//  the slide show.//--------------------------------------------------------//  (1) SET UP THE SLIDES//  One array holds preferred order that the slides will //  appear. For each one enter the file name of the image//  that is inside the "images" folder. They should//  be sequentially numbered "slides[1]", "slides[2]",//  "slides[3]", etc. The other array holds the names//  that will appear in the lower pop-up menu to identify//  each slide (these should be kept to a short length so//  the menu does not grow overly wide)////  Note that you can now include HTML file names to display//  other kinds of content.  var slides = new Array();var menus = new Array();// --------- start the image & menu names ---------------//slides[1] = '1outside.jpg';slides[2] = '2movement.jpg';slides[3] = '3art2.jpg';slides[4] = '4drawing.jpg';slides[5] = '5art1.jpg';slides[6] = '6dancing.jpg';slides[7] = '7birdart.jpg';slides[8] = '8snakeart.jpg';slides[9] = '9art3.jpg';slides[10] = '10drummers.jpg';slides[11] = '11shadowdance.jpg';slides[12] = '12sharing.jpg';slides[13] = '13talking.jpg';slides[14] = '14laughter.jpg';slides[15] = '15men.jpg';slides[16] = '16tissue.jpg';slides[17] = '17circlepeople.jpg';menus[1] = 'Scribble Drawing';menus[2] = 'Movement';menus[3] = 'Art';menus[4] = 'Drawing';menus[5] = 'Into the light';menus[6] = 'Dancing';menus[7] = 'Flying';menus[8] = 'Snake';menus[9] = 'Dynamic energy';menus[10] = 'Drumming';menus[11] = 'Shadowdance';menus[12] = 'Sharing';menus[13] = 'Talking';menus[14] = 'Laughter';menus[15] = 'Communicating';menus[16] = 'Collage';menus[17] = 'Creating';// ----------- end of image & menu names ----------------////--------------------------------------------------------//  (2) SET UP THE TITLE PAGE//  Enter a name for the slide show and a line for the//  credits. Avoid funky HTML here, they go in h1, h2 tags//  and are formatted in style sheetsvar showTitle = 'Some examples of the Person-Centered Expressive Arts Process';var showCredits = 'photos taken at PCETI training';//--------------------------------------------------------//  (3) SET UP THE CAPTIONS     //  Enter text for a set of captions that correspond to the //  images. If the slide source is HTML, this string//  is ignored, so assign blank values of "" to save spacevar cap = new Array();                                                                                                                   // -------------- start the captions  ------------------//cap[1] = 'A scribble drawing done with the non-dominant hand frees the creative spirit';cap[2] = 'Expressing oneself through movement...';cap[3] = '...changes how one does art!';cap[4] = 'The creative process is concentrated focus';cap[5] = '\"She steps through the tunnel of darkness into the light\"';cap[6] = 'Experiencing physical freedom in movement...';cap[7] = '...brings forth feelings of flight in art';cap[8] = 'Expressing the dark feelings releases...';cap[9] = 'dynamic serpent energy';cap[10] = 'Improvising music';cap[11] = 'and improvising dance';cap[12] = 'Sharing art allows self-insight';cap[13] = 'and personal connection';cap[14] = 'Facilitators encourage and appreciate';cap[15] = '2 people share one paper: a communication process';cap[16] = 'Collage of bright tissue shares joy';cap[17] = 'Creating the world we want';// ------------- end of captions -----------------------////--------------------------------------------------------//  (4) SET THE AUTOSHOW DELAY TIME    //  This is the minimum amount of time between changing of //  slides when we are in automatic mode. Values are in //  milliseconds, multiple the number of seconds desired//  by 1000. If you are unsure, try a value of 8000.var delay_time = 8000;//--------------------------------------------------------//  (5) SET THE BACKGROUND MODE   //  This variable indicates whether to use a light background//  for the slide screen (light_mode = true;) or a dark//  background (light_mode = false;)var light_mode = true;//--------------------------------------------------------//  (6) SET THE CAPTION LOCATION  //  This variable controls the placement of the caption//  relative to the picture. Valid values are//    1   above the picture  //    2   left of the picture//    3   right of the picture//    4   below the picturevar cap_align = 4;//--------------------------------------------------------//  (7) SET THE STARTING SLIDE //  This variable can indicate which is the first slide//  to show. the default is 0 which starts with the title//  pagevar show_start = 0;//--------------------------------------------------------// END OF CONFIGURATION AREA//--------------------------------------------------------
