/*
    File name: gwdloadheader.js
    Author: Sharon Carroll-Tidman for Grafton Water District
    Creation Date: 12/30/10
    Purpose: Loads the picture gallery in the header of each page.
 
    Modification History:
       Date     Initials	Summary of Changes Made
    ----------- --------------- ----------------------------------------------------------------------------------------------------
     12/30/10	slc		Created for GWD (from other web-site)
    ================================================================================================================================

    Supporting files: jquery.min.js
                      fadeslideshow.js
*/

function showFadShow3 (){
   if (screen.width >= 1024) {
      document.write("<td><div class='fadeshowclass' id='fadeshow3' ></div></td>");
/* -- line20 --*/
   }
}
function showFadShow4 (){
   if (screen.width >= 1024) {
      document.write("<td><div class='fadeshowclass' id='fadeshow4' ></div></td>");
/* -- line20 --*/
   }
}

function loadGallery () {
     var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [100, 120], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["pictures/fadeshow1/292.JPG"],
		["pictures/fadeshow1/307.JPG"],
/*		["pictures/fadeshow1/311.JPG"],    */
		["pictures/fadeshow1/1583.JPG"],
/*		["pictures/fadeshow1/1832.JPG"],   */
		["pictures/fadeshow1/IMG_2783.JPG"],
		["pictures/fadeshow1/IMG_6052.JPG"]               //<--no trailing comma after very last image elements
	],
	displaymode: {type:'auto', pause:3500, cycles:0, wraparound:false},
/* -- line40 --*/
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 1500, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
      })


      var mygallery2=new fadeSlideShow({
	wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
	dimensions: [200, 120], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
/*		["pictures/fadeshow2/1st - water.JPG"],   */
/*		["pictures/fadeshow2/212.JPG"],     */
		["pictures/fadeshow2/268.JPG"],
/*		["pictures/fadeshow2/269.JPG"],     */
		["pictures/fadeshow2/278.JPG"],
		["pictures/fadeshow2/308.JPG"],
		["pictures/fadeshow2/338.JPG"],
/*		["pictures/fadeshow2/1576.JPG"],    */
		["pictures/fadeshow2/water2.JPG"],
/*		["pictures/fadeshow2/Water 8.JPG"],  */
		["pictures/fadeshow2/water break at night.JPG"]                  //<--no trailing comma after very last image elements
	],
	displaymode: {type:'auto', pause:3500, cycles:0, wraparound:false,randomize:true},
	persist: false, //remember last viewed slide and recall within samse session?
	fadeduration: 1500, //transition duration (milliseconds)
	descreveal: "always",
	togglerid: ""
      })

      var mygallery3=new fadeSlideShow({
	wrapperid: "fadeshow3", //ID of blank DIV on page to house Slideshow
	dimensions: [200, 120], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["pictures/fadeshow3/060.JPG"],
/*		["pictures/fadeshow3/096.JPG"],   */
		["pictures/fadeshow3/180.JPG"],
/*		["pictures/fadeshow3/198.JPG"],   */
		["pictures/fadeshow3/218.JPG"],
		["pictures/fadeshow3/287.JPG"],
		["pictures/fadeshow3/428.JPG"],
		["pictures/fadeshow3/1615.JPG"],
		["pictures/fadeshow3/2120.JPG"],
		["pictures/fadeshow3/IMG_2629.JPG"],
		["pictures/fadeshow3/IMG_2657.JPG"]                  //<--no trailing comma after very last image elements
	],
	displaymode: {type:'auto', pause:3500, cycles:0, wraparound:false,randomize:true},
	persist: false, //remember last viewed slide and recall within samse session?
	fadeduration: 1500, //transition duration (milliseconds)
	descreveal: "always",
	togglerid: ""
      })

      var mygallery4=new fadeSlideShow({
	wrapperid: "fadeshow4", //ID of blank DIV on page to house Slideshow
	dimensions: [200, 120], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
/*		["pictures/fadeshow4/140.JPG"],    */
		["pictures/fadeshow4/1564.jpg"],   
		["pictures/fadeshow4/1630.JPG"],
/*		["pictures/fadeshow4/230.JPG"],    */
/*		["pictures/fadeshow4/246.JPG"],    */
/*		["pictures/fadeshow4/250.JPG"],    */
		["pictures/fadeshow4/2533.JPG"],
/*		["pictures/fadeshow4/265.JPG"],    */
/*		["pictures/fadeshow4/273.JPG"],    */
		["pictures/fadeshow4/277.JPG"],
		["pictures/fadeshow4/317.JPG"],
		["pictures/fadeshow4/394.JPG"],
/*		["pictures/fadeshow4/518.JPG"],    */
/*		["pictures/fadeshow4/IMG_2312.JPG"],    */
/*		["pictures/fadeshow4/IMG_2346.JPG"],   */
		["pictures/fadeshow4/IMG_2654.JPG"],
/*		["pictures/fadeshow4/IMG_3359.JPG"],   */
		["pictures/fadeshow4/IMG_3361.JPG"],
/*		["pictures/fadeshow4/IMG_3422.JPG"],   */
/*		["pictures/fadeshow4/IMG_3425.JPG"],   */
/*		["pictures/fadeshow4/IMG_3457.JPG"],   */
		["pictures/fadeshow4/IMG_6089.JPG"]                  //<--no trailing comma after very last image elements
	],
	displaymode: {type:'auto', pause:3500, cycles:0, wraparound:false,randomize:true},
	persist: false, //remember last viewed slide and recall within samse session?
	fadeduration: 1500, //transition duration (milliseconds)
	descreveal: "always",
	togglerid: ""
      })

}

