$(document).ready(function(){
	//Examples of how to assign the ColorBox event to elements.
	$("a[rel='dogs']").colorbox({transition:"elastic", maxWidth:"600px", maxHeight:"600px", speed:500, opacity:0.7});
	$(".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='http://google.com']").colorbox({width:"80%", height:"80%", iframe:true});
	
	//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.");
		return false;
	});
	$("#inline").colorbox({width:"50%", inline:true, href:"#inline_example1", title:"hello"});
});