//This hides the inline content if JavaScript is supported.
			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='dogs']").colorbox({transition:"elastic", contentCurrent:"{current} / {total}"});
				
			});