			//This hides the inline content if JavaScript is supported, but allows it to remain visible if not.
			//<![CDATA[
			document.write("<style type='text/css'>.hidden{display:none;}<\/style>");
			//]]>
			
			jQuery(document).ready(function(){
				//Examples of Global Changes
				jQuery.fn.colorbox.settings.bgOpacity = "0.9";
				jQuery.fn.colorbox.settings.contentCurrent = "{current} / {total}";
				

				//Examples of how to assign the ColorBox event to elements.
				jQuery("a[rel='colorbox']").colorbox({transition:'elastic',slideshow:true,speed:350,slideshowSpeed:2500,slideshowAuto:true,slideshowStart:'start slideshow',slideshowStop:'stop slideshow',current:'{current} / {total}',previous:'previous',next:'next',close:'close',overlayClose:true});
				jQuery("a[rel='mod_colorbox']").colorbox({transition:'elastic',slideshow:true,speed:350,slideshowSpeed:2500,slideshowAuto:true,slideshowStart:'start slideshow',slideshowStop:'stop slideshow',current:'image {current} of {total}',previous:'previous',next:'next',close:'close',overlayClose:true});
				
			});