$(document).ready(function(){
				//Examples of how to assign the ColorBox event to elements.
				$("a[rel='jack']").colorbox();
				$("a[rel='jack1']").colorbox();
				$("a[rel='jack2']").colorbox();
				$("a[rel='jack3']").colorbox();
				$("a[rel='jack4']").colorbox();
				$("a[rel='jack5']").colorbox();
				$("a[rel='dogs']").colorbox({transition:"elastic"});
				$("a[rel='river']").colorbox({transition:"none", width:"75%", height:"75%"});
				$(".slideshow").colorbox({slideshow:true});
				$("a.single").colorbox({}, function(){
					alert('Howdy, this is an example callback.');
				});
				$("a[title='Homer Defined']").colorbox();
				$(".flash").colorbox({href:"../content/flash.html"});
				//$("a[href='document.getElementById('p'+i).src']").colorbox({width:"auto", height:"auto", iframe:false});
				
				//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.");
				});
				$("#inline").colorbox({width:"50%", inline:true, href:"#inline_example1", title:"hello"});
			});