Script - Colorbox initialization with back button support

dev_script_colorbox_init.js

<script type="text/javascript">
$(document).ready(function() {
	$('.colorbox').colorbox({
		onLoad: function() {
			history.pushState(null, document.title + ' [colorbox-active]', window.location.pathname + window.location.search + '#colorbox-active');
			window.onpopstate = function(event) {
				$.colorbox.close();
			};
		},
		onClosed: function() {
			history.replaceState(null, document.title, window.location.pathname + window.location.search);
		},
		title: function() {
			var kids = $(this).children('img');
			if (kids.attr('oldtitle')) {
				return kids.attr('oldtitle');
			} else if (kids.attr('title')) {
				return kids.attr('title');
			} else {
				return kids.attr('alt');
			}
		},
		overlayClose: true,
		opacity: 0.5,
		rel: "colorbox",
		maxWidth: '100%',
		maxHeight: '90%'
			
	});
});
</script>