// JavaScript Document
var mygallery=new simpleGallery({
 wrapperid: "simplegallery1", //ID of main gallery container,
 dimensions: [483, 395], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
 imagearray: [
  ["images/FoodGallery1.jpg", "", ""],
  ["images/FoodGallery2.jpg", "", ""],
  ["images/FoodGallery3.jpg", "", ""],
  ["images/FoodGallery5.jpg", "", ""],
  ["images/FoodGallery6.jpg", "", ""],
  ["images/FoodGallery7.jpg", "", ""],
  ["images/FoodGallery9.jpg", "", ""],
  ["images/FoodGallery10.jpg", "", ""]

 ],
 autoplay: false,
 persist: false,
 pause: 2500, //pause between slides (milliseconds)
 fadeduration: 500, //transition duration (milliseconds)
 oninit:function(){ //event that fires when gallery has initialized/ ready to run
 },
 onslide:function(curslide, i){ //event that fires after each slide is shown
  //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
  //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
 }
})