//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>");
			//]]>
			
			$(document).ready(function(){
				//Examples of Global Changes
				$.fn.colorbox.settings.bgOpacity = "0.9";

				//Examples of how to assign the ColorBox event to elements.
				$("a[rel='jack'],a[rel='jack-2']").colorbox({transition:"fade"});
				$("a[rel='dogs']").colorbox({transition:"elastic", contentCurrent:"{current} / {total}"});
			
				
				//Example of preserving a JavaScript event for inline calls.
				$("#click").click(function(){ 
					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
				});
			});