var slideGallery = new simpleGallery({
 wrapperid: "page_image", //ID of main gallery container,
 dimensions: [745, 307], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
 imagearray: [
  ["/images/homepage-slideshow/lefki_villas-8464_-_rob_jewell_sept_11_12.jpg", "", "_self", ""],
  ["/images/homepage-slideshow/gic_sivota_pearl_diamond_4_12.jpg", "", "_self", ""],
  ["/images/homepage-slideshow/home4_12.jpg", "", "_self", ""],
  ["/images/homepage-slideshow/gic_ceph_sunset_house_12.jpg", "", "_self", ""],
  ["/images/homepage-slideshow/gic_2012_150rgb_page_181_image_0001_12.jpg", "", "_self", ""],
  ["/images/homepage-slideshow/gic_limonari_villas (3)_12.jpg", "", "_self", ""],
  ["/images/homepage-slideshow/gic_antipaxos_beach_01_12.jpg", "", "_self", ""]
 ],
 autoplay: [true, 6000, 1000], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
 persist: false,
 fadeduration: 500, //transition duration (milliseconds)
 oninit:function(){ //event that fires when gallery has initialized/ ready to run
  //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause")
 },
 onslide:function(curslide, i){ //event that fires after each slide is shown
   //Keyword "this": references current gallery instance
   //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)
 }
});