﻿function sg()
{
    var mygallery = new simpleGallery(
        {
            wrapperid: "simplegallery1", //ID of main gallery container,
            dimensions: [528, 353], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
            imagearray: [   //img url, link, target, description - only img url is required
		                    ["images/products/01.jpg", "", "", ""],
		                    ["images/products/02.jpg", "", "", ""],
		                    ["images/products/05.jpg", "", "", ""],
		                    ["images/products/04.jpg", "", "", ""],
		                    ["images/products/03.jpg", "", "", ""],
		                    ["images/products/06.jpg", "", "", ""],
		                    ["images/products/07.jpg", "", "", ""],
		                    ["images/products/08.jpg", "", "", ""],
		                    ["images/products/09.jpg", "", "", ""],
		                    ["images/products/10.jpg", "", "", ""]
	                    ],
            autoplay: [true, 5000, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
            persist: true, //remember last viewed slide and recall within same session?
            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)
            }
        })
}