function InitSlideShowViewer(id, width, height, url){
	// Embeded HTML For slideshow - escaped - see comment at bottom of file
	var html = unescape('%3C%74%61%62%6C%65%20%63%6C%61%73%73%3D%22%73%6C%69%64%65%5F%73%68%6F%77%5F%76%69%65%77%65%72%22%20%63%65%6C%6C%73%70%61%63%69%6E%67%3D%22%30%22%20%63%65%6C%6C%70%61%64%64%69%6E%67%3D%22%30%22%20%62%6F%72%64%65%72%3D%22%30%22%3E%0A%09%3C%74%72%3E%0A%09%09%3C%74%64%3E%0A%09%09%09%3C%64%69%76%20%63%6C%61%73%73%3D%22%73%6C%69%64%65%73%68%6F%77%6F%62%6A%65%63%74%22%3E%3C%2F%64%69%76%3E%0A%09%09%3C%2F%74%64%3E%0A%09%3C%2F%74%72%3E%0A%3C%2F%74%61%62%6C%65%3E');

	// listen for dom loaded event
	Event.observe(document, 'dom:loaded', function(event){
		
		// replace element of id with embeded html
		var ssmain = $(id);
		var e = new Element('div');
		var t = e.insert(html).firstChild;
		t.id = id;
		ssmain.replace(t);
		ssmain = $(id);
		
		// identify flash object 
		var flashobj = ssmain.down('.slideshowobject');
		var flashobjId = flashobj.identify();
		
		// detect and replace flash obj with object
		swfobject.embedSWF(
			"assets/libs/simpleslideshow-1.1/FlashSlideShow.swf",
			flashobjId,
			width,
			height,
			"9.0.0",
			"assets/libs/swfobject/expressInstall.swf",
			{
				dataurl: url
			},
			{
				wmode: 'opaque',
				allowScriptAccess: 'sameDomain',
				scale: 'noscale',
				salign: 'lt'
			},
			{
				'type': 'application/x-shockwave-flash',
				'name': flashobjId,
				'class': 'slideshowobject'
			}
		);
		
		// listen for flash  xml loaded event
		Event.observe(document, 'SlideShowViewer:onXMLLoaded', function(event){
			var ssmain = $(id);
			var ssv = ssmain.down('.slideshowobject');
			var ssvId = ssv.identify();
			
			// init play pause button 
			var playBtn = ssmain.down('.play_pause');
			playBtn.observe('click', function(event){
				if(playBtn.hasClassName('stopped')){
					ssv.playme();
				}else{
					ssv.stopme();
				}
			});
			
			Event.observe(document, 'SlideShowViewer:play', function(event){
				playBtn.removeClassName('stopped');
			});
			Event.observe(document, 'SlideShowViewer:stop', function(event){
				playBtn.addClassName('stopped');
			});
			
			
			// set up buttons based on number of images
			/*
			var btnContainer = ssmain.down('.controlbar .bar_content .button_area');
			var btnTpl =  ssmain.down('.controlbar .bar_content .slide_show_viewer_buttonTemplate').innerHTML;
			var spTpl =  ssmain.down('.controlbar .bar_content .slide_show_viewer_spacerTemplate').innerHTML;
			
			btnContainer.style.width = btnContainer.parentNode.getWidth() + 'px';
			btnContainer.insert(spTpl);
			
			var numImages = ssv.getNumberOfImages();
			for(var i = 0; i < numImages; i++){
				var btn = btnContainer.insert(btnTpl).down('a', i);
				btn.innerHTML = i+1;
				var link = "javascript:$('" + ssvId + "').setSlide(" + i + ");";
		
				btn.href= link;
				btn.observe('mouseover', function(event){
					event.findElement('.button_style').addClassName('over');
				});
				btn.observe('mouseout', function(event){
					event.findElement('.button_style').removeClassName('over');
				});
			}*/

		});
		// listen for image change and update states
		Event.observe(document, 'SlideShowViewer:change', function(event){
			/*
			var ssmain = $(id);
			var ssv = ssmain.down('.slideshowobject');
			var btnContainer = ssmain.down('.controlbar .bar_content .button_area');
			
			var i = 0;
			var b;
			while(b = btnContainer.down('.button_style', i++))
				b.removeClassName('selected');
				
			var currentId = ssv.getCurrentImageIndex();
			var btn = btnContainer.down('.button_style', currentId);
			btn.addClassName('selected');*/
		});
		
		
		
		
	});

}


/*
<table class="slide_show_viewer" cellspacing="0" cellpadding="0" border="0">
			<tr>
				<td>
					<div class="slideshowobject"></div>
					<table class="controlbar" cellspacing="0" cellpadding="0" border="0">
						<tr>
							<td class="left_side"></td>
							<td class="bar_content">
								<div class="button_area">
							
								</div>
								<div class="slide_show_viewer_buttonTemplate" style="display:none">
									<a class="button_style" href="javascript:void(0);">1</a>
								</div>
								<div class="slide_show_viewer_spacerTemplate" style="display:none">
									<div class="first_spacer"></div>
								</div>
							</td>
							<td class="right_side"><a class="play_pause" href="javascript:void(0);">&nbsp;</a></td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
*/