var mygallery = null; 
    var galleryId = "storyGallery";
    function initStoryGallery(){
    if(!storydata ||!document.getElementById(galleryId)){
		clearTimeout(iStoryGallery);
        iStoryGallery = setTimeout("initStoryGallery()", 100);
        return ;
    }
	try{

		jQuery(document).ready(function($){
		    mygallery = new storyGallery({
				wrapperid: galleryId, //ID of main gallery container,
				onrenderitem: function(story){
				    var 
					layerHTML ='<div class="stories-current-title">' + 
					            (story.Title ? story.Title : '') + 
					            '</div><div class="stories-current-body"><p class="story-content">' + 
								story.Story +
								'</p>' + 
								'<p class="story-footer">' + 	(story.Footer ?  story.Footer : '') + '</p>' + 
								'<br /><p><span class="story-author"> ' + story.Submitted_x0020_By +
								'</span><br /><span class="story-category">' + story.Participant_x0020_Type + '</span>' + 
								(((story.Church_x0020_Name) && story.Church_x0020_Name!= '-') ? 
									(', <span class="story-church">' + story.Church_x0020_Name + '</span>') : '') +
								'</p></div><div class="stories-current-footer">' +
								'</div>';
					return layerHTML;
				},
				data: storydata,
				autoplay: [false, 2500, 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)
				totalWidth: ((totalWidth) ? totalWidth : '722px'),
				oninit:function(){ }, //event that fires when gallery has initialized/ ready to run
				onslide:function(curslide, i){ } //event that fires after each slide is shown
			});
		});
	}catch(e){
		window.status = e.message;
	}
}
var iStoryGallery = setTimeout("initStoryGallery()", 100);