/*
<!-- slimHTMLbox -->
<div id="sbOverlay" style="opacity: 0.8; display: block;"></div>
<div id="sbCenter" style="top: 5%; width: 910px; height: 80%; margin-left: -465px; left: 50%; display: block; padding: 10px 10px 30px;" class="">
	<div id="sbImage" style="display: block; width: 910px; height: 90%; ">




	</div>
</div>
<div id="sbBottomContainer" style="left: 50%; width: 930px; top: 85%; margin-left: -465px; margin-top: 20px;">
	<div id="sbBottom" style="margin-top: 0px;">
		<a href="#" id="sbCloseLink"></a>
		<div style="clear: both;"></div>
	</div>
</div>
<!-- /slimHTMLbox -->
*/
jQuery(document).ready(function()
{
	jQuery("body").append(
		'<div id="sbOverlay"></div>' +
		'<div id="sContainer">' +
			'<div id="sbCenter">' +
				'<div id="sbImage" style="display: block; width: 910px; height: 90%; ">' +

				'</div>' + 
			'</div>' +
			'<div id="sbBottomContainer">'+
				'<div id="sbBottom" style="margin-top: 0px;">'+
					'<a href="#" id="sbCloseLink"></a>'+
					'<div style="clear: both;"></div>'+
				'</div>'+
			'</div>'+
		'</div>'
		);
	
	jQuery("a.slim-link").click(function() {
		jQuery('#sbImage').html(jQuery(jQuery(this).attr('href')).html());
		Cufon.replace('.cufon-slim');
		jQuery('#sbOverlay').css('opacity', '0.8').show();
		jQuery('#sContainer').show();
		return false;
	});
	
	jQuery("#sbOverlay, #sbCloseLink").live("click", function(){
		jQuery('#sbImage').html('');
		jQuery('#sbOverlay, #sContainer').hide();
		return false;
	});  
	

});