function loadPortfolioWindow()  {
  loadPortfolioFlowers();
  
//  alert("second addEvent call"); 
  addEvent(document.getElementById("projects"), "click", loadPortfolioProjects, false);
  addEvent(document.getElementById("flowers"), "click", loadPortfolioFlowers, false);
}


function loadPortfolioProjects () {
//alert("made it to loadportfolio :projects");

var mygallery4=new fadeSlideShow({
	wrapperid: "fadeshow", //ID of blank DIV on page to house Slideshow
	dimensions: [562,380], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["pictures/1st - water.JPG"],
		["pictures/060.JPG"],
		["pictures/096.JPG"],
		["pictures/140.JPG"],
		["pictures/1564.jpg"],
		["pictures/1576.JPG"],
		["pictures/1583.JPG"],
		["pictures/1615.JPG"],
		["pictures/1630.JPG"],
		["pictures/180.JPG"],
		["pictures/1832.JPG"],
		["pictures/198.JPG"],
		["pictures/212.JPG"],
		["pictures/2120.JPG"],
		["pictures/218.JPG"],
		["pictures/230.JPG"],
		["pictures/246.JPG"],
		["pictures/250.JPG"],
		["pictures/2533.JPG"],
		["pictures/265.JPG"],
		["pictures/268.JPG"],
		["pictures/269.JPG"],
		["pictures/273.JPG"],
		["pictures/277.JPG"],
		["pictures/278.JPG"],
		["pictures/287.JPG"],
		["pictures/292.JPG"],
		["pictures/307.JPG"],
		["pictures/308.JPG"]           //<--no trailing comma after very last image element!s
	],
	displaymode: {type:'auto', pause:2000, cycles:0, wraparound:false,randomize:true},
	persist: false, //remember last viewed slide and recall within samse session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "always",
	togglerid: ""
});


}

function loadPortfolioFlowers () {
//alert("made it to loadportfolio Flowers");

var mygallery5=new fadeSlideShow({
	wrapperid: "fadeshow", //ID of blank DIV on page to house Slideshow
	dimensions: [562,380], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["pictures/311.JPG"],
		["pictures/317.JPG"],
		["pictures/338.JPG"],
		["pictures/394.JPG"],
		["pictures/428.JPG"],
		["pictures/518.JPG"],
		["pictures/IMG_2312.JPG"],
		["pictures/IMG_2346.JPG"],
		["pictures/IMG_2629.JPG"],
		["pictures/IMG_2654.JPG"],
		["pictures/IMG_2657.JPG"],
		["pictures/IMG_2783.JPG"],
		["pictures/IMG_3359.JPG"],
		["pictures/IMG_3361.JPG"],
		["pictures/IMG_3422.JPG"],
		["pictures/IMG_3425.JPG"],
		["pictures/IMG_3457.JPG"],
		["pictures/IMG_6052.JPG"],
		["pictures/IMG_6089.JPG"],
		["pictures/Water 8.JPG"],
		["pictures/water break at night.JPG"],
		["pictures/water2.JPG"]           //<--no trailing comma after very last image element!s
	],
	displaymode: {type:'auto', pause:2000, cycles:0, wraparound:false,randomize:true},
	persist: false, //remember last viewed slide and recall within samse session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "always",
	togglerid: ""
});


}