$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$("a[rel='lightbox']").colorbox({transition:"none", width:"75%", height:"75%"});
$("a[rel='lightbox2']").colorbox({transition:"none", width:"75%", height:"75%"});
$("a[rel='lightbox3']").colorbox({transition:"none", width:"75%", height:"75%"});
$("a[rel='lightbox4']").colorbox({transition:"none", width:"75%", height:"75%"});
$("a[rel='lightbox5']").colorbox({transition:"none", width:"75%", height:"75%"});
//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;
});
});
