$(document).ready(function(){

				//Examples of how to assign the ColorBox event to elements

				$("a[rel='example1']").colorbox();

				$("a[rel='example2']").colorbox({transition:"fade"});

				$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});

				$("a[rel='example4']").colorbox({slideshow:true});

				$(".example5").colorbox();

				$(".example6").colorbox({iframe:true, innerWidth:545, innerHeight:490});

				$(".example7").colorbox({width:"80%", height:"80%", iframe:true});

				$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});

			

		

			});