$(function(){
var images = new Array();

for(var i=1; i <= numImages; i++)
{
	images.push([$('#detail-gallery img:first').attr('src').substr(0,$('#detail-gallery img:first').attr('src').lastIndexOf('-') + 1) + i + '.jpg']);
}
$('#detail-gallery img').remove();

var mygallery=new simpleGallery({
	wrapperid: "detail-gallery", //ID of main gallery container,
	dimensions: [529, 245], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: images,
	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)
	}
})
});