var mygallery=new simpleGallery({
    wrapperid: "galeriaimagenes", //ID of main gallery container,
    dimensions: [890,340], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
    //[imagen,enlace,donde,descripcion]
    imagearray: [
        ["Html/Skins/moraza/imgPublic/slide/portada.jpg", "", "", ""],
        ["Html/Skins/moraza/imgPublic/slide/portada1.jpg", "", "", ""],
        ["Html/Skins/moraza/imgPublic/slide/portada2.jpg", "", "", ""]
    ],
    autoplay: [true, 3000, 999], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
    persist: false, //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)
        var boton_id = "galeria_boton_"+i;
        document.getElementById(boton_id).className='control_panel_botton_sel';
    }
})
