// JavaScript Document
var mygallery=new simpleGallery({
        wrapperid: "simplegallery1", //ID of main gallery container,
        dimensions: [330, 260], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
        imagearray: [
  ["http://www.marelco.ca/_images/marine/graving-dock-bc-ferries.jpg", "http://www.marelco.ca", "EMCS INDUSTRIES LTD"],	
  ["http://www.marelco.ca/_images/marine/anodes_marelco_emcs.jpg", "http://www.marelco.ca/marelco-cathelco-equipment.html", "EMCS INDUSTRIES LTD"],
["http://www.marelco.ca/_images/marine/anti-corrosion-control-panel_emcs.jpg", "http://www.marelco.ca/marelco-cathelco-benifits.html", "EMCS INDUSTRIES LTD"],
["http://www.marelco.ca/_images/marine/metre-anode-cards-anti-corrosion_emcs.jpg", "http://www.marelco.ca/marelco-cathelco-equipment.html", "EMCS INDUSTRIES LTD"]
        ],
        autoplay: [true, 5000, 3], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
        persist: true,
        fadeduration: 2500, //transition duration (milliseconds)
        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)
        }
})